.media-frame{position:relative;isolation:isolate;overflow:hidden;background:#111;aspect-ratio:1/1.08;min-width:0}
.media-open{display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in;touch-action:pan-y}
.media-open>img{display:block;width:100%;height:100%;object-fit:cover}
.hero-media{width:100%;height:100%;aspect-ratio:auto}
.media-badges{position:absolute;top:10px;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none;z-index:2}
.media-ribbon,.media-novelty{font:700 9px/1.3 Metropolis,Arial,sans-serif;padding:7px 9px;max-width:48%;overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 7px #0003}
.media-ribbon{background:#161616e8;color:#fff;border-left:3px solid var(--accent);border-radius:0 3px 3px 0}
.media-novelty{background:var(--accent);color:#121212;margin-left:auto;border-radius:3px 0 0 3px}
body[data-version=barzito] .media-novelty{background:#b62e10;color:white}
.media-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000d);color:white;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:0 5px;padding:20px 9px 5px;z-index:2}
.media-caption{font:500 10px/1.4 Metropolis,Arial,sans-serif;grid-column:1/-1;overflow-wrap:anywhere}
.media-dots{display:flex;flex-wrap:wrap;gap:0;align-items:center}
.media-dots button{border:0;padding:0;width:22px;height:24px;background:transparent;display:grid;place-items:center}
.media-dots button:after{content:'';display:block;width:5px;height:5px;border:1px solid white;background:transparent;border-radius:50%}
.media-dots button[aria-pressed=true]:after{background:white;width:16px;border-radius:4px}
.media-pause{width:28px;height:28px;border:0;background:transparent;color:white;font-size:13px;padding:0}
.media-single-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 10px 9px;background:linear-gradient(transparent,#000c);color:white;font-size:11px;pointer-events:none}
.media-frame .photo-fallback{color:#ddd}
.barzito-slide>.media-frame{width:100%;aspect-ratio:1/1.1;border-radius:14px 14px 0 0}
.selection-card>.media-frame{width:100%;aspect-ratio:4/5}
.product-row .media-frame{width:78px;flex:0 0 78px;border-radius:4px}
.product-row .media-controls{padding:14px 4px 0}.product-row .media-caption{font-size:8px}.product-row .media-dots{display:none}.product-row .media-badges{display:none}
.info>.media-badges{position:static;margin:8px 0;justify-content:flex-start}.info>.media-badges:empty{display:none}
.viewer-open{overflow:hidden}
.photo-viewer{position:fixed;margin:auto;padding:0;border:1px solid #ffffff24;background:#101010;color:#f5f0e8;width:min(1080px,94vw);max-width:94vw;max-height:92dvh;overflow:auto;border-radius:10px}
.photo-viewer[open]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.photo-viewer::backdrop{background:#000d;backdrop-filter:blur(5px)}
.photo-viewer .media-stage{height:min(76dvh,730px);aspect-ratio:auto;border-radius:0;background:#050505}
.photo-viewer .media-open>img{object-fit:contain;transform:none!important}
.photo-viewer .media-open{touch-action:pan-y}
.photo-viewer .media-stage.is-zoomed{overflow:auto}
.photo-viewer .is-zoomed .media-open{width:200%;height:200%;cursor:zoom-out;touch-action:auto}
.photo-viewer .is-zoomed .media-controls,.photo-viewer .is-zoomed .media-badges{display:none}
.viewer-close{position:absolute;top:12px;right:12px;z-index:5;border:1px solid #ffffff60;border-radius:50%;width:38px;height:38px;background:#111e;color:#fff;font-size:25px}
.viewer-copy{padding:65px 32px 32px;align-self:center}
.viewer-copy>small{text-transform:uppercase;font-size:10px;letter-spacing:2px;color:#ccc}
.viewer-copy h2{font:400 38px/1.15 Georgia,serif;margin:17px 0}
.viewer-copy>p{font-size:13px;line-height:1.8;white-space:pre-line;color:#ccc}
.viewer-copy .price{padding:22px 0;color:#fff}.viewer-copy .price small{color:#ccc}
.viewer-copy .viewer-hint{font-size:10px;margin-top:15px;color:#aaa}
.photo-viewer .media-controls{padding:30px 18px 10px}.photo-viewer .media-caption{font-size:14px}.photo-viewer .media-dots button{width:32px;height:36px}
@media(max-width:680px){.media-ribbon,.media-novelty{font-size:7px;padding:5px 6px;letter-spacing:0}.media-badges{top:8px;gap:4px}.media-caption{font-size:9px}.media-controls{padding:18px 6px 3px}.media-dots button{width:18px}.photo-viewer[open]{display:block}.photo-viewer .media-stage{height:54dvh}.viewer-copy{padding:24px}.viewer-copy h2{font-size:28px}.photo-viewer .viewer-close{position:fixed;right:6vw;top:6dvh}.product-row .media-frame{width:62px;flex-basis:62px}}

.barzito-pause[hidden]{display:none}

@media(max-width:680px){.photo-viewer .media-badges{top:58px}}