.index-page.index-showcase{background:var(--index-showcase-bg,#e2d7c8);transition:background-color 1.2s cubic-bezier(.22,.61,.36,1)}
.index-page.index-showcase .index-product{overflow:visible;bottom:calc(27% + 100px)}
.index-page.index-showcase .index-header{background:transparent!important}
.index-page.index-showcase .index-showcase-exit{position:absolute;inset:0;pointer-events:none;animation:index-showcase-exit .8s ease both!important}
@keyframes index-showcase-exit{to{opacity:0;transform:translateX(-50px) rotate(-5deg) scale(.9);filter:blur(7px)}}
.index-page.index-showcase .featured-product-image{max-width:100%;max-height:100%;object-fit:contain}
.index-page.index-showcase .index-showcase-image{animation:index-showcase-float 6s ease-in-out infinite;filter:drop-shadow(0 22px 17px #263c2220)}
.index-page.index-showcase .index-showcase-enter{animation:index-showcase-enter .9s cubic-bezier(.22,.8,.2,1) both}
.index-page.index-showcase .index-caption{background:linear-gradient(135deg,#005646c9,#003d32a8);color:#fff}
.index-page.index-showcase .index-showcase-facts{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;border-top:1px solid #ffffff30;padding-top:12px}
.index-page.index-showcase .index-showcase-facts>div+div{border-left:1px solid #ffffff30;padding-left:18px}
.index-page.index-showcase .index-showcase-facts span{display:block;font-size:12px!important;line-height:1.3!important;color:#d3e6d7}
.index-page.index-showcase .index-showcase-facts strong{display:block;font-size:18px!important;line-height:1.3!important;font-weight:500;color:#f4e4b6;margin-top:6px}
.index-page.index-showcase .index-showcase-entry{background:transparent;border:0;padding:8px 0 0;color:#fff;font:inherit;font-size:12px!important;cursor:pointer;min-height:36px}
.index-page.index-showcase .index-showcase-controls{display:flex;gap:4px;align-items:center;justify-content:center;order:1}
.index-page.index-showcase .index-footer nav{order:2}
.index-page.index-showcase .index-showcase-controls button{border:0;background:transparent;color:#174f3b;min-width:40px;min-height:40px;padding:8px;cursor:pointer;font:inherit}
.index-page.index-showcase .index-showcase-controls button:focus-visible,.index-page.index-showcase .index-showcase-entry:focus-visible{outline:2px solid #a87e2b;outline-offset:3px;border-radius:5px}
.index-page.index-showcase.index-showcase-paused .index-showcase-image{animation-play-state:paused}
@keyframes index-showcase-float{50%{translate:0 -12px;rotate:2deg}}
@keyframes index-showcase-enter{from{opacity:0;transform:translateX(35px) scale(.94);filter:blur(5px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@media(max-width:650px){.index-page.index-showcase .index-product{inset:90px 10% 330px}.index-page.index-showcase .index-footer{flex-wrap:wrap;gap:2px 12px;height:auto}.index-page.index-showcase .index-showcase-controls{order:2}.index-page.index-showcase .index-footer nav{order:1}.index-page.index-showcase .index-trademark{width:auto}.index-page.index-showcase .index-showcase-controls button{min-height:36px;min-width:36px}}
@media(max-height:650px){.index-page.index-showcase .index-showcase-facts{padding-top:7px}.index-page.index-showcase .index-showcase-entry{min-height:28px}.index-page.index-showcase .index-product{top:74px;bottom:40%}}
@media(prefers-reduced-motion:reduce){.index-page.index-showcase,.index-page.index-showcase .index-showcase-image,.index-page.index-showcase .index-showcase-enter{animation:none;transition:none}}

.index-page .index-brand .mallplot-brand-logo{width:32px!important;height:28px!important;max-width:32px!important;object-fit:contain}
.index-page .index-tagline{display:none}

/* A stable compact caption leaves the product its own clear display area. */
.index-page.index-showcase{--index-card-height:252px}
.index-page.index-showcase:not([data-featured]) .index-caption{height:var(--index-card-height);box-sizing:border-box;padding:18px 22px}
.index-page.index-showcase:not([data-featured]) .index-caption h2{margin:9px 0 7px;font-size:clamp(22px,2vw,28px);line-height:1.15;min-height:2.3em}
.index-page.index-showcase:not([data-featured]) .index-caption p{margin:0 0 9px;font-size:14px!important;line-height:1.4!important}
.index-page.index-showcase .index-showcase-facts{padding-top:9px;gap:16px}
.index-page.index-showcase .index-showcase-facts strong{margin-top:4px}
.index-page.index-showcase .index-showcase-entry{padding-top:6px;min-height:32px}
.index-page.index-showcase:not([data-featured]) .index-product{inset:100px 16% calc(var(--index-card-height) + 88px)}
@media(max-width:650px){
 .index-page.index-showcase{--index-card-height:242px}
 .index-page.index-showcase:not([data-featured]) .index-caption{padding:16px 18px}
 .index-page.index-showcase:not([data-featured]) .index-caption h2{font-size:23px}
 .index-page.index-showcase:not([data-featured]) .index-product{inset:80px 6% calc(var(--index-card-height) + 110px)}
}
@media(max-height:650px){
 .index-page.index-showcase{--index-card-height:218px}
 .index-page.index-showcase:not([data-featured]) .index-caption{padding:13px 18px}
 .index-page.index-showcase:not([data-featured]) .index-caption h2{font-size:21px;margin:7px 0 5px}
 .index-page.index-showcase:not([data-featured]) .index-caption p{font-size:12px;margin-bottom:7px}
 .index-page.index-showcase:not([data-featured]) .index-product{top:74px}
}
