/* Standalone, namespaced styles: no Tailwind rebuild required. */
.dp-shop-scroll{display:none}
.dp-shop-scroll-active .dp-shop-scroll{display:block;position:relative;height:calc(var(--dp-scroll-view) + var(--dp-scroll-distance));margin:0;margin-left:calc((100% - var(--dp-scroll-width))/2);width:var(--dp-scroll-width);max-width:none;padding:0;border:0}
.dp-shop-scroll__stage{position:sticky;top:var(--dp-scroll-top);height:var(--dp-scroll-view);width:100%;z-index:30;pointer-events:none;overflow:clip;perspective:1400px;padding:0;margin:0;border:0}
.dp-shop-scroll__backdrop{position:absolute;inset:0;background:#090909}
.dp-shop-scroll__intro{position:absolute;top:8%;left:5%;right:5%;text-align:center;color:#eee8db}
.dp-shop-scroll__intro h2{margin:0 0 16px;font-size:clamp(25px,3vw,42px);font-weight:400;line-height:1.2}
.dp-shop-scroll__intro p{margin:0;color:#bcb6aa;font-size:16px}
.dp-shop-scroll__photo{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;transform-origin:center}
.dp-shop-scroll__photo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 22px #0005);border-radius:8px}
.dp-shop-scroll__hint{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:16px;max-width:calc(100% - 32px);min-height:52px;padding:9px 10px 9px 22px;border:1px solid #ffffff70;border-radius:999px;background:rgba(250,247,239,.94);color:#29251f;font:inherit;font-size:15px;font-weight:500;line-height:1.25;text-align:center;text-decoration:none;text-shadow:none;box-shadow:0 6px 24px #0003;backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.dp-shop-scroll__hint-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#29251f;color:#faf7ef;font-size:20px;line-height:1}
.dp-shop-scroll__hint-arrow span{display:block;animation:dp-discover-arrow 4s ease-in-out infinite}
@keyframes dp-discover-arrow{0%,65%,100%{transform:translateY(0)}75%{transform:translateY(3px)}85%{transform:translateY(0)}92%{transform:translateY(2px)}}
@media(hover:hover){.dp-shop-scroll__hint:hover{transform:translate(-50%,-3px);background:#fffdf7;box-shadow:0 10px 30px #0004}}
.dp-shop-scroll__hint:active{transform:translate(-50%,1px)}
.dp-shop-scroll__hint:focus-visible{outline:3px solid #faf7ef;outline-offset:5px;box-shadow:0 0 0 3px #29251f,0 6px 24px #0003}
@media(prefers-reduced-motion:reduce){.dp-shop-scroll__hint{transition:none}.dp-shop-scroll__hint-arrow span{animation:none}}
.dp-shop-scroll-active main[data-dp-shop-main]{margin-top:calc(-1 * var(--dp-scroll-view))}
@media(max-width:639px){.dp-shop-scroll-active main[data-dp-shop-main] .dp-shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-shop-scroll__intro p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.dp-shop-scroll-active .dp-shop-scroll{display:none}.dp-shop-scroll-active main[data-dp-shop-main]{margin-top:0}}

/* Four seamless hero slices. At progress zero they cover every pixel of the stage. */
.dp-shop-scroll__panels{position:absolute;inset:0;pointer-events:none}
.dp-shop-scroll__panel{position:absolute;left:0;top:0;overflow:hidden;transform-origin:center;backface-visibility:hidden;will-change:transform,opacity}
.dp-shop-scroll__panel img{position:absolute;top:0;max-width:none;object-fit:cover;object-position:center;display:block;margin:0;padding:0;border:0;border-radius:0}
.dp-shop-scroll__photo{backface-visibility:hidden}