/* The new gifting edit: one compact editorial gallery, five real MIA looks. */
.curator.builder-invitation{grid-template-columns:.85fr 1.15fr;gap:6%}
.gift-vessel-gallery{min-width:0}
.vessel-gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#92764e;font:10px/1.6 var(--sans);letter-spacing:.14em}
.vessel-stage{position:relative;display:block;width:100%;aspect-ratio:1.5;overflow:hidden;background:#e8d9c1;text-align:left}
.vessel-stage>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 1.1s var(--ease)}
.vessel-stage:hover>img{transform:scale(1.025)}
.vessel-stage>span{position:absolute;bottom:17px;right:17px;display:flex;align-items:center;gap:22px;padding:11px 16px;background:#faf3e7eb;backdrop-filter:blur(8px);color:#5b452a;font:12px/1.5 var(--sans)}
.vessel-stage .icon{width:17px;height:17px}
.vessel-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.vessel-thumbnails>button{position:relative;aspect-ratio:1.7;overflow:hidden;background:#eee3d1;outline:1px solid transparent;outline-offset:3px;transition:outline-color .3s,opacity .3s;opacity:.68}
.vessel-thumbnails>button[aria-pressed=true]{outline-color:#947043;opacity:1}
.vessel-thumbnails>button:hover{opacity:1}
.vessel-thumbnails img{width:100%;height:100%;object-fit:cover;display:block}
.vessel-thumbnails>button>span{position:absolute;left:6px;bottom:4px;font:italic 17px/1 var(--serif);color:#fff8ea;text-shadow:0 1px 5px #503615}
.vessel-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}
.vessel-caption h3{font:clamp(30px,2.7vw,46px)/1.08 var(--serif);letter-spacing:-.025em}
.vessel-arrows{display:flex;gap:9px;flex-shrink:0}
.vessel-arrows button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b8a286;border-radius:50%;transition:background .3s}
.vessel-arrows button:hover{background:#e4d6be}
.vessel-arrows .icon{width:17px;height:17px}
#vessel-description{font:14px/1.75 var(--sans);color:var(--muted);margin-top:12px;min-height:3.5em;max-width:560px}
.vessel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px 24px;padding-top:16px;margin-top:17px;border-top:1px solid #d9c9b0}
.vessel-actions>.text-link{font-size:13px;gap:21px}
#vessel-enquire{font:12px/1.6 var(--sans);color:#897051}
#vessel-enquire:hover{color:#4f371c}
.vessel-price{display:flex;align-items:center;gap:8px;width:100%;font:10px/1.4 var(--sans);color:#9a825f}
.vessel-price>span{font:22px/1 var(--serif);color:#806343}
.vessel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Exact source windows preserve handles and tassels without cropping neighbours. */
.sprite-trays{background-image:url('./assets/gift-trays-sprite-v1.png');background-repeat:no-repeat}
.tray-base{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(5px 12px 9px #523a2529)}
.builder-preview .gift-box.photo-tray{width:94%;aspect-ratio:var(--tray-aspect,1);padding:0;border:0;border-image:none;background:none;box-shadow:none;transform:perspective(1000px) rotateX(8deg) rotateZ(-5deg)}
.gift-box.photo-tray .box-interior{position:absolute;left:var(--tray-inner-left);top:var(--tray-inner-top);width:var(--tray-inner-width);height:var(--tray-inner-height);min-height:0;background:none;box-shadow:none;overflow:visible}
.gift-box.photo-tray .box-items{inset:0;display:grid;grid-template-columns:repeat(var(--piece-columns,1),minmax(0,1fr));grid-template-rows:repeat(var(--piece-rows,1),minmax(0,1fr));place-items:center;gap:0}
#gift-box.photo-tray .box-item{width:var(--piece-size);max-width:none}
#gift-box.photo-tray .box-items[data-count="3"]>.box-item:last-child{grid-column:1/-1;width:calc(var(--piece-size)/2)}
.photo-tray .box-item>.ingredient-sprite{transform:scale(1.08)}
.photo-tray .pouch-contents-tag{bottom:2%;padding:2px 6px;font-size:9px}
.photo-tray .box-empty{padding:0;color:#9b805b}
.photo-tray .box-empty>span{font-size:25px}
.photo-tray .box-empty>p{font-size:10px;margin-top:8px}
.photo-tray .gift-lid{inset:0;border:0;background:none;box-shadow:none;width:100%;height:100%}
.photo-tray .gift-lid .lid-mark{display:none}
.photo-tray.signature-box .gift-lid{background-image:url('./assets/gift-trays-sprite-v1.png');background-repeat:no-repeat}
.photo-tray.window-box .gift-lid{background:linear-gradient(135deg,transparent 32%,#fff7e32b 43%,transparent 56%)}
.photo-tray.open-tray .gift-lid{display:none!important}
.photo-tray .ribbon-vertical{top:4%;bottom:6%;width:7%;left:47%}
.photo-tray .ribbon-horizontal{left:4%;right:4%;top:45%;height:7%}
.photo-tray .ribbon-bow{width:49%;top:24%;left:27%}
.photo-tray[data-tray=garden] .ribbon-horizontal{left:17%;right:17%}
.photo-tray[data-tray=garden] .ribbon-bow{width:42%;left:30%}
.tray-options .tray-choice{position:relative;min-height:180px;justify-content:center;padding:18px 12px 15px;gap:11px}
.tray-options .tray-choice>span:not(.tray-mini){font-size:21px;line-height:1.1}
.tray-options .tray-choice>.tray-option-photo{display:block;width:100%;max-width:151px;flex:none;margin:8px auto 3px;filter:drop-shadow(0 3px 2px #5d42251a)}
.tray-options .tray-choice>small{font-size:10px;line-height:1.5}
.tray-new{position:absolute;top:9px;left:10px;color:#967344;font:7px/1.3 var(--sans);letter-spacing:.1em}
.tray-selected{position:absolute;top:8px;right:8px;display:none;place-items:center;width:18px;height:18px;background:#957146;border-radius:50%;font:12px/1 var(--sans);color:#fff6e5}
.tray-choice[aria-pressed=true]>.tray-selected{display:grid}
.tray-finish-note{font:12px/1.8 var(--sans);color:#947853;margin-top:21px}
.tray-finish-note+.ribbon-options{margin-top:20px}

@media(min-width:761px) and (max-width:1100px){.curator.builder-invitation{grid-template-columns:1fr 1.15fr;gap:5%}.vessel-caption h3{font-size:31px}.vessel-stage>span{font-size:10px;padding:9px 11px;gap:12px}.vessel-actions{gap:13px 16px}.vessel-actions>.text-link{font-size:12px;gap:14px}#vessel-description{font-size:13px}.vessel-arrows button{width:29px;height:29px}}
@media(max-width:760px){
 .curator.builder-invitation{grid-template-columns:1fr;gap:35px}
 .vessel-gallery-heading{font-size:9px;margin-bottom:12px}
 .vessel-stage>span{bottom:12px;right:12px;font-size:11px;padding:9px 12px;gap:16px}
 .vessel-thumbnails{gap:8px;margin-top:11px}.vessel-thumbnails>button{aspect-ratio:1.35}.vessel-thumbnails>button>span{font-size:15px}
 .vessel-caption{margin-top:22px;gap:13px}.vessel-caption h3{font-size:34px}.vessel-arrows{gap:7px}.vessel-arrows button{width:32px;height:32px}
 #vessel-description{font-size:14px;line-height:1.75;margin-top:12px}.vessel-actions{gap:14px 23px;margin-top:14px;padding-top:16px}.vessel-price{font-size:10px}
 .builder-preview .gift-box.photo-tray{width:94%;padding:0;border:0}
 .photo-tray .box-empty>span{font-size:14px}.photo-tray .box-empty>p{font-size:7px;margin-top:4px}
 .photo-tray .pouch-contents-tag{font-size:6px;padding:1px 3px;bottom:0}
 .tray-options .tray-choice{min-height:164px;padding:16px 10px 12px;gap:9px}
 .tray-options .tray-choice>span:not(.tray-mini){font-size:20px}.tray-options .tray-choice>.tray-option-photo{max-width:119px;margin-top:8px}.tray-options .tray-choice>small{font-size:9px}.tray-finish-note{font-size:11px}
}
@media(max-width:370px){.vessel-caption h3{font-size:29px}.vessel-actions>.text-link{font-size:12px}#vessel-enquire{font-size:11px}.tray-options .tray-choice>span:not(.tray-mini){font-size:18px}.photo-tray .box-empty>p{display:none}}
.motion-off .vessel-stage>img{transition:none!important}
@media(prefers-reduced-motion:reduce){.vessel-stage>img,.vessel-thumbnails>button{transition:none!important}}