body.single-product .woocommerce-product-gallery.yf-gallery-host { display:block !important; height:auto !important; min-height:0 !important; max-height:none !important; opacity:1 !important; overflow:visible !important; }
body.single-product .yf-gallery-host > :not(.yf-gallery) { display:none !important; }
.yf-gallery { display:block; width:100%; min-width:0; padding:0; }
.yf-gallery,.yf-gallery * { box-sizing:border-box; }
.yf-gallery-stage { position:relative; width:100%; background:#fff; }
.yf-gallery-large { display:block; width:100%; }
body.single-product .yf-gallery .yf-gallery-main { display:block; position:static; width:100%; max-width:100%; height:auto; max-height:660px; aspect-ratio:1; object-fit:contain; margin:0 auto; border-radius:8px; }
.yf-gallery-thumbnails { display:flex; flex-flow:row nowrap; align-items:center; gap:10px; width:100%; margin-top:16px; padding:3px 2px 10px; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
body.single-product .yf-gallery .yf-gallery-thumb { flex:0 0 80px; display:block; width:80px; height:80px; min-height:0; padding:4px; margin:0; border:2px solid #e0e5e8; border-radius:8px; background:#fff; box-shadow:none; cursor:pointer; }
body.single-product .yf-gallery .yf-gallery-thumb img { display:block; width:100%; height:100%; object-fit:contain; border-radius:4px; }
body.single-product .yf-gallery .yf-gallery-thumb[aria-pressed=true] { border-color:var(--wd-primary-color,#467280); }
.yf-gallery button:focus-visible,.yf-gallery-large:focus-visible { outline:2px solid #467280; outline-offset:2px; }
body.single-product .yf-gallery .yf-gallery-arrow { position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; min-height:0; padding:0; border:1px solid #e5e5e5; border-radius:50%; background:rgba(255,255,255,.9); color:#333; font:28px/1 Arial,sans-serif; cursor:pointer; z-index:2; }
.yf-gallery-prev { left:8px; } .yf-gallery-next { right:8px; }
@media(max-width:600px) { body.single-product .yf-gallery .yf-gallery-thumb { flex-basis:64px; width:64px; height:64px; } .yf-gallery-thumbnails { gap:8px; margin-top:12px; } }