/* Geometry is intrinsic. Only the editor's outer preview surface may be zoomed. */
.sc-showcase{container:showcase/inline-size;width:var(--sc-section-width,100%);max-width:var(--sc-section-max,1200px);margin:var(--sc-section-margin,0 auto);background:var(--sc-bg,#f4f3f0);color:var(--sc-text,#252622);font-family:var(--sc-font,inherit);box-sizing:border-box;min-width:0}.sc-showcase *{box-sizing:border-box}.sc-showcase button,.sc-showcase input{font:inherit}.sc-surface{--sc-pi:var(--sc-padding-inline,24px);--sc-pb:var(--sc-padding-block,28px);--sc-cw:var(--sc-card-width,260px);--sc-ih:var(--sc-image-height,auto);--sc-cp:var(--sc-content-padding,16px);--sc-g:var(--sc-gap,16px);--sc-cols:var(--sc-columns,4);--sc-ts:var(--sc-title-size,17px);--sc-hs:var(--sc-heading-size,32px);--sc-ip:var(--sc-image-percent,50%);padding:var(--sc-pb) var(--sc-pi);min-height:var(--sc-section-height,0px)}
.sc-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px;min-width:0}.sc-heading>div{min-width:0}.sc-kicker{font-size:10px!important;letter-spacing:1.8px;line-height:1.6;font-weight:600;margin:0 0 10px!important}.sc-heading h2{font-size:clamp(22px,4cqi,var(--sc-hs));letter-spacing:-.035em;line-height:1.18;font-weight:500;margin:0 0 10px;overflow-wrap:anywhere}.sc-heading p{font-size:var(--sc-body-size,14px);line-height:1.6;max-width:52ch;margin:0;opacity:.8;overflow-wrap:anywhere}.sc-heading nav{display:flex;gap:6px;flex-shrink:0}.sc-heading nav button{border:1px solid #0003;border-radius:50%;width:40px;height:40px;background:transparent;color:inherit;cursor:pointer}
.sc-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(var(--sc-min,260px),calc((100% - (var(--sc-cols) - 1)*var(--sc-g))/var(--sc-cols)))),1fr));gap:var(--sc-row-gap,16px) var(--sc-g);align-items:start;min-width:0;isolation:isolate}.sc-showcase[data-grid=manual] .sc-items{grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--sc-min,260px),calc((100% - (var(--sc-cols) - 1)*var(--sc-g))/var(--sc-cols)))),1fr))}.sc-card{min-width:0;width:100%;max-width:var(--sc-max,420px);min-height:max(var(--sc-card-min-height,0px),var(--sc-card-height,0px));border-radius:var(--sc-radius,12px);background:var(--sc-card-bg,#fff);box-shadow:var(--sc-shadow);border:1px solid #00000010;position:relative;display:flex;flex-direction:column;overflow:clip;align-self:start}.sc-showcase[data-height=uniform] .sc-card{align-self:stretch;height:100%}.sc-showcase[data-height=uniform] .sc-items{align-items:stretch}.sc-media{aspect-ratio:var(--sc-ratio,4/5);height:var(--sc-ih);flex-shrink:0;position:relative;overflow:hidden;background:#eeede9;min-width:0;border-radius:calc(var(--sc-radius,12px) - 1px) calc(var(--sc-radius,12px) - 1px) 0 0}.sc-media img{width:100%;height:100%;object-fit:var(--sc-fit,contain);object-position:var(--sc-focal,50% 50%);display:block}.sc-showcase[style*="--sc-ratio:auto"] .sc-media img{height:auto;max-height:600px}.sc-missing{height:100%;min-height:150px;display:grid;place-items:center;font-size:12px;color:#686c61}.sc-badge{position:absolute;top:12px;inset-inline-start:12px;border-radius:30px;background:#fff;color:#252622;padding:7px 10px;font-size:11px;font-weight:600;max-width:calc(100% - 24px);overflow-wrap:anywhere}.sc-showcase[data-badge=end] .sc-badge{inset-inline-start:auto;inset-inline-end:12px}.sc-index{position:absolute;bottom:12px;right:12px;font-size:10px;color:#53594c;background:#ffffffb0;padding:3px;border-radius:3px}.sc-info{padding:var(--sc-cp);display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--sc-content-gap,10px);text-align:var(--sc-text-align,start);overflow-wrap:anywhere;flex-shrink:0}.sc-info>*{margin:0}.sc-vendor{font-size:10px;letter-spacing:1px;line-height:1.4;color:#62685c;font-weight:600}.sc-card h3{font-size:var(--sc-ts);letter-spacing:-.025em;font-weight:550;line-height:1.4;margin:0;min-width:0}.sc-card h3 a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--sc-title-lines,2);overflow:hidden;overflow-wrap:anywhere}.sc-card h3 a:focus-visible{-webkit-line-clamp:unset;overflow:visible}.sc-price{font-size:var(--sc-body-size,14px);line-height:1.5;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-weight:650;overflow-wrap:anywhere;flex-shrink:0}.sc-price s{color:#77796e;font-size:.85em;font-weight:400}.sc-description{font-size:var(--sc-body-size,14px);line-height:1.6;color:#63695d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--sc-description-lines,2);overflow:hidden}.sc-options{display:flex;flex-wrap:wrap;gap:5px;min-width:0;max-height:100px;overflow:auto;padding:3px}.sc-options button{min-height:32px;min-width:32px;max-width:100%;padding:5px 8px;border:1px solid #aaa;border-radius:24px;background:none;font-size:11px;cursor:pointer;color:inherit;overflow-wrap:anywhere}.sc-options button[aria-pressed=true]{border-color:var(--sc-accent);box-shadow:inset 0 0 0 1px var(--sc-accent)}.sc-status{font-size:12px;line-height:1.5;color:#4c634d}.sc-status:before{content:'·';font-weight:900;padding-inline-end:5px}.sc-actions{padding-top:6px;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.sc-showcase[data-cta-position=bottom] .sc-actions{margin-top:auto}.sc-cta{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;background:var(--sc-accent,#263b31);color:#fff;border:1px solid var(--sc-accent);border-radius:6px;min-height:44px;min-width:0;padding:10px 13px;font-size:13px!important;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}.sc-cta:disabled{opacity:.6;cursor:not-allowed}.sc-quantity{font-size:12px;display:flex;align-items:center;gap:5px}.sc-quantity input{width:48px;border:1px solid #aaa;border-radius:5px;height:44px;text-align:center;background:#fff;color:#252622}.sc-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #0002;padding-top:16px;margin-top:24px;font-size:10px;line-height:1.6;letter-spacing:.8px;color:#66705f}.sc-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:12px}.sc-pagination button{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}.sc-pagination button:after{content:'';width:5px;height:5px;border-radius:50%;background:#aaa}.sc-pagination button[aria-current=true]:after{background:var(--sc-accent);width:16px;border-radius:4px}
/* Rail cards own their width; they never expand to fill the editor. */
.sc-showcase[data-layout=rail] .sc-items,.sc-showcase[data-layout=slideshow] .sc-items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px;overscroll-behavior-inline:contain;gap:var(--sc-g)}.sc-showcase[data-layout=rail] .sc-card{flex:0 0 min(100%,var(--sc-cw));max-width:min(100%,var(--sc-cw));scroll-snap-align:var(--sc-snap,start)}.sc-showcase[data-snap=center] .sc-card{scroll-snap-align:center}.sc-showcase[data-visible-items="1"][data-layout=rail] .sc-card{flex-basis:min(100%,var(--sc-max,420px));max-width:var(--sc-max,420px)}.sc-showcase[data-visible-items="2"][data-layout=rail] .sc-card{flex-basis:min(var(--sc-max,420px),max(180px,calc((100% - var(--sc-g))/2)))}.sc-showcase[data-visible-items="3"][data-layout=rail] .sc-card{flex-basis:min(var(--sc-max,420px),max(180px,calc((100% - 2*var(--sc-g))/3)))}.sc-showcase[data-visible-items="4"][data-layout=rail] .sc-card{flex-basis:min(var(--sc-max,420px),max(180px,calc((100% - 3*var(--sc-g))/4)))}.sc-showcase[data-visible-items="5"][data-layout=rail] .sc-card{flex-basis:min(var(--sc-max,420px),max(180px,calc((100% - 4*var(--sc-g))/5)))}
/* Feature and editorial split have controlled, independent media columns. */
.sc-showcase:is([data-layout=featured],[data-layout=split],[data-layout=hero],[data-layout=slideshow]) .sc-card{max-width:none;display:grid;grid-template-columns:minmax(0,var(--sc-ip)) minmax(0,1fr);min-height:0;align-items:stretch}.sc-showcase:is([data-layout=featured],[data-layout=split],[data-layout=hero]) .sc-items{grid-template-columns:1fr}.sc-showcase:is([data-layout=featured],[data-layout=split],[data-layout=hero],[data-layout=slideshow]) .sc-media{height:var(--sc-ih);min-height:180px;aspect-ratio:auto;border-radius:0}.sc-showcase:is([data-layout=featured],[data-layout=split],[data-layout=hero],[data-layout=slideshow]) .sc-info{justify-content:var(--sc-content-align,center);padding:clamp(16px,3cqi,40px)}.sc-showcase:is([data-layout=featured],[data-layout=split],[data-layout=hero],[data-layout=slideshow]) .sc-card h3{font-size:clamp(var(--sc-ts),3cqi,32px)}.sc-showcase[data-direction=content_first]:is([data-layout=featured],[data-layout=split],[data-layout=hero]) .sc-media{grid-column:2;grid-row:1}.sc-showcase[data-direction=content_first]:is([data-layout=featured],[data-layout=split],[data-layout=hero]) .sc-info{grid-column:1;grid-row:1}.sc-showcase[data-layout=hero] .sc-card{background:transparent;border:0;box-shadow:none}.sc-showcase[data-layout=hero] .sc-info{padding:clamp(20px,4cqi,52px)}.sc-showcase[data-layout=hero] .sc-card h3{font-size:clamp(24px,4cqi,44px);line-height:1.15}.sc-showcase[data-layout=hero] .sc-actions{margin-top:12px}.sc-showcase[data-layout=slideshow] .sc-card{flex:0 0 100%;scroll-snap-align:start}.sc-showcase[data-layout=slideshow][data-slide=below] .sc-card{display:flex;flex-direction:column}.sc-showcase[data-layout=slideshow][data-slide=below] .sc-media{height:var(--sc-ih);max-height:500px}
/* Lists are compact rows, not half-width feature cards. */
.sc-showcase[data-layout=list] .sc-items{grid-template-columns:1fr;gap:var(--sc-g)}.sc-showcase[data-layout=list] .sc-card{display:grid;grid-template-columns:minmax(0,var(--sc-list-image-width,112px)) minmax(0,1fr);max-width:none;min-height:var(--sc-row-min-height,144px);align-items:center;box-shadow:none}.sc-showcase[data-layout=list] .sc-media{height:var(--sc-list-image-width,112px);aspect-ratio:1;border-radius:8px;margin-inline-start:8px}.sc-showcase[data-layout=list] .sc-info{padding:12px 16px;gap:6px}.sc-showcase[data-layout=list] .sc-options{max-height:75px}.sc-showcase[data-layout=list] .sc-badge{font-size:9px;top:4px;inset-inline-start:4px;padding:4px}.sc-showcase[data-layout=list] .sc-actions{padding-top:4px;max-width:240px}.sc-showcase[data-divider=false][data-layout=list] .sc-card{border-color:transparent}.sc-showcase[data-preset=essential] .sc-card{box-shadow:none;border-color:transparent}.sc-showcase[data-preset=bold] .sc-card h3{font-weight:700}.sc-showcase[data-cta=outline] .sc-cta{background:transparent;color:var(--sc-accent)}.sc-showcase[data-cta=text] .sc-cta{background:transparent;color:var(--sc-accent);border-color:transparent;border-bottom-color:var(--sc-accent);border-radius:0}.sc-showcase button:focus-visible,.sc-showcase a:focus-visible,.sc-showcase input:focus-visible,.sc-items:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}.sc-empty{font-size:14px;padding:24px}.sc-card small{font-size:11px;color:#66705f}.sc-showcase [hidden]{display:none!important}.sc-card[data-density=compact] .sc-vendor,.sc-card[data-density=compact] .sc-description,.sc-card[data-density=compact] small{display:none}
@container showcase (max-width:1023px){.sc-surface{--sc-pi:var(--sc-tablet-padding-inline,var(--sc-padding-inline,24px));--sc-pb:var(--sc-tablet-padding-block,var(--sc-padding-block,28px));--sc-cw:var(--sc-tablet-card-width,var(--sc-card-width,260px));--sc-ih:var(--sc-tablet-image-height,var(--sc-image-height,auto));--sc-cp:var(--sc-tablet-content-padding,var(--sc-content-padding,16px));--sc-g:var(--sc-tablet-gap,var(--sc-gap,16px));--sc-cols:var(--sc-tablet-columns,var(--sc-columns,4));--sc-ts:var(--sc-tablet-title-size,var(--sc-title-size,17px));--sc-hs:var(--sc-tablet-heading-size,var(--sc-heading-size,32px));--sc-ip:var(--sc-tablet-image-percent,var(--sc-image-percent,50%))}}
@container showcase (max-width:599px){.sc-surface{--sc-pi:var(--sc-mobile-padding-inline,var(--sc-tablet-padding-inline,16px));--sc-pb:var(--sc-mobile-padding-block,var(--sc-tablet-padding-block,20px));--sc-cw:var(--sc-mobile-card-width,var(--sc-tablet-card-width,var(--sc-card-width,260px)));--sc-ih:var(--sc-mobile-image-height,var(--sc-tablet-image-height,var(--sc-image-height,auto)));--sc-cp:var(--sc-mobile-content-padding,var(--sc-tablet-content-padding,var(--sc-content-padding,16px)));--sc-g:var(--sc-mobile-gap,var(--sc-tablet-gap,var(--sc-gap,16px)));--sc-cols:var(--sc-mobile-columns,var(--sc-tablet-columns,1));--sc-ts:var(--sc-mobile-title-size,var(--sc-tablet-title-size,var(--sc-title-size,17px)));--sc-hs:var(--sc-mobile-heading-size,var(--sc-tablet-heading-size,28px));--sc-ip:var(--sc-mobile-image-percent,var(--sc-tablet-image-percent,var(--sc-image-percent,50%)))}.sc-heading{align-items:start;flex-wrap:wrap}.sc-heading h2{font-size:min(var(--sc-hs),32px)}.sc-heading nav button{width:40px;height:40px}.sc-showcase[data-layout=rail][data-peek=true] .sc-card{flex-basis:min(var(--sc-cw),84%);max-width:100%}.sc-showcase:is([data-layout=featured],[data-layout=split],[data-layout=hero],[data-layout=slideshow]) .sc-card{display:flex;flex-direction:column}.sc-showcase:is([data-layout=featured],[data-layout=split],[data-layout=hero],[data-layout=slideshow]) .sc-media{height:min(var(--sc-ih),320px);max-height:360px;aspect-ratio:var(--sc-ratio,4/5)}.sc-showcase[data-layout=hero] .sc-card h3{font-size:28px}.sc-showcase[data-layout=list] .sc-card{grid-template-columns:minmax(0,min(var(--sc-list-image-width,112px),30%)) minmax(0,1fr)}.sc-showcase[data-layout=list] .sc-media{height:auto;aspect-ratio:1;margin-inline-start:5px}.sc-showcase[data-layout=list] .sc-info{padding:10px;gap:7px}.sc-showcase[data-layout=list] .sc-badge{display:none}.sc-showcase[data-mobile-density=compact] .sc-description,.sc-showcase[data-mobile-density=compact] .sc-vendor,.sc-showcase[data-mobile-density=compact] .sc-card small{display:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.sc-showcase:not([data-motion=none]) .sc-media img{transition:transform .16s ease}.sc-showcase:not([data-motion=none])[data-image=hover_zoom] .sc-media:hover img{transform:scale(1.04)}.sc-showcase[data-motion=dynamic] .sc-card{transition:transform .2s ease}.sc-showcase[data-motion=dynamic] .sc-card:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.sc-showcase *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sc-showcase .sc-card:hover,.sc-showcase .sc-media:hover img{transform:none!important}}
.sc-showcase[data-reduced-motion=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important}

.sc-showcase[data-direction=content_first]:is([data-layout=featured],[data-layout=split],[data-layout=hero]) .sc-card{grid-template-columns:minmax(0,calc(100% - var(--sc-ip))) minmax(0,var(--sc-ip))}
@container showcase (min-width:600px){.sc-showcase[data-layout=list] .sc-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px);grid-template-areas:'vendor price' 'title price' 'options actions' 'status actions' 'description description' 'sku sku';column-gap:16px;row-gap:4px;align-items:center}.sc-showcase[data-layout=list] .sc-vendor{grid-area:vendor}.sc-showcase[data-layout=list] h3{grid-area:title}.sc-showcase[data-layout=list] .sc-price{grid-area:price;justify-content:flex-end}.sc-showcase[data-layout=list] .sc-options{grid-area:options}.sc-showcase[data-layout=list] .sc-status{grid-area:status}.sc-showcase[data-layout=list] .sc-actions{grid-area:actions;align-self:center;max-width:none;margin-top:0}.sc-showcase[data-layout=list] .sc-description{grid-area:description}.sc-showcase[data-layout=list] small{grid-area:sku}}
/* Do not derive low-contrast secondary colours from a merchant palette. */
.sc-showcase .sc-heading p{opacity:1;color:var(--sc-text,#252622)}.sc-showcase .sc-vendor,.sc-showcase .sc-description,.sc-showcase .sc-status,.sc-showcase .sc-footer,.sc-showcase .sc-card small{color:var(--sc-text,#252622)}.sc-showcase .sc-price s{color:inherit}