.product-carousel{position:relative;min-width:0;margin-inline:-24px}
.product-qr{display:flex;align-items:center;gap:14px;margin-top:20px;max-width:100%;font-size:11px;line-height:1.5;color:#fff1d5}
.product-qr img{display:block;width:128px;height:128px;flex:none;background:transparent;border-radius:0}
.product-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 5% 24px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:smooth}
.product-track::-webkit-scrollbar{display:none}
.product-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1.65fr 1fr;background:#24212f;color:#fff;border:1px solid #ffffff12;border-radius:16px;overflow:hidden;scroll-snap-align:center;box-shadow:0 12px 24px #24212f16;opacity:.45;transition:opacity .25s}
.product-slide[aria-current="true"]{opacity:1}
.product-visual{position:relative;min-height:390px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#9a7bf5,transparent 65%),linear-gradient(135deg,#6a48c8,#302249);isolation:isolate}
.product-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:42px 42px;z-index:-1}
.product-visual[data-theme="web"]{background:radial-gradient(ellipse at 20% 10%,#d9eeab,transparent 70%),linear-gradient(135deg,#839c60,#283e38)}
.product-visual[data-theme="tools"]{background:radial-gradient(ellipse at 20% 10%,#aacbe0,transparent 70%),linear-gradient(135deg,#537a9f,#282c49)}
.product-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-monogram{font-size:clamp(80px,12vw,170px);font-weight:700;letter-spacing:-12px;color:#ffffffd9;text-shadow:5px 8px 0 #0002;transform:rotate(-12deg);border:1px solid #ffffff5c;border-radius:35%;width:230px;height:230px;display:grid;place-items:center;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff08}
.product-art-caption{position:absolute;left:28px;bottom:25px;font-size:10px;letter-spacing:2px;color:white;background:#24212f66;border-radius:20px;padding:9px 13px}
.product-detail{display:flex;flex-direction:column;align-items:flex-start;padding:32px;min-width:0}
.product-detail .pill{color:var(--lime);border-color:#ffffff30}
.product-detail h3{font-size:30px;line-height:1.12;margin:22px 0 14px;overflow-wrap:anywhere}
.product-detail p{font-size:14px;line-height:1.75;color:#cecad8;margin:0 0 22px}
.product-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;padding-top:16px}
.product-links .button{background:var(--lime);color:#25282c;padding:14px 19px;gap:15px}
.product-preview-note{margin-top:auto!important;padding-top:23px;border-top:1px solid #ffffff24;font-size:11px!important;width:100%}
.product-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%;margin-bottom:22px}
.product-thumbnail{padding:0;border:2px solid transparent;border-radius:5px;overflow:hidden;background:transparent;cursor:pointer;aspect-ratio:1.4}
.product-thumbnail[aria-pressed="true"]{border-color:var(--lime)}
.product-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:22px;padding:0 24px}
.carousel-arrow{border:1px solid #cdd0c4;background:var(--paper);border-radius:50%;width:46px;height:46px;font-size:25px;cursor:pointer;flex-shrink:0;transition:background .2s}
.carousel-arrow:hover{background:var(--lime)}
.carousel-arrow:disabled{opacity:.3;cursor:default}
.carousel-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:70%}
.carousel-dot{width:30px;height:36px;border:0;background:none;cursor:pointer;padding:12px 4px}
.carousel-dot::after{content:"";display:block;height:6px;border-radius:6px;background:#c5c8bc;transition:background .2s}
.carousel-dot[aria-current="true"]::after{background:var(--purple)}
.carousel-status{font-size:11px;color:var(--muted);text-align:center;margin:12px 0 0;min-height:15px}
@media(min-width:1100px){.carousel-arrow{position:absolute;top:195px;z-index:2;box-shadow:0 4px 18px #0002}.carousel-prev{left:0}.carousel-next{right:0}}
@media(max-width:900px){.product-slide{grid-template-columns:1.25fr 1fr}.product-detail{padding:24px}.product-detail h3{font-size:25px}.product-visual{min-height:360px}}
@media(max-width:640px){.product-carousel{margin-inline:-12px}.product-track{gap:12px;padding:8px 12px 20px}.product-slide{grid-template-columns:1fr}.product-visual{min-height:245px}.product-monogram{width:145px;height:145px;font-size:95px;letter-spacing:-7px}.product-detail{padding:25px;min-height:300px}.product-detail h3{font-size:27px}.product-art-caption{left:18px;bottom:18px;font-size:8px}.carousel-controls{gap:12px}.product-detail p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.product-track{scroll-behavior:auto}.product-slide{transition:none}}