/* R12: give native linked variations the full purchase-panel width.
 * WoodMart makes TD.value inline-block; changing only the inner grid cannot
 * expand it. Keep the native links and labels, change their layout only. */
.suizz-purchase .variations_form-linked :is(table.variations,tbody,tr,td.value){display:block!important;width:100%!important;max-width:none!important}
.suizz-purchase .variations_form-linked td.label{display:none!important}
.suizz-purchase .wd-swatches-product{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.suizz-purchase .wd-swatches-product .wd-swatch.wd-text{width:100%!important;min-width:0!important;margin:0!important}
.suizz-purchase .wd-swatch-text:has(.suizz-dose-plus){gap:5px!important}

/* Frame the real photographs, never redraw packaging. These transforms only
 * remove the original white margins inside the gallery viewport. The original
 * high-resolution file remains available in WoodMart's full-screen lightbox. */
.woocommerce-product-gallery__image{overflow:hidden}
.woocommerce-product-gallery__image img:not(.zoomImg){height:clamp(360px,36vw,600px)!important;object-fit:contain!important}
.woocommerce-product-gallery img.suizz-photo-frame{transform:scale(var(--suizz-photo-scale,1));transform-origin:var(--suizz-photo-origin,50% 50%)}
.single-product .woocommerce-product-gallery__image img.suizz-photo-wide:not(.zoomImg){object-fit:cover!important}
.woocommerce-product-gallery__image:has(img.suizz-photo-frame) .zoomImg{display:none!important}
.woocommerce-product-gallery__image:has(img.suizz-photo-reflection){mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}
.wd-gallery-thumb .wd-carousel-item,.product-image-thumbnail{overflow:hidden}
@media(max-width:767px){
 .woocommerce-product-gallery__image img:not(.zoomImg){height:310px!important}
 .suizz-purchase .wd-swatches-product .wd-swatch.wd-text{min-height:82px!important;padding:14px 28px 14px 13px!important}
 .suizz-purchase .suizz-dose strong{font-size:36px!important}
 .suizz-purchase .wd-swatch-text:has(.suizz-dose-plus) .suizz-dose strong{font-size:27px!important}
}
@media(max-width:359px){.suizz-purchase .wd-swatch-text:has(.suizz-dose-plus) .suizz-dose strong{font-size:23px!important}}