/* =========================================================
   Yetty's Shop - Product Zoom & Lightbox CSS
   Add this file alongside yettys-single-product-style.css
   (enqueue both, or paste this at the bottom of that file)
   ========================================================= */
.yetty-lightbox-arrow:hover,.yetty-lightbox-close:hover{background:var(--yz-red);border-color:var(--yz-red);color:#fff}:root{--yz-gold:#f0b93a;--yz-red:#c22a2e;--yz-border:#201d18}.product-gallery{position:relative}.yetty-zoom-lens,.yetty-zoom-pane{position:absolute;display:none;pointer-events:none}.gallery-main{cursor:zoom-in}.yetty-zoom-lens{border:2px solid var(--yz-gold);background:rgba(240,185,58,.18);z-index:5}.yetty-zoom-pane{top:0;left:calc(100% + 20px);width:86%;height:100%;min-height:340px;border:1px solid var(--yz-border);border-radius:4px;background-color:#0a0a0a;background-repeat:no-repeat;z-index:6;box-shadow:0 8px 30px rgba(0,0,0,.5)}@media (max-width:1300px){.yetty-zoom-lens,.yetty-zoom-pane{display:none!important}.gallery-main{cursor:pointer}}.yetty-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}.yetty-lightbox.is-open{display:flex}.yetty-lightbox-overlay{position:absolute;inset:0;background:rgba(0,0,0,.92)}.yetty-lightbox-stage{position:relative;z-index:2;max-width:100vw;max-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.yetty-lightbox-arrow,.yetty-lightbox-close{position:absolute;z-index:3;color:var(--yz-gold);cursor:pointer}.yetty-lightbox-image{max-width:100vw!important;max-height:100vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.6);width:57%}.yetty-lightbox-close{top:24px;right:28px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(240,185,58,.5);font-size:1.6rem;line-height:1;transition:background .15s,color .15s,border-color .15s}.yetty-lightbox-arrow{top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(240,185,58,.5);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.yetty-lightbox-arrow svg{width:24px;height:24px}.yetty-lightbox-prev{left:24px}.yetty-lightbox-next{right:24px}body.yetty-lightbox-active{overflow:hidden}@media (max-width:640px){.yetty-lightbox-close{top:14px;right:14px;width:38px;height:38px;font-size:1.3rem}.yetty-lightbox-arrow{width:42px;height:42px}.yetty-lightbox-prev{left:10px}.yetty-lightbox-next{right:10px}}