/* NPS product page - Light & Clean Stone staging concept */
/* Saved design snapshot: "becky best" — 2026-10-07. Current staging product-page state at CSS v2.6. */
.single-product{background:#fff!important;color:#102b4b!important}
.single-product-header>.container{display:grid!important;grid-template-columns:minmax(0,58%) minmax(360px,42%)!important;grid-template-areas:"gallery details" "key details"!important;align-items:start!important;gap:0 28px!important;padding:28px 3.25rem 0!important;max-width:1500px!important;margin:0 auto!important}
.single-product-header .product-hero-media{grid-area:gallery!important;width:100%!important}
.single-product-header .product-details{grid-area:details!important;width:auto!important;margin:0!important;padding:8px 0 24px!important;background:transparent!important;box-shadow:none!important}
.single-product-header .nps-key-under-images{grid-area:key!important;width:100%!important}

/* Gallery */
.product-hero-media .product-hero-slider{border-radius:9px!important;overflow:hidden!important;background:#f3efe8!important}
.product-hero-media .product-hero-slide{padding:0 8px 0 0!important;aspect-ratio:1/1!important}
.product-hero-media .product-hero-slide img{border-radius:9px!important}
.single-product-nav{padding:12px 0!important}

/* Product heading area */
.product-details .product-breadcrumbs{color:#60738a!important;font-size:13px!important;margin-bottom:16px!important}
.product-details .product-title{font-size:1.875rem!important;line-height:2.375rem!important;font-weight:400!important;color:#0c2749!important;margin-bottom:8px!important}.nps-title-actions{display:inline-flex!important;align-items:center!important;gap:10px!important;margin-left:10px!important;white-space:nowrap!important;vertical-align:middle!important}.nps-title-rating{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:13px!important;line-height:1!important}.nps-title-rating .star-rating{float:none!important;margin:0!important;font-size:14px!important;width:5.4em!important;color:#d99b16!important}.nps-title-rating small{font-size:11px!important;color:#60738a!important;font-weight:500!important}
.product-details .product-short-description,.product-details .product-short-description *{color:#5f7187!important;line-height:1.45!important}
.product-details .product-subtitle{font-size:22px!important;color:#102b4b!important;margin-bottom:8px!important}
.product-details .product-price-per-sqm{margin-bottom:12px!important}

/* Calculator */
.nps-calc{position:relative;overflow:hidden;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#f4f8fa 0%,#e7f0f5 100%)!important;padding:18px!important;color:#10243a!important;box-shadow:0 5px 18px rgba(16,36,58,.08)!important}
.nps-calc .nps-order-heading{margin:0 0 12px}.nps-calc .nps-order-heading strong,.nps-calc .nps-order-heading span{color:#102b4b!important}.nps-order-heading strong{display:block;font-size:18px;line-height:1.25}.nps-order-heading span{display:block;margin-top:3px;font-size:12px}
.nps-order-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px!important}
.nps-order-card{display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;min-height:178px;padding:16px!important;border:1px solid #cfd9df!important;border-radius:8px!important;background:rgba(255,255,255,.92)!important;color:#10243a!important;box-shadow:none!important;transition:.18s ease;white-space:normal!important}
.nps-order-card:hover,.nps-order-card.active{border-color:#aebdc6!important;transform:none!important;box-shadow:none!important}
.nps-order-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;color:#6d7c8d;margin-bottom:7px}.nps-order-title{font-size:18px;font-weight:700;line-height:1.2;color:#102b4b}.nps-order-detail{font-size:12px;color:#6c7c8d;margin:5px 0 12px;min-height:32px}.nps-order-price{font-size:25px;font-weight:800;line-height:1;color:#102b4b}.nps-order-price small{font-size:12px;font-weight:600}
.nps-combo-input{margin-top:auto;width:100%;padding-top:10px}.nps-combo-input label{display:block;font-size:12px;font-weight:500;margin-bottom:6px;color:#30475f}.nps-sqm-entry{display:flex;align-items:center;gap:8px}.nps-sqm-entry .nps-input,.nps-qtyinput,.nps-qtybtn{margin:0!important;background:#fff!important;border:1px solid #ddd8cf!important;border-radius:5px!important;color:#102b4b!important}.nps-sqm-entry span{font-weight:600}
.nps-panel-wrap{border:0!important;border-radius:7px!important;padding:13px 16px!important;margin-top:8px!important;background:#dbe4e9!important}.nps-combined-result{background:#dbe4e9!important;color:#10243a!important}.nps-combined-result .nps-packline,.nps-combined-result .nps-packtext,.nps-combined-result .nps-price,.nps-combined-result .nps-vat,.nps-combined-result [data-combo-line],.nps-combined-result [data-combo-total]{color:#102b4b!important}.nps-combined-result [data-combo-total]{font-weight:800!important}
.nps-wastage-green{margin-top:10px!important;padding:9px 12px!important;border-radius:6px!important;background:#fff!important;color:#102b4b!important;font-weight:500!important}.nps-wastage-green .nps-slider{background:#d6d3ce!important}.nps-wastage-green input:checked + .nps-slider{background:#299c65!important}
.nps-actions{display:grid!important;grid-template-columns:1fr;gap:9px;margin-top:10px}.nps-actions .nps-addform,.nps-actions .nps-sample-form{width:100%;margin:0!important}.nps-actions .nps-btn{width:100%}.nps-btn-primary{background:#0d4f78!important;border-color:#0d4f78!important;color:#fff!important;border-radius:6px!important}
.nps-btn-sample{display:flex!important;align-items:center;gap:12px;justify-content:flex-start!important;padding:12px 15px!important;background:#fff!important;color:#102b4b!important;border:1px solid #e2ddd5!important;border-radius:7px!important;text-align:left!important;cursor:pointer}.nps-btn-sample strong,.nps-btn-sample small{display:block;color:#102b4b!important}.nps-btn-sample small{font-size:11px;font-weight:400;margin-top:2px;color:#60738a!important}.nps-sample-arrow{margin-left:auto;font-size:20px}.nps-combo-order .nps-order-card{cursor:default!important}
.nps-notes{color:#40566c!important}.nps-secure-checkout{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border:1px solid #e3ded6;background:#fff;border-radius:7px;font-size:11px;color:#60738a}.nps-payment-brands{display:flex;align-items:center;gap:8px;color:#0d4f78}.nps-payment-brands strong{font-size:10px}

/* Key information - matching stone palette */
.single-product-header .nps-key-under-images .media-text-content{margin:14px 0 28px!important;min-height:0!important;border-radius:12px!important;overflow:hidden!important}
.single-product-header .nps-key-under-images .media-text{width:100%!important;padding:22px!important;background:#f6f2eb!important;color:#102b4b!important;border:1px solid #e5e0d8!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 4px 16px rgba(26,42,58,.06)!important}
.single-product-header .nps-key-under-images .media-text h2{color:#102b4b!important;font-size:28px!important;line-height:1.15!important;margin:0 0 14px!important;font-weight:700!important}
.single-product-header .nps-key-under-images .accordion-item{background:#fff!important;border:1px solid #e2ddd5!important;border-radius:6px!important;margin:0 0 7px!important;overflow:hidden!important}
.single-product-header .nps-key-under-images .accordion-header{color:#102b4b!important;padding:10px 14px!important;line-height:24px!important;font-weight:600!important}
.single-product-header .nps-key-under-images .accordion-content{color:#40566c!important;padding:0 14px 12px!important}

/* Lower page follows the same warmer neutral */
.single-product .tabbed-content-block{background:#fbfaf7!important}

@media(max-width:980px){.single-product-header>.container{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:20px 18px 0!important}.single-product-header .product-hero-media{order:0!important}.single-product-header .product-details{order:1!important;width:100%!important}.single-product-header .nps-key-under-images{order:2!important;width:100%!important}.product-details .product-title{font-size:30px!important}}
@media(max-width:640px){.nps-order-cards{grid-template-columns:1fr!important}.nps-order-card{min-height:0}.nps-calc{padding:12px!important}.product-details .product-title{font-size:27px!important}}