/* Win Win Building Supply — v0.13 screenshot-matched product presentation.
   Scoped to the product page; leaves homepage, shop, category and checkout alone. */
.ww-reference-product{--ww-product-ink:#101b30;--ww-product-muted:#657187;--ww-product-red:#ef0010}
.ww-reference-product .ww-single-product-container{padding-top:14px}
.ww-reference-product .ww-product-breadcrumbs{margin-bottom:20px}
.ww-reference-product .ww-single-product-main{display:grid;grid-template-columns:minmax(0,0.93fr) minmax(0,1.07fr);gap:38px;align-items:start}
.ww-reference-product .ww-single-left,.ww-reference-product .ww-single-right{min-width:0}
.ww-reference-product .ww-single-gallery{position:relative}
.ww-reference-product .ww-single-gallery .woocommerce-product-gallery__image{border:0;border-radius:6px;background:#f5f6f8}
.ww-reference-product .ww-single-gallery .woocommerce-product-gallery__image a{min-height:400px;padding:22px}
.ww-reference-product .ww-single-gallery .woocommerce-product-gallery__image img{max-height:420px!important}
/* Native WooCommerce lightbox trigger, visually anchored to the actual main image.
   The small gallery script sets --ww-zoom-top/right from the image's bounds. */
.ww-reference-product .ww-single-gallery .woocommerce-product-gallery__trigger{
 position:absolute!important;top:var(--ww-zoom-top,12px)!important;right:var(--ww-zoom-right,12px)!important;
 bottom:auto!important;left:auto!important;z-index:8!important;
 display:flex!important;align-items:center;justify-content:center;
 width:38px!important;height:38px!important;padding:0!important;
 border:1px solid #e4e7ec!important;border-radius:50%!important;
 box-shadow:0 3px 13px rgba(16,27,48,.13)!important;
 color:transparent!important;font-size:0!important;text-indent:-9999px!important;
 background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101b30' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.4'/%3E%3Cpath d='m15.5 15.5 5 5M8 10.8h5.6M10.8 8v5.6'/%3E%3C/svg%3E") center/19px 19px no-repeat!important;
}
.ww-reference-product .ww-single-gallery .woocommerce-product-gallery__trigger::before,
.ww-reference-product .ww-single-gallery .woocommerce-product-gallery__trigger::after{content:none!important}
.ww-reference-product .ww-single-gallery .woocommerce-product-gallery__trigger:focus-visible{outline:2px solid var(--ww-product-red)!important;outline-offset:3px}
.ww-reference-product .ww-single-gallery .flex-control-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px!important;padding:0 13px!important}
.ww-reference-product .ww-single-gallery .flex-control-thumbs img{aspect-ratio:1.13/1;padding:4px;background:#f0f1f3;border-color:transparent;border-radius:5px}
.ww-reference-product .ww-single-gallery .flex-control-thumbs img.flex-active{border-color:var(--ww-product-red);box-shadow:0 0 0 1px var(--ww-product-red)}
.ww-reference-product .ww-single-gallery .ww-single-wishlist{position:absolute;z-index:7;top:11px;right:12px;width:33px;height:33px;opacity:.97;border-color:#e8eaed;box-shadow:0 2px 12px rgba(18,27,40,.08)}
.ww-reference-product .ww-single-gallery .ww-single-wishlist svg{width:17px;height:17px}
.ww-reference-product .ww-single-summary{padding-top:0}
.ww-reference-product .ww-single-brand{display:inline-block;margin-bottom:6px;color:#00539b;font-size:16px;font-weight:900;text-decoration:underline;text-underline-offset:2px}
.ww-reference-product .ww-single-summary h1{font-size:clamp(23px,2.15vw,35px);line-height:1.18;letter-spacing:-.035em;color:var(--ww-product-ink)}
.ww-reference-product .ww-single-trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px 28px;min-height:25px;margin-top:7px;color:var(--ww-product-muted);font-size:12px}
.ww-reference-product .ww-single-rating{display:inline-flex;align-items:center;gap:8px;color:var(--ww-product-muted)}
.ww-reference-product .ww-single-rating .star-rating{font-size:17px;width:5.35em;line-height:1.1;margin:0;color:var(--ww-product-red)}
.ww-reference-product .ww-single-rating .star-rating::before{color:#d6dbe0}
.ww-reference-product .ww-single-sku{color:var(--ww-product-muted);font-size:11px}
.ww-reference-product .ww-single-short-description{margin-top:13px;font-size:13px;color:#58677b;line-height:1.6}
.ww-reference-product .ww-single-price{margin:17px 0 16px;font-size:21px;color:var(--ww-product-red)}
.ww-reference-product .ww-single-price .amount{color:var(--ww-product-red)}
.ww-reference-product:has(.ww-measure-fields) .ww-single-price{display:none}
.ww-reference-product .ww-single-purchase-form{margin-top:16px}
.ww-reference-product .ww-single-purchase-form .variations{margin:0 0 12px!important}
.ww-reference-product .ww-single-purchase-form .variations tr{grid-template-columns:98px minmax(0,1fr);gap:12px;margin-bottom:17px;align-items:start}
.ww-reference-product .ww-single-purchase-form .variations th{padding-top:14px!important}
.ww-reference-product .ww-single-purchase-form .variations th label{color:var(--ww-product-ink);font-size:12px;font-weight:800}
.ww-reference-product .ww-single-purchase-form .variations select{min-height:42px!important;color:#152238;font-size:11px!important}
.ww-reference-product .ww-single-purchase-form .reset_variations{font-size:10px}
/* Enhance thickness and colour choices while keeping the native select as the source of truth. */
.ww-reference-product .ww-variation-enhanced th{padding-top:13px!important}
.ww-reference-product .ww-variation-enhanced select.ww-native-variation-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;border:0!important;clip-path:inset(50%);overflow:hidden}
.ww-reference-product .ww-variation-choices{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;width:100%}
.ww-reference-product .ww-variation-choice{min-width:0;min-height:38px;padding:8px 11px;border:1px solid #dfe4eb;border-radius:4px;background:white;color:#243349;cursor:pointer;font:700 11px/1.2 Manrope,sans-serif;transition:background .15s ease,border-color .15s ease}
.ww-reference-product .ww-variation-choice:focus-visible{outline:2px solid #e00;outline-offset:2px}
.ww-reference-product .ww-variation-choice.is-selected{border-color:var(--ww-product-red);background:#fff5f6;color:var(--ww-product-ink);box-shadow:0 0 0 1px rgba(239,0,16,.1)}
.ww-reference-product .ww-variation-choice:disabled{opacity:.3;cursor:not-allowed}
.ww-reference-product .ww-variation-colours{gap:8px 9px}
.ww-reference-product .ww-variation-colours .ww-variation-choice{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:7px;min-width:47px;max-width:80px;min-height:69px;padding:0;border:0;background:none;box-shadow:none;text-align:center}
.ww-reference-product .ww-variation-colours .ww-variation-choice.is-selected{background:none;border:0}
.ww-reference-product .ww-colour-dot{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:2px solid #fff;border-radius:50%;background:#e5e7eb;color:#424c57;box-shadow:0 0 0 1px #e5e7eb;font-weight:800}
.ww-reference-product .ww-colour-unknown{background:#f7f8f9}
.ww-reference-product .ww-variation-colours .is-selected .ww-colour-dot{box-shadow:0 0 0 1.5px var(--ww-product-red)}
.ww-reference-product .ww-variation-colours .ww-variation-choice-label{font:650 9px/1.25 Manrope,sans-serif;color:var(--ww-product-ink);max-width:77px;white-space:normal}
/* Quantity and measurement rows follow the reference: field label, stepper, optional unit. */
.ww-reference-product .ww-single-purchase-form .woocommerce-variation-add-to-cart,
.ww-reference-product .ww-single-purchase-form form.cart:not(.variations_form){display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:12px;row-gap:13px;align-items:center}
.ww-reference-product .ww-single-purchase-form .quantity{justify-self:start}
.ww-reference-product .ww-single-purchase-form .ww-quantity-control{height:39px!important;grid-template-columns:32px 52px 32px!important;min-width:116px!important;width:116px!important}
.ww-reference-product .ww-quantity-control .qty{width:52px!important;height:37px!important;font-size:12px!important;line-height:37px!important}
.ww-reference-product .ww-qty-button{width:32px;height:37px;font-size:18px}
.ww-reference-product .ww-quantity-label{font-size:12px;color:var(--ww-product-ink)}
.ww-reference-product .ww-measure-fields{grid-column:1/-1;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent}
/* Compact two-up configurator: full-width controls inside a 520px group. */
.ww-reference-product .ww-measure-heading-compact{margin:0 0 12px;font-size:12px;font-weight:800;color:var(--ww-product-ink)}
.ww-reference-product .ww-measure-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;max-width:520px;width:100%}
.ww-reference-product .ww-measure-field{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;font-size:12px;font-weight:800;color:var(--ww-product-ink)}
.ww-reference-product .ww-measure-field>span:first-child{white-space:normal;line-height:1.45}
.ww-reference-product .ww-measure-control{display:flex;align-items:center;width:100%;min-width:0}
.ww-reference-product .ww-measure-field:only-child{grid-column:1/-1;max-width:251px}
.ww-reference-product .ww-measure-stepper{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;width:100%;min-width:0;height:42px;border:1px solid #dde2e8;border-radius:5px;overflow:hidden;background:#fff}
.ww-reference-product .ww-measure-stepper button{height:40px;width:38px;border:0;background:#f5f6f8;color:#16253b;cursor:pointer;font:500 19px/1 Manrope,sans-serif}
.ww-reference-product .ww-measure-stepper button:hover{background:#eceef1}
.ww-reference-product .ww-measure-stepper input{box-sizing:border-box;min-width:0;min-height:0;height:40px;width:100%!important;margin:0!important;padding:0 4px!important;border:0!important;border-inline:1px solid #e5e9ee!important;border-radius:0!important;box-shadow:none!important;text-align:center;font-size:13px!important;appearance:textfield;-moz-appearance:textfield}
.ww-reference-product .ww-measure-stepper input::-webkit-outer-spin-button,.ww-reference-product .ww-measure-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ww-reference-product .ww-measure-help{margin:9px 0 0;max-width:520px;color:#708096;font-size:10px;line-height:1.5}
.ww-reference-product .ww-measure-estimate{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .75fr 1fr;gap:9px;margin:5px 0 0;padding:16px 15px;border:0;border-radius:5px;background:#f6f7f9}
.ww-reference-product .ww-measure-estimate-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.ww-reference-product .ww-measure-estimate-cell:last-child{border:0;padding:0}
.ww-reference-product .ww-measure-estimate-cell span{font:650 10px/1.3 Manrope,sans-serif;color:#44536a}
.ww-reference-product .ww-measure-estimate-cell strong{font-size:19px;line-height:1.2;font-weight:850;color:var(--ww-product-ink);overflow-wrap:anywhere}
.ww-reference-product .ww-measure-estimate-cell:first-child strong,
.ww-reference-product .ww-measure-estimate-cell:last-child strong{color:var(--ww-product-red)}
.ww-reference-product .ww-measure-estimate-cell small{font-size:8px;color:#798392;line-height:1.25}
.ww-reference-product .ww-single-purchase-form .woocommerce-variation{margin:4px 0}
.ww-reference-product .ww-single-purchase-form:has(.ww-measure-fields) .woocommerce-variation-price{display:none}
.ww-reference-product .ww-single-purchase-form .single_add_to_cart_button{grid-column:1/-1;min-height:46px!important;border-radius:4px!important;background:#ed0011!important;border-color:#ed0011!important;font-size:13px!important}
.ww-reference-product .ww-single-purchase-form .single_add_to_cart_button::before{content:'';display:inline-block;width:20px;height:20px;margin-right:10px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' stroke-linecap='round' d='M2 3h2l2 12h13l2-9H5M9 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E") center/contain no-repeat}
.ww-reference-product .ww-single-quote-link{min-height:42px;margin-top:8px;border:1px solid #f00;border-radius:4px;color:#eb0013!important;padding:6px 12px}
.ww-reference-product .ww-single-quote-link:hover{background:#fff5f5}
.ww-reference-product .ww-single-quote-link svg{color:#ec0014}
.ww-reference-product .ww-single-quote-link strong{font-size:12px}
/* Short service bar, positioned below actions on the right rather than full width. */
.ww-reference-product .ww-product-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;border:0}
.ww-reference-product .ww-product-benefit{justify-content:flex-start;gap:7px;padding:0;border:0}
.ww-reference-product .ww-product-benefit-icon{width:26px;height:28px}
.ww-reference-product .ww-product-benefit-icon svg{width:24px;height:24px}
.ww-reference-product .ww-product-benefit strong{font-size:10px;color:#172238}
.ww-reference-product .ww-product-benefit small{font-size:8px;color:#738197;line-height:1.35}
/* Product tabs sit immediately below the gallery on desktop. */
.ww-reference-product .ww-product-details{margin:43px 0 0}
.ww-reference-product .ww-product-detail-tabs{gap:20px}
.ww-reference-product .ww-product-detail-tabs button{min-height:43px;font-size:10px;font-weight:750}
.ww-reference-product .ww-product-detail-panel{padding-top:18px}
.ww-reference-product .ww-product-detail-content h2{font-size:17px;margin:0 0 7px}
.ww-reference-product .ww-product-detail-content{font-size:12px;color:#58677a}
.ww-reference-product .ww-product-related{margin-top:55px}
.ww-reference-product .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button{opacity:.45!important}
@media(max-width:1050px) and (min-width:768px){
 .ww-reference-product .ww-single-product-main{gap:23px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .ww-reference-product .ww-single-gallery .woocommerce-product-gallery__image a{min-height:300px}
 .ww-reference-product .ww-single-purchase-form .variations tr{grid-template-columns:83px minmax(0,1fr);gap:9px}
 .ww-reference-product .ww-measure-inputs{gap:12px}
 .ww-reference-product .ww-single-purchase-form .woocommerce-variation-add-to-cart,.ww-reference-product .ww-single-purchase-form form.cart:not(.variations_form){grid-template-columns:95px minmax(0,1fr)}
 .ww-reference-product .ww-product-benefits{gap:7px}
 .ww-reference-product .ww-product-benefit strong{font-size:9px}
}
@media(max-width:767px){
 .ww-reference-product{padding-bottom:55px}
 .ww-reference-product .ww-single-product-container{padding-top:7px}
 .ww-reference-product .ww-product-breadcrumbs{margin-bottom:12px}
 .ww-reference-product .ww-single-product-main{display:flex;flex-direction:column;gap:0}
 .ww-reference-product .ww-single-left,.ww-reference-product .ww-single-right{display:contents}
 .ww-reference-product .ww-single-gallery{order:1;width:100%}
 .ww-reference-product .ww-single-summary{order:2;width:100%;padding-top:13px}
 .ww-reference-product .ww-product-benefits{order:3;width:100%}
 .ww-reference-product .ww-product-details{order:4;width:100%}
 .ww-reference-product .ww-single-gallery .woocommerce-product-gallery__image a{min-height:220px;padding:12px}
 .ww-reference-product .ww-single-gallery .woocommerce-product-gallery__image img{max-height:280px!important}
 .ww-reference-product .ww-single-gallery .flex-control-thumbs{gap:6px;padding:0!important;margin-top:7px!important}
 .ww-reference-product .ww-single-gallery .flex-control-thumbs img{aspect-ratio:1/1;padding:3px}
 .ww-reference-product .ww-single-gallery .woocommerce-product-gallery__trigger{width:35px!important;height:35px!important}
 .ww-reference-product .ww-single-gallery .ww-single-wishlist{top:8px;right:9px}
 .ww-reference-product .ww-single-brand{font-size:14px;margin-bottom:3px}
 .ww-reference-product .ww-single-summary h1{font-size:clamp(21px,5.8vw,28px);line-height:1.25}
 .ww-reference-product .ww-single-trust-row{gap:8px 15px;margin-top:5px;font-size:10px}
 .ww-reference-product .ww-single-sku{font-size:9px}
 .ww-reference-product .ww-single-short-description{display:none}
 .ww-reference-product .ww-single-price{font-size:21px}
 .ww-reference-product .ww-single-purchase-form{margin-top:17px}
 .ww-reference-product .ww-single-purchase-form .variations tr{grid-template-columns:88px minmax(0,1fr);gap:8px;margin-bottom:12px}
 .ww-reference-product .ww-single-purchase-form .variations th{padding-top:11px!important}
 .ww-reference-product .ww-single-purchase-form .variations th label{font-size:11px}
 .ww-reference-product .ww-variation-thickness{gap:6px}
 .ww-reference-product .ww-variation-thickness .ww-variation-choice{padding:7px 9px;min-height:32px;font-size:10px}
 .ww-reference-product .ww-variation-colours{gap:7px}
 .ww-reference-product .ww-colour-dot{width:29px;height:29px;flex-basis:29px}
 .ww-reference-product .ww-variation-colours .ww-variation-choice{min-width:40px;max-width:65px;min-height:56px;gap:5px}
 .ww-reference-product .ww-variation-colours .ww-variation-choice-label{font-size:8px}
 .ww-reference-product .ww-single-purchase-form .woocommerce-variation-add-to-cart,.ww-reference-product .ww-single-purchase-form form.cart:not(.variations_form){grid-template-columns:88px minmax(0,1fr);column-gap:8px;row-gap:12px}
 .ww-reference-product .ww-measure-heading-compact{margin-bottom:10px;font-size:11px}
 .ww-reference-product .ww-measure-inputs{gap:10px;max-width:100%}
 .ww-reference-product .ww-measure-field{gap:6px;font-size:11px}
 .ww-reference-product .ww-measure-stepper{grid-template-columns:34px minmax(0,1fr) 34px;height:40px}
 .ww-reference-product .ww-measure-stepper input{height:38px;font-size:12px!important}
 .ww-reference-product .ww-measure-stepper button{height:38px;width:34px}
 .ww-reference-product .ww-measure-help{margin:8px 0 0;font-size:9px}
 .ww-reference-product .ww-quantity-label{font-size:11px}
 .ww-reference-product .ww-measure-estimate{grid-template-columns:1.12fr .75fr 1fr;gap:4px;padding:13px 9px;margin:3px 0 0}
 .ww-reference-product .ww-measure-estimate-cell span{font-size:9px}
 .ww-reference-product .ww-measure-estimate-cell strong{font-size:15px}
 .ww-reference-product .ww-measure-estimate-cell small{font-size:7px}
 .ww-reference-product .ww-single-purchase-form .single_add_to_cart_button{min-height:45px!important;font-size:12px!important}
 .ww-reference-product .ww-single-quote-link{min-height:40px;margin-top:7px}
 .ww-reference-product .ww-product-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;gap:5px}
 .ww-reference-product .ww-product-benefit{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px}
 .ww-reference-product .ww-product-benefit-icon{height:22px;width:22px}
 .ww-reference-product .ww-product-benefit-icon svg{height:19px;width:19px}
 .ww-reference-product .ww-product-benefit strong{font-size:8px}
 .ww-reference-product .ww-product-benefit small{font-size:7px}
 .ww-reference-product .ww-product-details{margin:28px 0 0}
 .ww-reference-product .ww-product-detail-tabs{gap:16px}
 .ww-reference-product .ww-product-detail-tabs button{font-size:10px;min-height:43px}
 .ww-reference-product .ww-product-detail-content{font-size:11px}
 .ww-reference-product .ww-product-related{margin-top:35px}
}
@media(max-width:365px){
 .ww-reference-product .ww-single-purchase-form .variations tr{grid-template-columns:72px minmax(0,1fr)}
 .ww-reference-product .ww-single-purchase-form .woocommerce-variation-add-to-cart,.ww-reference-product .ww-single-purchase-form form.cart:not(.variations_form){grid-template-columns:72px minmax(0,1fr)}
 .ww-reference-product .ww-measure-inputs{gap:8px}
 .ww-reference-product .ww-measure-stepper{grid-template-columns:30px minmax(0,1fr) 30px}
 .ww-reference-product .ww-measure-stepper button{width:30px}
 .ww-reference-product .ww-variation-colours .ww-variation-choice{min-width:34px;max-width:54px}
 .ww-reference-product .ww-measure-estimate-cell strong{font-size:13px}
}

/* v0.17: purchase configuration editing uses the existing product page. */
.ww-cart-edit-banner{max-width:1160px;margin:12px auto 22px;padding:14px 17px;border:1px solid #e8ebf0;border-left:3px solid #ef0018;border-radius:5px;background:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:5px 15px;font:12px/1.5 Manrope,Arial,sans-serif;color:#596476}
.ww-cart-edit-banner strong{color:#152137;font-size:13px}
.ww-cart-edit-banner a{margin-left:auto;color:#e9001c;text-decoration:underline;font-weight:800}
@media(max-width:700px){.ww-cart-edit-banner{margin:12px 15px 18px}.ww-cart-edit-banner a{margin-left:0}}

/* v0.26 Buy Now: a properly integrated full-width secondary CTA on product pages. */
.ww-reference-product .ww-single-purchase-form form.cart .ww-buy-now-button {
    grid-column:1/-1!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;min-height:46px!important;
    margin:0!important;padding:12px 18px!important;
    background:#fff!important;border:1.5px solid #ed001b!important;
    border-radius:5px!important;box-shadow:none!important;
    color:#e60023!important;text-decoration:none!important;
    font:800 13px/1.35 Manrope,Arial,sans-serif!important;
    text-align:center!important;cursor:pointer;
    transition:background .15s,border-color .15s!important;
}
.ww-reference-product .ww-single-purchase-form form.cart .ww-buy-now-button:hover,
.ww-reference-product .ww-single-purchase-form form.cart .ww-buy-now-button:focus-visible {
    background:#fff2f4!important;border-color:#cd001d!important;
}
.ww-reference-product .ww-single-purchase-form form.cart .ww-buy-now-button:disabled {
    opacity:.5!important;cursor:not-allowed;
}
@media(max-width:767px){
 .ww-reference-product .ww-single-purchase-form form.cart .ww-buy-now-button {min-height:45px!important;font-size:12px!important;}
}