/* Coollacs premium product gallery */
.pg-gallery{--pg-accent:#00bfd6;--pg-radius:16px;--pg-thumb-radius:12px;--pg-border:#ececec;width:100%;padding-right: 16px;
    padding-top: 10px;;margin-inline:auto}
.pg-gallery button{font-family:inherit;border:none;background:none}
.pg-mobile-host .pg-gallery,.responsive_main_top_content_single_product .pg-gallery{max-width:100%}
.pg-main{position:relative;display:block;width:100%;aspect-ratio:1/1;background:#fff;border:1px solid var(--pg-border);border-radius:var(--pg-radius);overflow:hidden;cursor:zoom-in;padding:0}
.pg-main-img{width:100%!important;height:100%!important;object-fit:contain;object-position:center;display:block;transition:opacity .35s ease,transform .35s ease}
.pg-main:hover .pg-main-img{transform:scale(1.04)}
.pg-main.is-fading .pg-main-img{opacity:0}
.pg-expand{position:absolute;bottom:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;pointer-events:none}
.pg-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 0;padding:0;list-style:none;direction:rtl;justify-content:flex-start}
.pg-thumbs>*{direction:rtl;min-width:0}
.pg-gallery .pg-thumb{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid var(--pg-border);border-radius:var(--pg-thumb-radius);overflow:hidden;padding:0;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.pg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.pg-gallery .pg-thumb:hover{border-color:var(--pg-accent);transform:translateY(-2px)}
.pg-gallery .pg-thumb:hover img{transform:scale(1.05)}
.pg-gallery .pg-thumb.active{border:1px solid var(--pg-accent);box-shadow:0 0 0 2px rgba(0,191,214,.22);transform:translateY(-2px)}
.pg-more img{filter:blur(5px);transform:scale(1.15)}
.pg-gallery .pg-more:hover img{transform:scale(1.2)}
.pg-more-overlay{position:absolute;inset:0;background:rgba(0,0,0,.32);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:background .2s ease}
.pg-gallery .pg-more:hover .pg-more-overlay{background:rgba(0,0,0,.44)}
.pg-more-icon{font-size:1.1rem;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.pg-more-count{font-size:1rem;font-weight:800;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.pg-main:focus-visible,.pg-thumb:focus-visible,.pg-slide-btn:focus-visible,.pg-lb-close:focus-visible,.pg-lb-prev:focus-visible,.pg-lb-next:focus-visible,.pg-lb-thumb:focus-visible{outline:2px solid var(--pg-accent);outline-offset:2px}
.pg-lb{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}
.pg-lb[hidden]{display:none}
.pg-lb-backdrop{position:absolute;inset:0;background:#000}
.pg-lb-shell{position:relative;width:100%;height:100%;display:flex;flex-direction:column;color:#fff;padding:14px}
.pg-lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 10px}
.pg-lb-counter{font-size:.85rem;color:#ddd}
.pg-lb-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pg-lb-close:hover{background:rgba(255,255,255,.22)}
.pg-lb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:8px;direction:rtl}
.pg-lb-figure{flex:1;min-width:0;height:100%;margin:0 60px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.pg-lb-img{max-width:100%;max-height:calc(100vh - 220px);width:auto;height:auto;object-fit:contain;border-radius:8px;user-select:none;-webkit-user-drag:none}
.pg-lb-prev,.pg-lb-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}
.pg-lb-next{inset-inline-start:0;right:auto;left:0}
.pg-lb-prev{inset-inline-end:0;right:0;left:auto}
.pg-lb-prev:hover,.pg-lb-next:hover{background:rgba(255,255,255,.22)}
.pg-lb-strip{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:12px 2px 2px;scrollbar-width:thin;direction:rtl;justify-content:flex-start}
.pg-lb-thumb{flex:0 0 auto;width:64px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#111;padding:0;cursor:pointer;opacity:.72}
.pg-lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pg-lb-thumb.active{border-color:var(--pg-accent);opacity:1}
/* MOBILE SWIPER (real Swiper, free mode): hidden on desktop, 90pct horizontal carousel on mobile only */
.pg-swiper{display:none!important}
@media screen and (max-width:950px){
.pg-gallery{max-width:100%;width:100%;margin:0 auto;padding:0;display:block}
.pg-swiper{display:block!important;width:90%!important;max-width:90%!important;margin:0 auto!important;padding:0!important;position:relative!important;border-radius:16px;background:transparent;overflow:hidden!important}
.pg-swiper .swiper-wrapper{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;height:auto!important;box-sizing:border-box!important}
.pg-swiper .swiper-slide{flex:0 0 auto!important;flex-shrink:0!important;width:calc((100% - 10px) / 1.2)!important;max-width:calc((100% - 10px) / 1.2)!important;height:auto!important;min-width:0!important;box-sizing:border-box!important}
/* Fallback when Swiper JS hasn't kicked in yet: native horizontal swipe, never vertical stack */
.pg-swiper:not(.swiper-initialized) .swiper-wrapper{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.pg-swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.pg-swiper .pg-slide-btn{width:100%!important;min-width:0!important;display:block;aspect-ratio:1/1;background:#fff;border:1px solid var(--pg-border);border-radius:16px;overflow:hidden;padding:0;cursor:zoom-in;touch-action:pan-y}
.pg-swiper .pg-slide-btn img{width:100%!important;height:100%!important;min-height:220px;object-fit:contain;object-position:center;display:block;background:#fff;user-select:none;-webkit-user-drag:none}.pg-mobile{padding-bottom:28px}
.pg-mobile-gallery-wrap{position:relative!important;padding:0!important;margin:0 auto!important;display:block} .pg-mobile-gallery-wrap .pg-mobile-icons{position:absolute!important;top:10px!important;inset-inline-end:calc(5% + 5px)!important;z-index:6!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:transparent!important;border:0!important;box-shadow:none!important} .pg-mobile-gallery-wrap .pg-mobile-icons .product_details_icon{width:38px!important;height:38px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.92)!important;border:1px solid #ececec!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important} .pg-mobile-counter{position:absolute;top:10px;inset-inline-start:10px;background:rgba(0,0,0,.6);color:#fff;font-size:.75rem;padding:3px 10px;border-radius:999px;pointer-events:none;z-index:2}
.pg-swiper .swiper-pagination{position:absolute!important;bottom:10px!important;left:0;right:0;top:auto!important;text-align:center;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.pg-swiper .swiper-pagination-bullet{width:7px;height:7px;margin:0 3px;background:rgba(255,255,255,.85);opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.pg-swiper .swiper-pagination-bullet-active{width:22px;border-radius:999px;background:var(--pg-accent)}
}
@media (prefers-reduced-motion:reduce){.pg-main-img,.pg-swiper .pg-slide-btn img{transition:none}}
html.pg-no-scroll,html.pg-no-scroll body{overflow:hidden}
