/* Wesley's Witgoed product media v2 — scoped to the existing JoomShopping gallery */
.wg-gallery.ww-media-v2{--ww-navy:#07324b;--ww-blue:#0ea5e9;--ww-orange:#ff641f;--ww-line:#dbe7ee;position:relative;width:100%;max-width:620px;margin:0 auto 22px}
.wg-gallery.ww-media-v2 .wg-main{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1/1;background:linear-gradient(145deg,#f8fbfd,#eef5f8);border:1px solid var(--ww-line);border-radius:18px;box-shadow:0 18px 44px rgba(7,50,75,.11)}
.wg-gallery.ww-media-v2 .wg-frame{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;background:transparent}
.wg-gallery.ww-media-v2 .wg-main-img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;aspect-ratio:auto!important;display:block;filter:drop-shadow(0 10px 12px rgba(7,50,75,.10));cursor:zoom-in}
.wg-gallery.ww-media-v2 .wg-frame.is-video{padding:0;background:#061923}
.wg-gallery.ww-media-v2 .wg-frame.is-video .wg-main-img{padding:24px;opacity:.72;filter:saturate(.8)}
.wg-gallery.ww-media-v2 .ww-media-embed{width:100%;height:100%;border:0;display:block;background:#061923}
.wg-gallery.ww-media-v2 video.ww-media-embed{object-fit:contain}
.wg-gallery.ww-media-v2 .wg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid!important;place-items:center;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:var(--ww-orange);color:#fff!important;text-decoration:none;font-size:29px;line-height:1;box-shadow:0 12px 34px rgba(255,100,31,.4);transition:transform .18s ease,box-shadow .18s ease;z-index:4}
.wg-gallery.ww-media-v2 .wg-play:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 15px 38px rgba(255,100,31,.5)}
.wg-gallery.ww-media-v2 .wg-nav{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border:1px solid rgba(219,231,238,.95);border-radius:50%;background:rgba(255,255,255,.94);color:var(--ww-navy)!important;text-decoration:none!important;font:700 30px/1 Arial;box-shadow:0 7px 20px rgba(7,50,75,.14);opacity:.92;transition:transform .18s ease,opacity .18s ease}
.wg-gallery.ww-media-v2 .wg-prev{left:14px}.wg-gallery.ww-media-v2 .wg-next{right:14px}
.wg-gallery.ww-media-v2 .wg-nav:hover{opacity:1;transform:scale(1.06)}
.wg-gallery.ww-media-v2 .ww-media-counter,.wg-gallery.ww-media-v2 .ww-media-kind{position:absolute;top:14px;z-index:6;padding:7px 11px;border-radius:999px;font:800 12px/1.1 Arial,sans-serif;letter-spacing:.03em;box-shadow:0 5px 15px rgba(7,50,75,.12)}
.wg-gallery.ww-media-v2 .ww-media-counter{left:14px;background:rgba(255,255,255,.94);color:var(--ww-navy)}
.wg-gallery.ww-media-v2 .ww-media-kind{right:14px;background:var(--ww-navy);color:#fff;text-transform:uppercase}
.wg-gallery.ww-media-v2 .ww-media-kind.is-video{background:var(--ww-orange)}
.wg-gallery.ww-media-v2 .wg-thumbs{display:flex!important;gap:10px;overflow-x:auto;padding:12px 3px 5px;scrollbar-width:thin;scroll-snap-type:x proximity}
.wg-gallery.ww-media-v2 .wg-thumb{position:relative;flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border:2px solid transparent!important;border-radius:12px!important;background:#fff;box-shadow:0 3px 12px rgba(7,50,75,.08);scroll-snap-align:start;opacity:.75;transition:border-color .18s ease,opacity .18s ease,transform .18s ease}
.wg-gallery.ww-media-v2 .wg-thumb:hover{opacity:1;transform:translateY(-2px)}
.wg-gallery.ww-media-v2 .wg-thumb.is-active{border-color:var(--ww-orange)!important;opacity:1;box-shadow:0 5px 16px rgba(255,100,31,.2)}
.wg-gallery.ww-media-v2 .wg-thumb img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;display:block}
.wg-gallery.ww-media-v2 .wg-thumb.is-video:after{content:"VIDEO";position:absolute;right:4px;bottom:4px;padding:3px 5px;border-radius:5px;background:var(--ww-orange);color:#fff;font:800 8px/1 Arial;letter-spacing:.05em}
.wg-gallery.ww-media-v2 .wg-thumb-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:23px;text-shadow:0 2px 7px #000;background:rgba(7,50,75,.18)}
.ww-media-lightbox{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:30px;background:rgba(3,20,31,.92);backdrop-filter:blur(7px)}
.ww-media-lightbox[hidden]{display:none}.ww-media-lightbox img{max-width:min(1100px,92vw);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.5)}
.ww-media-lightbox button{position:fixed;right:22px;top:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;cursor:pointer}
@media(max-width:767px){.wg-gallery.ww-media-v2{max-width:none;margin-bottom:16px}.wg-gallery.ww-media-v2 .wg-main{border-radius:14px;aspect-ratio:1/1}.wg-gallery.ww-media-v2 .wg-frame{padding:14px}.wg-gallery.ww-media-v2 .wg-nav{width:38px;height:38px;margin-top:-19px;font-size:25px}.wg-gallery.ww-media-v2 .wg-prev{left:8px}.wg-gallery.ww-media-v2 .wg-next{right:8px}.wg-gallery.ww-media-v2 .wg-thumb{flex-basis:64px;width:64px;height:64px}.wg-gallery.ww-media-v2 .wg-play{width:64px;height:64px;font-size:24px}.wg-gallery.ww-media-v2 .ww-media-counter,.wg-gallery.ww-media-v2 .ww-media-kind{top:9px;padding:6px 9px;font-size:10px}.wg-gallery.ww-media-v2 .ww-media-counter{left:9px}.wg-gallery.ww-media-v2 .ww-media-kind{right:9px}.ww-media-lightbox{padding:12px}}
@media(prefers-reduced-motion:reduce){.wg-gallery.ww-media-v2 *{scroll-behavior:auto!important;transition:none!important}}


/* WW PRODUCT EXPERIENCE V3 */
:root{--ww-pro-navy:#07324b;--ww-pro-blue:#0ea5e9;--ww-pro-orange:#ff641f;--ww-pro-line:#dbe7ee;--ww-pro-soft:#f6fafc}
.jshop.productfull.detailtabs{width:100%;max-width:1200px;margin-inline:auto}
.jshop.productfull.detailtabs #productForm>h1{margin:2px 0 20px!important;padding:8px 12px!important;color:var(--ww-pro-navy);font-size:clamp(23px,2vw,31px)!important;line-height:1.2;letter-spacing:-.025em}
.jshop.productfull.detailtabs .wg-gallery.ww-media-v2 .wg-main{aspect-ratio:4/3;background:linear-gradient(145deg,#fff,#f3f8fa)}
.jshop.productfull.detailtabs .wg-gallery.ww-media-v2 .wg-main-img{filter:drop-shadow(0 9px 15px rgba(7,50,75,.09))}
.jshop.productfull.detailtabs .wg-gallery.ww-media-v2 .wg-thumbs{padding-top:14px}
.jshop.productfull.detailtabs .extra-services-container{border-radius:18px!important;border-color:var(--ww-pro-line)!important;box-shadow:0 10px 30px rgba(7,50,75,.06)}
.jshop.productfull.detailtabs .extra-services-title{color:var(--ww-pro-navy)!important;letter-spacing:-.015em}
@media(min-width:992px){
 .jshop.productfull.detailtabs #productForm{display:grid!important;grid-template-columns:minmax(360px,.92fr) minmax(0,1.55fr);column-gap:24px;row-gap:0;align-items:start}
 .jshop.productfull.detailtabs #productForm>:first-child,.jshop.productfull.detailtabs #productForm>h1{grid-column:1/-1}
 .jshop.productfull.detailtabs #productForm>.image_middle{grid-column:1;grid-row:3;width:auto!important;float:none!important}
 .jshop.productfull.detailtabs #productright{grid-column:2;grid-row:3;width:auto!important;float:none!important;padding-left:0!important}
 .jshop.productfull.detailtabs #productright>.knoppenwesleyw{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(270px,1fr);gap:18px 24px;width:100%!important;height:auto!important;min-height:294px;align-items:start}
 .jshop.productfull.detailtabs #productright>.knoppenwesleyw>.betaallinks,
 .jshop.productfull.detailtabs #productright>.knoppenwesleyw>.betaalrechts{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding-inline:10px!important}
 .jshop.productfull.detailtabs #attributen{width:100%!important;float:none!important;margin-top:20px}
}
.jshop_list_product .block_product{padding:10px!important}
.jshop_list_product .ppx-card{overflow:visible;border:1px solid var(--ww-pro-line)!important;border-radius:18px!important;background:#fff;box-shadow:0 8px 25px rgba(7,50,75,.075)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.jshop_list_product .ppx-card:hover{transform:translateY(-4px);border-color:#bfd6e1!important;box-shadow:0 16px 38px rgba(7,50,75,.13)!important}
.jshop_list_product .ppx-card .jo_main_prodct_img{overflow:hidden;border-radius:13px;background:var(--ww-pro-soft)}
.jshop_list_product .ppx-card .jshop_img{transition:transform .25s ease}
.jshop_list_product .ppx-card:hover .jshop_img{transform:scale(1.025)}
.jshop_list_product .ppx-card .productnamewww{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ww-pro-navy)!important;font-weight:800!important;line-height:1.24!important;text-decoration:none!important}
.jshop_list_product .ppx-card .jshop_price{color:var(--ww-pro-navy)!important;font-weight:900!important;letter-spacing:-.025em}
.jshop_list_product .ppx-card .button_detail{border:0!important;border-radius:10px!important;background:var(--ww-pro-orange)!important;color:#fff!important;font-weight:800!important;box-shadow:0 7px 16px rgba(255,100,31,.18);transition:filter .18s ease,transform .18s ease}
.jshop_list_product .ppx-card .button_detail:hover{filter:brightness(.94);transform:translateY(-1px)}
.jshop_list_product .ppx-card .ajax_wichlist{border:1px solid var(--ww-pro-line)!important;background:#fff!important;box-shadow:0 5px 13px rgba(7,50,75,.08)}
.jshop_list_product .ppx-card .discount-badge{border-radius:9px!important;box-shadow:0 6px 16px rgba(255,100,31,.24)!important}
@media(max-width:991px){
 .jshop.productfull.detailtabs{padding-inline:12px}
 .jshop.productfull.detailtabs #productForm>h1{font-size:23px!important;margin-bottom:14px!important}
 .jshop.productfull.detailtabs .image_middle,.jshop.productfull.detailtabs #productright,.jshop.productfull.detailtabs #attributen{width:100%!important;max-width:none!important;float:none!important}
}
@media(max-width:767px){
 .jshop.productfull.detailtabs{padding-inline:8px}
 .jshop.productfull.detailtabs #productForm>h1{font-size:21px!important;padding-inline:4px!important}
 .jshop.productfull.detailtabs .wg-gallery.ww-media-v2 .wg-main{aspect-ratio:4/3}
 .jshop_list_product .block_product{padding:6px!important}
 .jshop_list_product .ppx-card{border-radius:15px!important;box-shadow:0 6px 20px rgba(7,50,75,.075)!important}
 .jshop_list_product .ppx-card:hover{transform:none}
}


/* Video staat buiten de fotonavigatie; de thumbnail is de enige playbediening. */
.wg-gallery.ww-media-v2 .wg-play{display:none!important}
.wg-gallery.ww-media-v2 .wg-thumb.is-video:after{content:none!important;display:none!important}
.wg-gallery.ww-media-v2 .wg-thumb-play{
  inset:50% auto auto 50%!important;
  width:36px!important;height:36px!important;
  transform:translate(-50%,-50%)!important;
  border:2px solid rgba(255,255,255,.9)!important;
  border-radius:50%!important;
  background:rgba(7,50,75,.9)!important;
  color:#fff!important;font-size:16px!important;line-height:1!important;
  text-shadow:none!important;padding-left:2px!important;
  box-shadow:0 4px 12px rgba(7,50,75,.28)!important;
}