/* Pel Mode 1.2 — WooCommerce gallery + touch-friendly variations + video hero */
.woocommerce div.product div.images.woocommerce-product-gallery{width:48%;max-width:48%;margin-bottom:36px;position:relative}
.woocommerce div.product .woocommerce-product-gallery__wrapper{margin:0;overflow:hidden;border-radius:18px;background:var(--cream)}
.woocommerce div.product .woocommerce-product-gallery__image{display:block;overflow:hidden}
.woocommerce div.product .woocommerce-product-gallery__image img{display:block;width:100%;height:auto;object-fit:contain;max-height:900px}
.woocommerce div.product .flex-control-nav.flex-control-thumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;list-style:none;padding:0;margin:15px 0 0;clear:both}
.woocommerce div.product .flex-control-nav.flex-control-thumbs li{float:none!important;width:100%!important;margin:0!important;list-style:none;min-width:0}
.woocommerce div.product .flex-control-nav.flex-control-thumbs li img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee9df;opacity:.75;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:opacity .25s,border-color .25s,transform .25s}
.woocommerce div.product .flex-control-nav.flex-control-thumbs li img.flex-active,.woocommerce div.product .flex-control-nav.flex-control-thumbs li img:hover{opacity:1;border-color:var(--gold)}
.woocommerce div.product .flex-control-nav.flex-control-thumbs li img:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.woocommerce div.product form.cart .variations select{min-height:46px;max-width:100%;min-width:min(190px,100%);width:auto;padding:10px 36px 10px 14px;white-space:normal;overflow-wrap:anywhere}
.woocommerce div.product form.cart .variations label{display:block;font-size:13px;margin-bottom:8px}
.woocommerce div.product form.cart .variations td{padding-block:8px;vertical-align:middle}
.woocommerce div.product form.cart .button{min-height:46px}
/* Optional calm video behind the introduction; a light scrim preserves legibility. */
.pm-v12-video-hero.intro{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(210px,27vw,355px);display:flex;align-items:center;justify-content:center;background:var(--ivory);padding:55px 18px}
.pm-v12-video-stage{position:absolute;inset:0;z-index:-1;background-color:#e8e0d6;background-size:cover;background-position:center;overflow:hidden}
.pm-v12-video-stage video{display:block;width:100%;height:100%;object-fit:cover;opacity:var(--pm-video-opacity,.42)}
.pm-v12-video-hero::before{content:"";position:absolute;inset:0;background:rgba(248,246,241,.5);z-index:0;pointer-events:none}
.pm-v12-hero-copy{position:relative;z-index:1;max-width:1100px;text-align:center;margin:auto}
.pm-v12-hero-copy h1{line-height:1.12;overflow-wrap:break-word;text-wrap:balance}
.pm-v12-hero-copy p{max-width:760px;margin:12px auto 0;line-height:1.65}
/* Mobile animations respond to scrolling, not only desktop hover. Progressive enhancement only. */
@media(prefers-reduced-motion:no-preference){
 .pm-v12-reveal.pm-v12-enter{opacity:.02;transform:translateY(19px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
 .pm-v12-reveal.pm-v12-visible{opacity:1;transform:translateY(0)}
 .pm-v12-card-touch{transform:scale(.988);transition:transform .2s ease}
}
@media(max-width:760px){
 .pm-v12-video-hero.intro{min-height:230px;padding:40px 14px}
 .woocommerce div.product div.images.woocommerce-product-gallery{width:100%!important;max-width:100%}
 .woocommerce div.product .flex-control-nav.flex-control-thumbs{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .woocommerce div.product form.cart .variations{width:100%}
 .woocommerce div.product form.cart .variations td{display:block;width:100%;padding:3px 0 12px}
 .woocommerce div.product form.cart .variations select{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.pm-v12-video-stage video{display:none!important}.pm-v12-reveal{opacity:1!important;transform:none!important;animation:none!important}}
@media(hover:none){.woocommerce div.product .flex-control-nav.flex-control-thumbs li img:hover:not(.flex-active){border-color:transparent;opacity:.75}}