/* Mineral stone #E8DFD0 / leaf #243C32 / champagne #BEA478; Rubik HE, Manrope EN.
   Product photography leads; a quiet filmstrip replaces repeated UI cards. */
.talve-product-media{min-width:0;width:100%;position:relative}
.talve-product-media [hidden]{display:none!important}
.talve-product-media .media-stage{display:block;position:relative;overflow:hidden;background:#E8DFD0;text-decoration:none;color:#243C32;cursor:zoom-in}
.talve-product-media .media-stage>img{display:block;width:100%;height:auto;aspect-ratio:3/4;max-height:none;object-fit:contain;margin:0}
.media-enlarge{position:absolute;inset-inline-end:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:10px 13px;background:#F6F2E9ed;font-size:12px}
.media-enlarge svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}
.media-bottom{display:flex;align-items:center;justify-content:space-between;min-height:46px;font-size:11px;color:#506054}
.media-step-controls{display:flex;direction:ltr;gap:4px}
html[dir=rtl] .media-step-controls{flex-direction:row-reverse}
html[dir=rtl] .media-step-controls button{transform:scaleX(-1)}
.talve-product-media button{font:inherit;border:0;background:transparent;color:#243C32;cursor:pointer;min-width:44px;min-height:44px}
.media-step-controls button{font-size:28px}
.media-thumbs{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:#BEA478 transparent}
.media-thumbs>a{display:block;position:relative;flex:0 0 76px;padding:0 0 4px;border-bottom:2px solid transparent;color:#243C32;text-decoration:none}
.media-thumbs>a[aria-current=true]{border-bottom-color:#243C32}
.talve-product-media .media-thumbs img{display:block;width:76px;height:96px;object-fit:cover;margin:0}
.media-thumbs span{position:absolute;bottom:7px;inset-inline-start:5px;background:#F6F2E9e8;padding:2px 4px;font:10px Manrope,sans-serif}
.talve-product-media a:focus-visible,.talve-product-media button:focus-visible{outline:2px solid #243C32;outline-offset:3px}
.talve-product-media .talve-media-dialog{border:0;background:#F6F2E9;color:#243C32;width:min(1080px,94vw);max-width:94vw;height:min(920px,94dvh);max-height:94dvh;padding:0;margin:auto;overflow:hidden}
.talve-media-dialog::backdrop{background:#17251fe6;backdrop-filter:blur(4px)}
.talve-media-dialog[open]{display:grid;grid-template-rows:52px minmax(0,1fr) 52px 24px}
.media-dialog-head{display:flex;align-items:center;justify-content:space-between;padding-inline:20px;border-bottom:1px solid #243C3222}
.media-dialog-head>span{font:22px Manrope,sans-serif;letter-spacing:4px}
.media-dialog-head button{font-size:28px}
.media-detail-stage{overflow:auto;overscroll-behavior:contain;min-height:0;text-align:center;scrollbar-width:thin}
.talve-product-media .media-detail-stage>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:auto}
.talve-product-media .media-detail-stage.is-zoomed>img{width:200%;max-width:none;height:200%;object-fit:contain;cursor:zoom-out}
.media-dialog-tools{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 10px;font-size:12px}
.media-dialog-tools [aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
.media-dialog-counter{margin:0!important;text-align:center;font-size:11px;color:#506054}
body.talve-media-open{overflow:hidden}
.pdp-media{min-width:0}
.pdp-media>.caption{margin-top:12px}
@media(min-width:901px){.pdp>.pdp-media{position:sticky;top:100px;align-self:start}.pdp-media .media-stage>img{max-height:74vh;aspect-ratio:3/4}.pdp-media .media-stage{background:transparent}}
@media(max-width:700px){.media-enlarge{inset-inline-end:10px;bottom:10px}.media-thumbs>a{flex-basis:62px}.talve-product-media .media-thumbs img{width:62px;height:78px}.media-dialog-tools{gap:8px;font-size:11px}.media-dialog-head{padding-inline:12px}}