.dru-parody{position:relative;isolation:isolate;background:#080808;color:#fff;overflow:hidden}
.dru-parody__scene{display:block;position:relative}
.dru-parody__scene>img{display:block;width:100%;height:auto}
.dru-parody__catalog{position:absolute;z-index:1;left:clamp(24px,4vw,64px);bottom:clamp(24px,4vw,64px);width:min(600px,calc(100% - clamp(48px,8vw,128px)));background:none;padding:0;margin:0}
.dru-parody__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;text-shadow:0 2px 12px #000}
.dru-parody__header h2{margin:0;color:#fff;font-family:var(--font-heading--family,inherit);font-size:clamp(17px,1.85vw,25px);font-weight:800;line-height:1.15;letter-spacing:-.025em;white-space:nowrap}
.dru-parody__header>a{flex-shrink:0;color:#fff;font-size:10px;line-height:1.5;text-transform:uppercase;text-underline-offset:4px}
.dru-parody__slider{position:relative}
.dru-parody__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/2);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:1px;align-items:stretch}
.dru-parody__rail::-webkit-scrollbar{display:none}
.dru-parody__card{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;background:linear-gradient(135deg,#ffffff1c,#ffffff05 48%,#00000020);border:1px solid #ffffff55;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff12,0 10px 28px #00000025;backdrop-filter:blur(5px) saturate(115%);-webkit-backdrop-filter:blur(5px) saturate(115%)}
.dru-parody__product-image{position:relative;display:block;aspect-ratio:1;min-width:0;padding:12px;background:none}
.dru-parody__product-image>a{position:relative;display:block;height:100%;aspect-ratio:1}
.dru-parody__product-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #0009);transform:scale(.91);transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .2s ease}
.dru-parody__product-image .dru-parody__back{opacity:0}
.dru-parody__card.is-back .dru-parody__front{opacity:0}
.dru-parody__card.is-back .dru-parody__back{opacity:1}
.dru-parody__product-info{display:flex;flex:1;flex-direction:column;gap:8px;padding:12px 14px 15px;border-top:1px solid #ffffff30;color:#fff;text-decoration:none;text-shadow:0 1px 5px #000}
.dru-parody__product-info h3{flex:1;margin:0;color:#fff;font-size:13px;line-height:1.35;text-transform:uppercase;letter-spacing:.02em}
.dru-parody__product-info>span{color:#fff;font-size:12px;line-height:1.4}
.dru-parody__flip{position:absolute;bottom:8px;right:8px;border:1px solid #ffffff66;background:#0005;color:#fff;padding:5px 7px;font:inherit;font-size:10px;cursor:pointer;backdrop-filter:blur(6px)}
.dru-parody__sold-out{position:absolute;top:8px;right:8px;padding:5px 8px;background:#0008;color:#fff;border:1px solid #ffffff55;font-size:10px;line-height:1.3;text-transform:uppercase}
.dru-parody__arrow{position:absolute;top:38%;z-index:2;display:grid;place-items:center;width:34px;height:40px;padding:0;border:1px solid #ffffff88;background:#1117;color:#fff;backdrop-filter:blur(10px);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 15px #0004}
.dru-parody__arrow--previous{left:8px}.dru-parody__arrow--next{right:8px}
.dru-parody a:focus-visible,.dru-parody button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(min-width:750px){.dru-parody__catalog{width:calc(100% - clamp(48px,8vw,128px))}.dru-parody__header h2{font-size:clamp(26px,3.1vw,46px)}.dru-parody__header>a{font-size:12px}.dru-parody__rail{grid-auto-columns:calc((100% - 60px)/4)}.dru-parody__product-image img{transform:scale(.86);transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.dru-parody__card.is-zoomed .dru-parody__product-image img{transform:scale(1.14)}.dru-parody__product-image>a{cursor:pointer}}
@media(max-width:749px){.dru-parody__catalog{left:16px;bottom:20px;width:calc(100% - 32px)}.dru-parody__header{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:12px}.dru-parody__header h2{font-size:clamp(12px,3.9vw,24px);letter-spacing:-.025em}.dru-parody__header>a{font-size:9px}.dru-parody__rail{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.dru-parody__product-image{padding:8px}.dru-parody__product-info{padding:9px;gap:5px}.dru-parody__product-info h3{font-size:10px;line-height:1.3}.dru-parody__product-info>span{font-size:10px}.dru-parody__flip{bottom:5px;right:5px;padding:4px 5px;font-size:9px}.dru-parody__arrow{width:27px;height:34px;font-size:18px}.dru-parody__arrow--previous{left:5px}.dru-parody__arrow--next{right:5px}}
@media(prefers-reduced-motion:reduce){.dru-parody__product-image img,.dru-parody__arrow{transition:none!important;transition-delay:0s!important}}

.dru-parody__sleeve{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;opacity:.85}


.dru-parody__catalog-nav{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:12px;color:#fff}
.dru-parody__catalog-arrow{display:grid;place-items:center;border:1px solid #fff8;background:#1117;backdrop-filter:blur(8px);width:38px;height:34px;color:#fff;cursor:pointer;font-size:21px}
.dru-parody__catalog-arrow:disabled{opacity:.35;cursor:default}
.dru-parody__empty{min-width:0;pointer-events:none}
.dru-parody__gallery-image[hidden]{display:none!important}
.dru-parody__photo-arrow{position:absolute;top:43%;z-index:2;display:grid;place-items:center;width:28px;height:34px;border:1px solid #fff7;background:#1118;color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}
.dru-parody__photo-arrow--previous{left:6px}.dru-parody__photo-arrow--next{right:6px}
.dru-parody__card.is-photo-ready .dru-parody__photo-arrow{opacity:1;visibility:visible;pointer-events:auto}
.dru-parody__photo-count{position:absolute;bottom:7px;right:9px;padding:3px 5px;background:#1116;color:#fff;font-size:10px}
.dru-parody__footer{text-align:right;min-height:23px;margin-top:12px}
.dru-parody__footer[hidden]{display:block;visibility:hidden}
.dru-parody__footer a{color:#fff;text-transform:uppercase;font-size:12px;text-shadow:0 1px 5px #000;text-underline-offset:4px}
@media(max-width:749px){.dru-parody__header{flex-direction:row;align-items:center;gap:8px}.dru-parody__header h2{font-size:clamp(11px,3vw,19px)}.dru-parody__catalog-nav{gap:5px;font-size:9px}.dru-parody__catalog-arrow{width:24px;height:27px;font-size:16px}.dru-parody__photo-arrow{opacity:1;visibility:visible;pointer-events:auto;width:22px;height:29px;font-size:23px}.dru-parody__footer a{font-size:10px}}
