.product-showcase { padding:72px 0 64px; overflow:hidden; background:#fff; }
.product-showcase-fast { background:#eef5eb; }
.product-showcase-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; max-width:1380px; margin:0 auto 30px; padding:0 clamp(22px,5vw,74px); }
.product-showcase-heading h2 { margin:7px 0 0; color:#06396d; font-size:clamp(2.2rem,4.2vw,4.45rem); line-height:.92; letter-spacing:-.07em; }
.product-showcase-heading > p { max-width:390px; margin:0 0 4px; color:#597087; font-size:1.05rem; line-height:1.55; }
.product-carousel { display:flex; gap:20px; width:max-content; min-width:100%; max-width:none; animation:product-scroll-left 34s linear infinite; }
.product-carousel-reverse { animation-name:product-scroll-right; }.product-carousel:hover { animation-play-state:paused; }.product-carousel-single{width:auto;min-width:0;padding-left:clamp(22px,5vw,74px);animation:product-single-right 7s ease-in-out infinite alternate}.product-carousel-reverse.product-carousel-single{animation-name:product-single-left}
.product-item { width:315px; min-height:430px; position:relative; overflow:hidden; flex:0 0 auto; border-radius:25px; color:#fff; background:#0a7b97; }
.product-tone-1 { background:#f4a000; }.product-tone-2 { background:#4e9918; }.product-tone-3 { background:#17467e; }
.product-item::after { content:""; position:absolute; width:230px; height:230px; right:-70px; top:-72px; border:28px solid rgba(255,255,255,.13); border-radius:50%; pointer-events:none; }
.product-item-image { height:245px; position:relative; display:grid; place-items:center; overflow:hidden; background:rgba(255,255,255,.12); color:#fff; font:600 .8rem/1.4 "DM Sans",sans-serif; text-align:center; }
.product-item-image img { width:100%; height:100%; object-fit:contain; background:#fff; }.product-item-body { position:relative; z-index:1; padding:17px 25px 24px; }
.product-showcase-fast .product-item-image img { transform:scale(1.32); }
.product-discount { position:absolute; top:13px; right:13px; z-index:2; padding:7px 9px; border-radius:999px; background:#f3a500; color:#06396d; font:800 .72rem/1 "DM Sans",sans-serif; letter-spacing:.04em; box-shadow:0 4px 12px #06396d35; }
.product-number { color:#c9f7ff; font:700 .76rem/1 "DM Sans",sans-serif; letter-spacing:.08em; }.product-item-body h3 { margin:26px 0 11px; font:700 1.52rem/1.04 "Outfit",sans-serif; letter-spacing:-.045em; }
.product-item-meta { border-top:1px solid rgba(255,255,255,.35); padding-top:11px; display:flex; justify-content:space-between; align-items:end; gap:12px; color:rgba(255,255,255,.85); font-size:.78rem; line-height:1.35; }
.product-item-meta b { color:#fff; font-weight:600; }.product-item-meta strong { color:#fff; font:700 1rem/1.15 "DM Sans",sans-serif; text-align:right; }
.product-price { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }.product-price s { color:rgba(255,255,255,.75); font:600 .72rem/1 "DM Sans",sans-serif; }.product-price strong { font-size:1.12rem; }
.product-empty { width:min(100%,680px); margin:0 clamp(22px,5vw,74px); padding:34px; border:1px dashed #97afb1; border-radius:15px; color:#597087; background:#f8fbf7; }
@keyframes product-scroll-left { from{transform:translateX(0)} to{transform:translateX(-50%)} } @keyframes product-scroll-right { from{transform:translateX(-50%)} to{transform:translateX(0)} } @keyframes product-single-right{from{transform:translateX(0)}to{transform:translateX(min(26vw,280px))}}@keyframes product-single-left{from{transform:translateX(min(26vw,280px))}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.product-carousel{animation:none;width:auto;overflow-x:auto;padding:0 22px}} @media(max-width:700px){.product-showcase{padding:50px 0}.product-showcase-heading{display:block}.product-showcase-heading>p{margin-top:18px}.product-item{width:270px;min-height:370px}.product-item-image{height:175px}}