/* Vella Edit V8.1 — comparison photography and selected-piece floating bar.
   Only comparison components are changed; other catalog cards remain untouched. */

/* Decision cards: the handbag is the hero, not a postage-stamp next to text. */
.v64-compare-cards{gap:22px!important}
.v64-compare-piece{grid-template-columns:minmax(0,53%) minmax(0,1fr)!important;gap:18px!important;padding:16px!important;align-items:center!important}
.v64-compare-image{height:clamp(270px,26vw,350px)!important;min-height:0!important;padding:12px!important;background:#faf8f4!important}
.v64-compare-image img{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}

/* The intro image pair carries useful scale, with correct, uncropped proportions. */
.v65-compare-intro-gallery{max-height:none!important;padding:12px!important;gap:12px!important}
.v65-compare-intro-gallery .photo{height:clamp(195px,18vw,275px)!important;max-height:none!important;aspect-ratio:auto!important;display:grid!important;place-items:center!important}
.v65-compare-intro-gallery .photo img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important}

/* Comparison table: restore generous product image size on desktop and tablet. */
.v6-comparison-table thead th:not(:first-child){min-width:320px!important}
.v6-comparison-table .v61-media-carousel{width:100%!important;max-width:320px!important;margin:0 auto 16px!important}
.v6-comparison-table .v61-media-frame{height:305px!important;min-height:305px!important;max-height:none!important;aspect-ratio:auto!important;background:#fdfcf9!important}
.v6-comparison-table .v61-media-slide{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:9px!important}
.v6-comparison-table thead th{vertical-align:top!important}
.v8-matrix-scroll{scrollbar-width:thin!important;overscroll-behavior-inline:contain!important}

/* Floating comparison chooser: product thumbnail + product name + remove action. */
.v545-compare-bar{width:min(1260px,calc(100% - 26px))!important}
.v545-compare-bar-inner{gap:14px!important}
.v545-compare-chips{gap:9px!important;min-height:65px!important}
.v545-chip{display:flex!important;align-items:center!important;gap:9px!important;max-width:260px!important;min-width:160px!important;min-height:66px!important;padding:4px 8px 4px 4px!important;border-radius:3px!important;flex:0 0 auto!important}
.v545-chip-photo,.v545-chip-placeholder{flex:0 0 52px!important;width:52px!important;height:58px!important;border:1px solid #e8e2d6!important;background:#fff!important;object-fit:contain!important;object-position:center!important}
.v545-chip-placeholder{display:grid!important;place-items:center!important;font:italic 27px/1 Georgia,serif!important;color:#a58b5e!important}
.v545-chip-caption{font:600 11px/1.35 var(--v7-sans,Arial,sans-serif)!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-width:144px!important}
.v545-chip button{align-self:flex-start!important;margin-left:auto!important;font-size:18px!important;min-width:18px!important;cursor:pointer!important}

@media(max-width:1050px){
 .v64-compare-cards{grid-template-columns:1fr!important;max-width:850px!important;margin-inline:auto!important}
 .v64-compare-piece{grid-template-columns:minmax(0,46%) minmax(0,1fr)!important}
 .v64-compare-image{height:320px!important}
 .v545-chip{max-width:225px!important;min-width:145px!important}
}
@media(max-width:640px){
 .v64-compare-piece{grid-template-columns:1fr!important;gap:12px!important}
 .v64-compare-image{height:280px!important;padding:12px!important}
 .v6-comparison-table .v61-media-carousel{max-width:255px!important}
 .v6-comparison-table .v61-media-frame{height:240px!important;min-height:240px!important}
 .v6-comparison-table thead th:not(:first-child){min-width:275px!important}
 .v545-compare-bar{padding:10px!important}
 .v545-compare-chips{gap:6px!important;min-height:55px!important}
 .v545-chip{min-width:134px!important;max-width:175px!important;min-height:56px!important;gap:5px!important;padding:4px!important}
 .v545-chip-photo,.v545-chip-placeholder{width:42px!important;height:48px!important;flex-basis:42px!important}
 .v545-chip-caption{font-size:10px!important;max-width:100px!important}
}
