/* Readability, browsing and enquiry improvements from the September UX review. */
:root{--header-height:94px;--section-offset:170px}
html{scroll-padding-top:0}
.eyebrow,.home-hero-copy .eyebrow,.section-heading .eyebrow{font-size:12px}
.product-info .pricing small,.card-bottom .text-link,.compare-label,.detail-price small,.home-quick-nav a{font-size:14px}
.product-card .card-description{font-size:16px;line-height:1.55;min-height:74px}
.home-products .product-info .card-description,.home-new .product-info .card-description{font-size:16px;min-height:74px}
.card-bottom{gap:12px}.card-bottom .text-link{gap:8px}.compare-label input{width:18px;height:18px;flex-shrink:0}
.promo-badge small{font-size:12px}.promo-badge-title{letter-spacing:1px}.product-image .tag{max-width:calc(100% - 160px)}
.home-hero-note{font-size:14px}.hero-model-label>span:first-child{font-size:12px}
.home-category p{font-size:14px}.footer-top>div a{min-height:44px;display:flex;align-items:center}
.catalogue-intro{padding-top:32px;padding-bottom:0}.catalogue-intro .eyebrow{margin-bottom:14px}.catalogue-intro h1{font-size:48px}
.catalogue{padding-top:22px}.category-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;margin-bottom:18px;scrollbar-width:thin}.category-chip{flex-shrink:0;white-space:nowrap}
.catalogue-results{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;min-height:44px}.catalogue-results p{margin:0}.catalogue-results .text-button{font-size:14px}
.filters{margin-bottom:8px}.empty-results{padding:44px 24px;background:#eeede7;border:1px solid var(--line);border-radius:12px;text-align:center}.empty-results h2{font-size:28px;margin-bottom:12px}.empty-results p{max-width:420px;margin:0 auto 24px;color:var(--muted)}
.detail-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.detail-actions .text-link{font-size:14px}
.product-nav a[aria-current]{color:var(--red);box-shadow:inset 0 -2px var(--red)}
#overview,#packages,#why-this-model,#specifications,#product-questions,#package-quote{scroll-margin-top:var(--section-offset)}
.package-summary{position:static}.quote-savings{margin-top:0;margin-bottom:22px}.quote-savings p,.quote-savings small{font-size:14px}.quote-savings>strong{font-size:26px}
.offer-choice-copy .offer-saving{color:#294d32;font-size:14px;font-weight:600}.offer-choice-copy .offer-date,.eligibility-tag,.quote-validity,.quote-footnote,.package-disclaimer{font-size:14px}
.quote-total>small,.payment-stage>span,.payment-stage small{font-size:14px}.payment-stages{flex-wrap:wrap}.payment-stage{min-width:140px}.quote-total{grid-template-columns:1fr}.quote-total>strong{font-size:22px}
.gallery-controls button{width:44px;height:44px}.gallery-thumbs{touch-action:pan-y}
#whatsapp-dialog{max-width:620px;padding:28px;overscroll-behavior:contain}#whatsapp-dialog h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;align-self:center}
#whatsapp-dialog .dialog-heading{align-items:start;gap:8px}#whatsapp-dialog .icon-button{flex-shrink:0}
#whatsapp-model{background:#eeede7;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5;margin:18px 0 10px}
#whatsapp-form{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}#whatsapp-form>label:nth-of-type(n+3),#whatsapp-form>p,#whatsapp-form>.enquiry-actions,#whatsapp-form>.phone-hint{grid-column:1/-1}
#whatsapp-form label{margin-top:12px}#whatsapp-form textarea{min-height:140px}#whatsapp-form input[aria-invalid=true]{border:2px solid var(--red)}
#whatsapp-form select:disabled{opacity:1;background:#eeede7;color:#52564d;border-color:#c9cbbf}
#package-lock-note{font-size:14px;color:var(--muted);margin:8px 0 0}#package-lock-note a{color:var(--red);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:5px 0}
.enquiry-privacy{margin:16px 0 0;font-size:14px;line-height:1.6}.phone-hint{font-size:12px}#whatsapp-error:empty{display:none}#whatsapp-error{margin:10px 0!important}.enquiry-actions{margin-top:18px}
body:has(dialog[open]){overflow:hidden}dialog{scrollbar-gutter:stable}dialog a:focus-visible{outline-offset:2px}
.mobile-package-price{display:none}
@media(min-width:701px) and (max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-products .product-grid,.home-new .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-products .product-info,.home-new .product-info{padding:16px}.home-products .product-info h3,.home-new .product-info h3{font-size:21px}.card-bottom{flex-wrap:wrap}}
@media(max-width:750px){.home-hero-copy{padding-top:30px;padding-bottom:28px}.home-hero h1{font-size:clamp(42px,12.5vw,54px);margin-bottom:20px}.home-hero-copy .eyebrow{margin-bottom:14px}.home-hero-copy>p:not(.eyebrow){margin-bottom:18px}.home-hero-note{margin-top:20px}.home-hero-visual{min-height:300px}.home-products{padding-top:38px}.home-quick-nav a{padding:16px 20px}.home-products .product-grid,.home-new .product-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:16px;padding:3px 0 16px;scrollbar-width:thin}.home-products .product-card,.home-new .product-card{flex:0 0 88%;scroll-snap-align:start}.home-products .product-image,.home-new .product-image{height:230px}.home-products .product-info,.home-new .product-info{padding:20px}.home-products .product-info h3,.home-new .product-info h3{font-size:23px}.home-products .card-bottom,.home-new .card-bottom{flex-wrap:wrap}}
@media(max-width:700px){:root{--header-height:78px;--section-offset:145px}.announcement{font-size:12px}.catalogue-intro{padding:25px 24px 0}.catalogue-intro h1{font-size:36px;margin-bottom:12px}.catalogue-intro p{margin-bottom:0}.catalogue-intro .eyebrow{margin-bottom:12px}.catalogue{padding-top:20px}.category-chips{margin-bottom:14px}.expanded-filters label:nth-child(4){grid-column:auto}.expanded-filters{gap:10px}.filters label{font-size:14px}.filters input,.filters select{padding:10px 12px}.catalogue-results{margin-bottom:14px}.product-image{height:255px}.product-info h3{font-size:25px}.product-card .card-description{min-height:0}.card-bottom{flex-wrap:wrap}
.product-detail{gap:20px}.detail-copy{display:contents}.detail-heading{order:-1}.detail-heading h1{font-size:32px;margin-bottom:0}.detail-heading .eyebrow{margin:0 0 12px;font-size:12px}.detail-heading .availability-note{margin:14px 0 0}.detail-body{min-width:0}.detail-body .intro{font-size:16px;max-width:none}.detail-actions{gap:12px}.detail-actions .button{width:100%}.detail-actions .text-link{justify-content:center;width:100%}.detail-price{padding-top:10px}.breadcrumb{font-size:12px;padding-top:18px;padding-bottom:18px}.gallery-slide img{height:260px}.gallery-slide figcaption{min-height:0}.product-nav{gap:20px;scrollbar-width:thin}
.package-summary{padding:21px}.quote-product{padding-bottom:18px}.quote-main{padding:18px 0}.offer-choice .choice-surface{padding-left:35px;padding-right:12px;gap:8px}.offer-choice .choice-surface:before{left:12px}.offer-choice-price{font-size:21px}.quote-savings{grid-template-columns:1fr}.quote-savings>strong{font-size:30px}.quote-savings p{font-size:14px}.quote-cta{font-size:14px}
.mobile-cta.has-package{display:flex;align-items:center;gap:12px;padding:10px 16px max(10px,env(safe-area-inset-bottom))}.mobile-package-price{display:block;min-width:0;flex:1}.mobile-package-price strong{font-size:20px;line-height:1.3;color:var(--red);display:block}.mobile-package-price strong span{font-size:14px;font-weight:400}.mobile-package-price small{display:block;font-size:12px;line-height:1.35;margin-top:3px}.mobile-cta.has-package .button{width:auto;flex-shrink:0;min-height:46px;padding:10px 18px;font-size:14px}.compare-bar{bottom:100px}.compare-bar .button,.compare-bar .text-button{font-size:12px}
#whatsapp-dialog{padding:20px;width:calc(100% - 24px);max-height:90dvh;border-radius:14px}#whatsapp-dialog h2{font-size:24px}#whatsapp-model{margin-top:14px;margin-bottom:6px}#whatsapp-form{display:block}#whatsapp-form label{margin-top:12px}#whatsapp-form textarea{min-height:120px}.enquiry-actions .button{font-size:14px}.enquiry-privacy{font-size:14px}.home-category h3{font-size:18px}.home-category-copy{padding:14px}.home-category p{font-size:14px}.home-category-image{height:145px}}
@media(max-width:360px){.home-category-grid{grid-template-columns:1fr}.mobile-package-price strong{font-size:18px}.mobile-cta.has-package .button{padding:10px 13px}.term-choice-grid .choice-surface{padding:13px 10px}.offer-choice .choice-surface{flex-wrap:wrap}.offer-choice-price{text-align:left;margin-left:0}.home-products .product-card,.home-new .product-card{flex-basis:95%}}
@media(prefers-reduced-motion:reduce){.home-products .product-grid,.home-new .product-grid{scroll-snap-type:none}}
/* Keep clipped comparison labels inside their scrollable product cards. */
.compare-label{position:relative}

/* WhatsApp actions and the two-row mobile product footer. */
.whatsapp-icon{width:22px;height:22px;flex:0 0 22px}
.button.whatsapp-button{background:#25d366;border-color:#25d366;color:#073b23;gap:10px}
.button.whatsapp-button:hover{background:#20bd5a;border-color:#20bd5a}
.button.whatsapp-button:focus-visible{outline:3px solid #075e54;outline-offset:3px}
.button.whatsapp-button:disabled{opacity:.65;cursor:wait;transform:none}
@media(max-width:700px){
 body:has(.product-mobile-cta){padding-bottom:calc(156px + env(safe-area-inset-bottom));scroll-padding-bottom:156px}
 .mobile-cta.product-mobile-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 16px max(10px,env(safe-area-inset-bottom))}
 .product-mobile-cta .mobile-package-price{display:block;min-width:0}
 .mobile-cta.product-mobile-cta .mobile-review{width:auto;min-height:44px;padding:10px 18px;font-size:14px}
 .mobile-cta.product-mobile-cta .mobile-subscribe{grid-column:1/-1;width:100%;min-height:48px;font-size:15px;padding:11px 16px}
 body:has(.product-mobile-cta) .compare-bar{bottom:calc(150px + env(safe-area-inset-bottom))}
}

/* Recommended offers and Malaysia-time September countdown. */
.package-heading{margin-bottom:26px}.package-recommendation{display:inline-flex;align-items:center;gap:7px;color:#b00035;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.35px;animation:recommendation-pulse 2.4s ease-in-out infinite;margin-bottom:5px}.recommendation-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.recommendation-reason{color:#9e163b!important;font-weight:600}.recommended-package{border-color:#c55174;background:#fff8fa}.offer-choice .choice-surface.has-countdown{display:grid;grid-template-columns:minmax(0,1fr) auto}.promotion-countdown{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:9px;background:#fff0f3;border:1px solid #f1cbd5;grid-column:1/-1;color:#a50034;margin-top:5px}.countdown-heading{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4}.countdown-digits{display:flex;gap:8px}.countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:46px;padding:7px 9px;border-radius:6px;background:#fff;border:1px solid #eed7de}.countdown-unit>b{font-size:23px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:.5px}.countdown-unit>small{font-size:9px;line-height:1.3;font-weight:600;color:#79505e;letter-spacing:.7px;margin-top:5px}.promotion-countdown>small{font-size:11px;color:#775861;line-height:1.4}.summary-countdown{margin:0 0 18px}.summary-countdown .countdown-unit{flex:1}.package-summary:has(.summary-countdown)>.quote-validity{display:none}@keyframes recommendation-pulse{0%,100%{opacity:1}50%{opacity:.62}}@media(prefers-reduced-motion:reduce){.package-recommendation{animation:none}}@media(max-width:700px){.package-recommendation{font-size:11px;letter-spacing:0;gap:5px}.recommendation-reason{font-size:12px!important}.promotion-countdown{padding:12px;gap:9px}.countdown-digits{gap:6px}.countdown-unit{min-width:43px;padding:7px}.countdown-unit>b{font-size:22px}.offer-choice .choice-surface.has-countdown{column-gap:8px}.has-countdown .promotion-countdown{margin-left:-22px}.package-heading h2{font-size:32px}}


.offer-total{font-weight:600;color:#44483e!important}
