/*
 * Page styles for "sungai-petani", extracted verbatim from 16-sungai-petani.html (design update 2026-10-04; first handoff 2026-09-21).
 * Blocks are kept in their original cascade order — do not reorder or dedupe until
 * visual parity has been re-verified (handoff §21 step 9, §22).
 * Served as-is from /public so no build step rewrites it (see components/layout/PageStylesheet.tsx).
 * Not included: unified-theme.css?ver=20260915 (not supplied in the handoff; the reference renders without it).
 */

/* ==== style block 1 ==== */
/* =========================================================
   MASTER EDIT AREA — VISUAL / UI
   常用视觉修改都在 :root。
   --primary      主按钮 / 深蓝色
   --accent       香槟点缀色
   --bg           网站背景色
   --radius-*     圆角大小
   --container    网站最大宽度
   ========================================================= */
:root{
      --bg:#f6f7f5;
      --surface:#ffffff;
      --surface-soft:#eef2f3;
      --text:#1f272d;
      --muted:#6b747b;
      --line:#e3e7e8;
      --primary:#2f4858;
      --primary-deep:#223846;
      --accent:#a99378;
      --accent-soft:#eee6dc;
      --success:#2f6b55;
      --shadow:0 18px 50px rgba(28,44,52,.09);
      --radius-xl:22px;
      --radius-lg:16px;
      --radius-md:12px;
      --radius-sm:10px;
      --container:min(1220px, calc(100% - 40px));
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Manrope","Noto Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:var(--bg);
      line-height:1.6;
      -webkit-font-smoothing:antialiased;
    }
    body.modal-open{overflow:hidden}
    img{display:block;width:100%;height:100%;object-fit:cover}
    a{text-decoration:none;color:inherit}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:var(--container);margin:0 auto}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--accent);font-size:12px;font-weight:800;
      letter-spacing:.14em;text-transform:uppercase;
    }
    .eyebrow::before{content:"";width:26px;height:1px;background:currentColor}
    h1,h2,h3,p{margin-top:0}
    h1,h2{letter-spacing:-.035em}
    h1{font-size:clamp(44px,6.2vw,82px);line-height:1.05;margin-bottom:22px;font-weight:700}
    h2{font-size:clamp(32px,4vw,54px);line-height:1.12;margin-bottom:16px}
    .serif{font-family:"Noto Serif SC",serif;font-weight:600}
    .lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:680px}
    .muted{color:var(--muted)}
    .section{padding:82px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
    .section-head .copy{max-width:720px}
    .section-head p{margin-bottom:0;color:var(--muted)}

    /* Header */
    .site-header{
      position:sticky;top:0;z-index:50;
      backdrop-filter:blur(18px);
      background:rgba(246,247,245,.82);
      border-bottom:1px solid rgba(227,231,232,.85);
    }
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:12px;min-width:max-content}
    .brand-mark{
      width:40px;height:40px;border-radius:14px;
      background:linear-gradient(145deg,var(--primary),#547084);
      color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;
      box-shadow:0 8px 24px rgba(47,72,88,.18)
    }
    .brand strong{display:block;font-size:15px;line-height:1.2}
    .brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-top:3px}
    .nav-links{display:flex;align-items:center;gap:28px;color:#4f5a61;font-size:14px;font-weight:600}
    .nav-links a:hover{color:var(--primary)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .menu-btn{display:none;border:0;background:transparent;padding:10px}
    .menu-btn span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0;border-radius:5px}

    /* Buttons */
    .btn{
      border:0;border-radius:14px;min-height:48px;padding:0 20px;
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      font-weight:800;font-size:14px;transition:.22s ease;
    }
    .btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 26px rgba(47,72,88,.16)}
    .btn-primary:hover{transform:translateY(-2px);background:var(--primary-deep)}
    .btn-secondary{background:var(--surface);color:var(--primary);border:1px solid var(--line)}
    .btn-secondary:hover{transform:translateY(-2px);border-color:#cbd3d6}
    .btn-ghost{background:transparent;color:var(--primary);padding-inline:12px}

    /* Hero */
    .hero{padding:58px 0 46px}
    .hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}
    .hero-copy{padding:36px 0}
    .hero-copy .lead{margin-bottom:30px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-notes{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
    .hero-note strong{font-size:21px;display:block}
    .hero-note span{font-size:12px;color:var(--muted)}
    .hero-visual{position:relative;min-height:610px}
    .hero-main{
      height:530px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);
      background:linear-gradient(145deg,#dce3e5,#becbd0);
      position:absolute;inset:0 52px 80px 0;
    }
    .hero-main::after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(to top,rgba(18,34,43,.35),transparent 42%);
    }
    .hero-main img{position:relative}
    .hero-caption{position:absolute;z-index:2;left:30px;bottom:28px;color:#fff}
    .hero-caption small{display:block;opacity:.82;margin-bottom:4px}
    .hero-caption strong{font-size:24px}
    .hero-floating{
      position:absolute;right:0;bottom:18px;width:210px;padding:20px;border-radius:22px;
      background:rgba(255,255,255,.93);backdrop-filter:blur(18px);box-shadow:var(--shadow);z-index:3
    }
    .hero-floating small{color:var(--muted);display:block;margin-bottom:7px}
    .hero-floating strong{font-size:22px;line-height:1.25;display:block}
    .hero-floating span{display:block;color:var(--muted);font-size:12px;margin-top:7px}

    /* Services showcase */
    .services-showcase{padding:34px 0 8px;background:linear-gradient(180deg,#fafaf8,rgba(250,250,248,0));}
    .services-head{text-align:center;margin-bottom:20px}
    .services-ornament{width:220px;height:18px;margin:0 auto 16px;position:relative}
    .services-ornament::before,.services-ornament::after{
      content:"";position:absolute;top:8px;width:58px;height:1px;background:#d6c2a2;
    }
    .services-ornament::before{left:52px}
    .services-ornament::after{right:52px}
    .services-ornament{background:radial-gradient(circle at center,#d6c2a2 0 2px,transparent 3px), radial-gradient(circle at 38% 50%,#d6c2a2 0 1.5px,transparent 2px), radial-gradient(circle at 62% 50%,#d6c2a2 0 1.5px,transparent 2px)}
    .services-head h2{font-size:50px;line-height:1.05;margin-bottom:8px}
    .services-head p{font-size:16px;color:var(--muted);margin:0}

    .services-row{display:grid;grid-template-columns:1fr 1fr 1.12fr 1fr 1fr;gap:16px;align-items:stretch}
    .service-card{
      border:1px solid var(--line);background:#fff;border-radius:18px;
      padding:24px 18px 20px;min-height:238px;
      display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
      box-shadow:0 10px 28px rgba(30,45,62,.05);transition:.22s ease;position:relative;
    }
    .service-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,45,62,.09)}
    .service-small{min-height:238px}
    .service-featured{order:3}
    .service-columbarium{order:1}
    .service-burial{order:2}
    .service-tablet{order:4}
    .service-seed{order:5}
    .service-featured{min-height:276px;border-color:#d4c09d;box-shadow:0 14px 34px rgba(30,45,62,.07);background:linear-gradient(180deg,#fff,#fdfcf8);}
    .service-icon{
      width:74px;height:74px;border-radius:999px;background:#f4f5f7;color:var(--primary);
      display:grid;place-items:center;font-size:30px;font-weight:700;margin-bottom:16px;
      font-family:'Noto Serif SC',serif;
    }
    .service-icon-featured{width:88px;height:88px;background:#f8f4ec;font-size:36px}
    .service-card h3{font-size:18px;line-height:1.24;margin:0 0 8px}
    .service-card span{font-size:12px;color:var(--muted);display:block}
    .service-featured h3{font-size:22px;margin-bottom:10px}
    .service-featured span{font-size:14px}
    .service-line{width:52px;height:1px;background:#d8c6ab;margin-top:16px;display:block}
    .service-line-featured{width:80px;position:relative}
    .service-line-featured::before{content:"";position:absolute;left:50%;top:-2px;transform:translateX(-50%) rotate(45deg);width:6px;height:6px;background:#d8c6ab}
    .services-dots{display:none}


    .services-showcase + .section{padding-top:52px}

    /* Locations */
    .location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
    .location-card{
      min-height:360px;border-radius:var(--radius-xl);overflow:hidden;position:relative;
      background:#cad3d7;box-shadow:0 12px 35px rgba(27,43,53,.07)
    }
    .location-card::after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(to top,rgba(15,28,36,.72),rgba(15,28,36,.06) 60%);
    }
    .location-card img{transition:transform .65s ease}
    .location-card:hover img{transform:scale(1.035)}
    .location-content{position:absolute;z-index:2;inset:auto 28px 26px;color:#fff}
    .location-content .tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:8px}
    .location-content h3{font-size:28px;line-height:1.15;margin-bottom:8px}
    .location-content h3 .zh,.location-content h3 .en{display:block}
    .location-content h3 .en{font-size:.95em; font-weight:800}

    .location-content p{margin:0 0 16px;opacity:.82;font-size:14px}
    .location-content .link{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px}

    /* Products */
    .products-section{background:var(--surface)}
    .filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}
    .filter-btn{
      border:1px solid var(--line);background:#fff;color:#5d686f;
      border-radius:999px;padding:10px 16px;font-weight:700;font-size:13px;transition:.2s
    }
    .filter-btn:hover,.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
    .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .product-card{
      border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;
      display:flex;flex-direction:column;transition:.25s ease
    }
    .product-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(27,43,53,.08)}
    .product-image{height:214px;background:linear-gradient(145deg,#dfe5e6,#c7d1d4);overflow:hidden;position:relative}
    .product-image img{transition:transform .5s ease}
    .product-card:hover .product-image img{transform:scale(1.025)}
    .product-badge{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);font-size:11px;font-weight:800;color:var(--primary);backdrop-filter:blur(10px)}
    .product-body{padding:20px;display:flex;flex-direction:column;flex:1}
    .product-loc{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
    .product-body h3{font-size:21px;line-height:1.24;margin:7px 0 5px}
    .product-subtitle{font-size:12px;color:var(--muted);margin-bottom:18px}
    .price-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
    .price{font-size:28px;font-weight:800;letter-spacing:-.04em;margin-top:2px}
    .price small{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:0}
    .promo{margin:13px 0;background:var(--accent-soft);color:#6b5c49;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800}
    .meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
    .meta span{font-size:11px;color:#56636a;background:#f4f6f6;border-radius:999px;padding:7px 9px}
    .highlights{font-size:12px;color:var(--muted);margin:0 0 18px;padding-left:17px}
    .highlights li{margin:4px 0}
    .product-actions{display:flex;gap:9px;margin-top:auto}
    .product-actions .btn{min-height:42px;padding:0 14px;font-size:12px;flex:1}
    .empty-state{grid-column:1/-1;text-align:center;padding:55px;color:var(--muted);background:#f8f9f8;border-radius:var(--radius-lg)}

    /* Promo */
    .promo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
    .promo-feature{background:var(--primary);color:#fff;border-radius:var(--radius-xl);padding:42px;position:relative;overflow:hidden;min-height:400px}
    .promo-feature::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.06);right:-110px;top:-120px}
    .promo-feature::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.12);right:45px;bottom:-110px}
    .promo-feature .eyebrow{color:#d9c5aa}
    .promo-feature h2{font-size:44px;max-width:520px;margin-top:20px}
    .promo-feature p{max-width:590px;color:rgba(255,255,255,.72)}
    .promo-list{display:grid;gap:14px}
    .promo-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}
    .promo-item small{color:var(--muted);display:block}
    .promo-item strong{font-size:17px;display:block;margin:3px 0}
    .promo-item b{color:var(--accent);font-size:13px}

    /* Process */
    .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .process-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
    .step{width:40px;height:40px;border-radius:14px;background:var(--surface-soft);color:var(--primary);display:grid;place-items:center;font-weight:800;margin-bottom:20px}
    .process-card h3{margin-bottom:8px;font-size:18px}
    .process-card p{margin:0;color:var(--muted);font-size:13px}

    /* Contact team */
    .contact-team{padding:0 0 98px}
    .advisor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .advisor-card{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 18px 40px rgba(28,42,52,.06)}
    .advisor-card-editorial{position:relative}
    .advisor-visual{position:relative;min-height:470px;background:linear-gradient(180deg,#f6f7f7 0%,#eceff1 100%);overflow:hidden}
    .advisor-visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(25,38,48,.07) 1px, transparent 1px);background-size:14px 14px;opacity:.55;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,.24));-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,.24))}
    .advisor-visual-alt{background:linear-gradient(180deg,#f8f7f2 0%,#f0ebe3 100%)}
    .editorial-stage{display:block}
    .advisor-side-note{position:absolute;right:22px;top:28px;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;letter-spacing:.28em;color:#d24747;font-weight:700;z-index:5}
    .advisor-cutout{position:absolute;left:0;bottom:0;width:64%;height:86%;background:linear-gradient(180deg,#738aa0 0%,#4f677a 100%);display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,83% 100%,0 100%);z-index:2;box-shadow:0 18px 44px rgba(19,35,46,.12)}
    .advisor-cutout-a{left:0}
    .advisor-cutout-b{left:4%;background:linear-gradient(180deg,#a0adb7 0%,#737f89 100%)}
    .advisor-cutout span{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.84);font-size:12px;font-weight:700;color:var(--primary);letter-spacing:.06em;position:relative;top:-10px}
    .advisor-angle{position:absolute;right:0;bottom:0;width:52%;height:34%;background:#fff;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:3;box-shadow:-10px -10px 30px rgba(20,32,40,.04)}
    .advisor-overlay{position:absolute;right:22px;bottom:18px;width:min(42%,220px);z-index:4;text-align:left}
    .advisor-meta{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:#7d8388;margin-bottom:6px}
    .advisor-overlay h3{margin:0 0 6px;font-size:28px;line-height:1.03;color:var(--text)}
    .advisor-overlay p{margin:0 0 8px;color:#4e5961;font-size:14px;font-weight:600}
    .advisor-phone{display:inline-block;font-size:17px;font-weight:800;color:var(--primary)}

    /* Footer */
    footer{background:#202c33;color:#fff;padding:58px 0 30px}
    .footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px}
    footer .brand span{color:rgba(255,255,255,.48)}
    footer p,footer a{color:rgba(255,255,255,.62);font-size:13px}
    footer h4{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
    .footer-links{display:grid;gap:8px}
    .footer-note{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:38px;color:rgba(255,255,255,.42);font-size:11px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

    /* Modal */
    .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(18,28,34,.52);backdrop-filter:blur(8px);z-index:100}
    .modal.show{display:flex}
    .modal-card{width:min(600px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
    .modal-head{padding:25px 26px 18px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
    .modal-head h3{margin:0;font-size:24px}
    .close-btn{border:0;background:#f2f4f4;width:38px;height:38px;border-radius:12px;font-size:20px;color:#4b565d}
    .modal-body{padding:24px 26px 28px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .field{display:grid;gap:7px}
    .field.full{grid-column:1/-1}
    .field label{font-size:12px;color:#5c676e;font-weight:700}
    .field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 13px;background:#fff;outline:none;color:var(--text)}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:#9aabb4;box-shadow:0 0 0 3px rgba(47,72,88,.08)}
    .field textarea{min-height:90px;resize:vertical}
    .form-actions{display:flex;gap:10px;margin-top:18px}
    .form-actions .btn{flex:1}
    .form-note{font-size:11px;color:var(--muted);margin:12px 0 0}
    .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#1f2e36;color:#fff;padding:12px 16px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:150;box-shadow:var(--shadow)}
    .toast.show{opacity:1;transform:translate(-50%,0)}
    .mobile-inquiry{display:none}

    @media (max-width: 1020px){
      .nav-links{display:none}
      .menu-btn{display:block}
      .hero-grid{grid-template-columns:1fr}
      .hero-visual{min-height:520px}
      .hero-main{height:460px}
      .category-inner{grid-template-columns:repeat(3,1fr)}
      .category-item:nth-child(3){border-right:0}
      .category-item{border-bottom:1px solid var(--line)}
      .product-grid{grid-template-columns:repeat(2,1fr)}
      .promo-grid{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1.2fr 1fr}
    }
    @media (max-width: 720px){
      :root{--container:min(100% - 28px,1220px);--radius-xl:18px;--radius-lg:14px}
      .section{padding:72px 0}
      .nav{height:68px}
      .nav-actions .btn{display:none}
      .hero{padding-top:28px}
      .hero-copy{padding:20px 0 8px}
      h1{font-size:45px}
      .hero-visual{min-height:440px}
      .hero-main{height:390px;inset:0 24px 52px 0}
      .hero-floating{width:185px;padding:16px}
      .hero-caption{left:22px;bottom:22px}
      .hero-caption strong{font-size:20px}
      .category-inner{grid-template-columns:1fr 1fr}
      .category-item:nth-child(3){border-right:1px solid var(--line)}
      .category-item:nth-child(even){border-right:0}
      .location-grid,.product-grid,.process-grid{grid-template-columns:1fr}
      .location-card{min-height:310px}
      .section-head{display:block;margin-bottom:30px}
      .section-head .btn{margin-top:18px}
      .product-grid{gap:16px}
      .product-image{height:220px}
      .promo-feature{padding:30px;min-height:360px}
      .promo-feature h2{font-size:36px}
      .promo-item{align-items:flex-start}
      .advisor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
      .advisor-visual{min-height:290px}
      .advisor-side-note{right:10px;top:14px;font-size:8px;letter-spacing:.18em}
      .advisor-cutout{width:68%;height:80%}
      .advisor-cutout span{font-size:10px;padding:6px 10px}
      .advisor-angle{width:54%;height:30%}
      .advisor-overlay{right:12px;bottom:12px;width:48%}
      .advisor-meta{font-size:8px;margin-bottom:4px}
      .advisor-overlay h3{font-size:18px;margin-bottom:4px}
      .advisor-overlay p{font-size:11px;margin-bottom:6px}
      .advisor-phone{font-size:11px;line-height:1.35;word-break:break-word}
      .footer-grid{grid-template-columns:1fr}
      .form-grid{grid-template-columns:1fr}
      .field.full{grid-column:auto}
      .mobile-inquiry{display:block;position:fixed;z-index:45;left:14px;right:14px;bottom:14px}
      .mobile-inquiry .btn{width:100%;box-shadow:0 13px 35px rgba(24,39,48,.28)}
      body{padding-bottom:72px}
    }

/* =========================================================
   MOBILE-FIRST REFINEMENT · v1.2
   Keeps desktop layout unchanged while making phone UX feel
   intentionally designed rather than simply compressed.
   ========================================================= */

html{scroll-padding-top:92px}
body{overflow-x:hidden}

@media (max-width:720px){
  html{scroll-padding-top:76px}
  .container{width:var(--container)}

  /* Header / mobile navigation */
  .site-header{background:rgba(246,247,245,.94);backdrop-filter:blur(14px)}
  .nav{height:64px;gap:12px}
  .brand{gap:9px;min-width:0}
  .brand-mark{width:36px;height:36px;border-radius:12px;flex:0 0 auto}
  .brand strong{font-size:13px;white-space:nowrap}
  .brand span{font-size:8px;letter-spacing:.09em;white-space:nowrap}
  .menu-btn{display:block;padding:8px;margin-right:-5px;min-width:42px;min-height:42px}
  .nav-links.mobile-open{
    display:flex !important;position:fixed !important;top:72px !important;left:14px !important;right:14px !important;
    padding:12px !important;border:1px solid var(--line) !important;border-radius:20px !important;
    background:rgba(255,255,255,.98) !important;box-shadow:0 20px 60px rgba(24,39,48,.16) !important;
    flex-direction:column !important;align-items:stretch !important;gap:4px !important;
  }
  .nav-links.mobile-open a{padding:13px 12px;border-radius:12px;font-size:15px}
  .nav-links.mobile-open a:active{background:#f1f3f2}

  /* Hero */
  .hero{padding:24px 0 30px}
  .hero-grid{gap:22px}
  .hero-copy{padding:10px 0 0}
  .hero-copy .eyebrow{margin-bottom:10px}
  h1{font-size:clamp(36px,11vw,45px);line-height:1.03;letter-spacing:-.045em;margin-bottom:18px}
  .lead{font-size:15.5px;line-height:1.75}
  .hero-copy .lead{margin-bottom:22px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-actions .btn{width:100%;padding-inline:12px;min-height:50px}
  .hero-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;padding-top:20px}
  .hero-note{min-width:0}
  .hero-note strong{font-size:17px;white-space:nowrap}
  .hero-note span{font-size:10px;line-height:1.35;display:block;margin-top:3px}
  .hero-visual{min-height:330px}
  .hero-main{height:310px;inset:0 0 20px 0;border-radius:22px}
  .hero-caption{left:18px;bottom:18px;right:18px}
  .hero-caption strong{font-size:18px;line-height:1.2;display:block}
  .hero-floating{display:none}

  /* Services showcase */
  .services-showcase{padding:24px 0 4px}
  .services-head{margin-bottom:14px}
  .services-ornament{width:170px;margin-bottom:12px}
  .services-ornament::before{left:32px;width:46px}
  .services-ornament::after{right:32px;width:46px}
  .services-head h2{font-size:32px;margin-bottom:6px}
  .services-head p{font-size:14px}
  .services-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 0 8px;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .services-row::-webkit-scrollbar{display:none}
  .service-card{flex:0 0 190px;min-height:205px;padding:18px 14px 16px;border-radius:16px;scroll-snap-align:center;transform:scale(.94);opacity:.82;transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease}
  .service-small{min-height:205px}
  .service-featured{order:0;flex-basis:220px;min-height:230px}
  .service-icon{width:58px;height:58px;font-size:24px;margin-bottom:12px}
  .service-icon-featured{width:68px;height:68px;font-size:28px}
  .service-card h3{font-size:16px;margin-bottom:6px}
  .service-card span{font-size:11px}
  .service-featured h3{font-size:18px}
  .service-featured span{font-size:12px}
  .service-line{margin-top:12px}
  .service-card.active{transform:scale(1);opacity:1;box-shadow:0 16px 34px rgba(30,45,62,.12)}
  .service-featured.active{transform:scale(1.04)}
  .services-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}
  .services-dot{width:8px;height:8px;border-radius:999px;background:#d9dde3;border:0;padding:0;transition:.22s ease;cursor:pointer}
  .services-dot.active{width:24px;background:#314b5c}

  /* Sections */
  .services-showcase + .section{padding-top:34px}
  .section{padding:46px 0}
  .section-head{margin-bottom:24px}
  .section-head h2{font-size:clamp(30px,9vw,38px);line-height:1.1}
  .section-head p{font-size:14px;line-height:1.7}
  .location-grid{gap:12px}
  .location-card{min-height:168px;border-radius:18px}
  .location-content{inset:auto 18px 16px;color:#fff}
  .location-content .tag{font-size:10px;margin-bottom:6px}
  .location-content h3{font-size:20px;margin-bottom:6px}
  .location-content p{font-size:12px;margin:0 0 10px}
  .location-content .link{font-size:12px}

  /* Filters become horizontal scrollers instead of wrapping tall */
  .filter-bar{
    flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;
    margin-left:-14px;margin-right:-14px;padding:2px 14px 8px;gap:8px
  }
  .filter-bar::-webkit-scrollbar{display:none}
  .filter-btn{flex:0 0 auto;min-height:42px;white-space:nowrap;padding-inline:16px}
  #categoryFilters{margin-top:-8px !important;margin-bottom:22px !important}

  /* Products */
  .product-grid{gap:14px}
  .product-card{border-radius:20px;overflow:hidden}
  .product-image{height:210px}
  .product-body{padding:19px}
  .product-body h3{font-size:23px;margin-bottom:2px}
  .price{font-size:28px}
  .promo{padding:10px 12px;border-radius:12px;font-size:12px}
  .meta{gap:6px;flex-wrap:wrap}
  .meta span{font-size:10px}
  .highlights{margin-bottom:18px}
  .product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .product-actions .btn{width:100%;padding-inline:10px}

  /* Promotions */
  .promo-feature{padding:26px 22px;min-height:auto;border-radius:22px}
  .promo-feature h2{font-size:31px;line-height:1.1}
  .promo-list{gap:10px}
  .promo-item{padding:18px;border-radius:18px;display:grid;grid-template-columns:1fr auto;gap:12px}
  .promo-item strong{font-size:20px}
  .promo-item .btn{align-self:center;min-height:42px;padding-inline:10px}

  /* Process / CTA / footer */
  .process-grid{gap:12px}
  .process-card{padding:22px;border-radius:18px}
  .cta{padding:10px 0 58px}
  .cta-panel{padding:28px 22px;border-radius:22px}
  .cta-panel h2{font-size:31px;line-height:1.12}
  footer{padding-bottom:34px}
  .footer-grid{gap:28px}
  .footer-note{gap:10px;flex-direction:column;align-items:flex-start}

  /* Inquiry modal becomes a thumb-friendly bottom sheet */
  .modal{align-items:flex-end;padding:0}
  .modal-card{
    width:100%;max-height:min(88dvh,760px);border-radius:26px 26px 0 0;
    box-shadow:0 -18px 60px rgba(0,0,0,.18)
  }
  .modal-head{padding:18px 18px 14px;position:sticky;top:0;background:#fff;z-index:2;border-radius:26px 26px 0 0}
  .modal-head h3{font-size:21px}
  .close-btn{width:40px;height:40px;flex:0 0 auto}
  .modal-body{padding:17px 18px calc(20px + env(safe-area-inset-bottom))}
  .field input,.field select,.field textarea{font-size:16px;min-height:48px;border-radius:13px}
  .field textarea{min-height:84px}
  .form-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;position:sticky;bottom:0;background:#fff;padding-top:12px}
  .form-actions .btn{padding-inline:10px}

  /* Persistent mobile conversion bar */
  .mobile-inquiry{
    display:block;position:fixed;z-index:45;left:12px;right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom));
  }
  .mobile-inquiry .btn{width:100%;min-height:52px;border-radius:16px;box-shadow:0 13px 35px rgba(24,39,48,.28)}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(78px + env(safe-area-inset-bottom));white-space:nowrap;max-width:calc(100vw - 28px)}
}

@media (max-width:420px){
  :root{--container:min(100% - 24px,1220px)}
  .brand span{display:none}
  h1{font-size:37px}
  .hero-actions{grid-template-columns:1fr}
  .hero-actions .btn-secondary{display:none}
  .hero-notes{gap:5px}
  .hero-note strong{font-size:15px}
  .hero-note span{font-size:9px}
  .hero-visual{min-height:286px}
  .hero-main{height:270px}
  .product-image{height:190px}
  .promo-item{grid-template-columns:1fr}
  .promo-item .btn{justify-self:start}
  .form-actions{grid-template-columns:1fr}
}


/* =========================================================
   HEADER + HERO REFINEMENT · v1.2.2
   Based on v1.2.1 visual language.
   ========================================================= */
.nav{justify-content:space-between}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:24px}
.nav-links{gap:22px}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{
  border:0;background:transparent;color:#4f5a61;font-size:14px;font-weight:600;
  padding:26px 0;display:flex;align-items:center;gap:5px
}
.nav-dropdown-toggle span{font-size:13px;color:#8a949a;transition:.2s}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle{color:var(--primary)}
.nav-dropdown:hover .nav-dropdown-toggle span,.nav-dropdown:focus-within .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown-menu{
  position:absolute;top:62px;left:50%;transform:translate(-50%,8px);min-width:235px;
  padding:9px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:17px;
  box-shadow:0 18px 46px rgba(28,44,52,.13);opacity:0;visibility:hidden;pointer-events:none;
  transition:.2s ease;backdrop-filter:blur(18px)
}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
}
.nav-dropdown-menu a,.nav-dropdown-menu button{
  width:100%;border:0;background:transparent;border-radius:11px;padding:11px 12px;text-align:left;
  color:var(--text);font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:16px
}
.nav-dropdown-menu a:hover,.nav-dropdown-menu button:hover{background:#f4f6f5;color:var(--primary)}
.nav-dropdown-menu small{color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap}

.hero-cover{
  position:relative;padding:0;min-height:720px;display:flex;align-items:stretch;overflow:hidden;background:#d9dedb
}
.hero-bg{
  position:absolute;inset:0;background-image:url('https://nirvana-asia-pg.com/wp-content/uploads/2021/07/New_Columbarium-2-1-1024x682.jpg');
  background-size:cover;background-position:center 46%;transform:scale(1.015)
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(246,247,245,.98) 0%,rgba(246,247,245,.94) 28%,rgba(246,247,245,.67) 49%,rgba(246,247,245,.16) 73%,rgba(20,31,37,.13) 100%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(20,31,37,.12));
}
.hero-cover-inner{position:relative;z-index:2;min-height:720px;display:flex;align-items:center}
.hero-cover-copy{width:min(620px,54%);padding:86px 0 78px}
.hero-cover-copy h1{margin:8px 0 18px;font-size:clamp(58px,6.2vw,92px)}
.hero-keywords{display:flex;align-items:center;gap:10px;color:#40515a;font-size:15px;font-weight:800;letter-spacing:.12em;margin-bottom:18px}
.hero-keywords i{font-style:normal;color:var(--accent);font-weight:500}
.hero-cover-copy .lead{max-width:600px;color:#58666d;margin-bottom:30px;font-size:18px}
.hero-cover .hero-secondary{background:rgba(255,255,255,.82);backdrop-filter:blur(9px);border-color:rgba(255,255,255,.8)}
.hero-stats{
  width:min(600px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;padding-top:24px;
  border-top:1px solid rgba(87,103,111,.20)
}
.hero-stats .hero-note{text-align:center;padding:0 14px;border-right:1px solid rgba(87,103,111,.16)}
.hero-stats .hero-note:first-child{padding-left:0}
.hero-stats .hero-note:last-child{border-right:0;padding-right:0}
.hero-stats .hero-note strong{font-size:22px;line-height:1.2;margin-bottom:7px}
.hero-stats .hero-note span{font-size:11px;line-height:1.45;display:block;max-width:130px;margin:0 auto}

.featured-project{
  position:absolute;right:0;bottom:48px;width:min(390px,34vw);padding:23px 24px 22px;
  background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.78);border-radius:24px;
  backdrop-filter:blur(18px);box-shadow:0 20px 52px rgba(22,38,47,.17);transition:.25s ease
}
.featured-project:hover{transform:translateY(-4px);background:rgba(255,255,255,.96)}
.featured-topline{font-size:13px;font-weight:900;letter-spacing:.08em;color:#5f6b72;display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;border-radius:999px;background:#f4efe7;border:1px solid rgba(180,155,122,.28);box-shadow:0 6px 18px rgba(31,46,54,.04)}
.featured-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px rgba(169,147,120,.12)}
.featured-project-body{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.featured-project small{color:var(--muted);font-size:11px;font-weight:700}
.featured-project h2{font-size:27px;line-height:1.12;margin:7px 0 9px;letter-spacing:-.025em}
.featured-project p{margin:0;color:#69767c;font-size:12px;line-height:1.7}
.featured-arrow{width:43px;height:43px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:19px;flex:0 0 auto}

@media (max-width:1020px){
  .nav-right{gap:10px}
  .hero-cover,.hero-cover-inner{min-height:690px}
  .hero-cover-copy{width:65%;padding-top:72px}
  .featured-project{width:340px;right:0;bottom:34px}
}

@media (max-width:720px){
  .nav-right{margin-left:auto;gap:2px}
  .nav-links.mobile-open{top:72px !important}
  .nav-links.mobile-open .nav-dropdown{display:block;width:100%}
  .nav-links.mobile-open .nav-dropdown-toggle{width:100%;padding:13px 12px;justify-content:space-between;border-radius:12px;font-size:15px;color:var(--text)}
  .nav-links.mobile-open .nav-dropdown-menu{
    position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;display:none;box-shadow:none;border:0;
    background:#f5f7f6;min-width:0;width:100%;padding:6px;margin:2px 0 6px;border-radius:13px
  }
  .nav-links.mobile-open .nav-dropdown.open .nav-dropdown-menu{display:block}
  .nav-links.mobile-open .nav-dropdown:hover .nav-dropdown-menu{display:none}
  .nav-links.mobile-open .nav-dropdown.open:hover .nav-dropdown-menu{display:block}

  .hero-cover{min-height:720px}
  .hero-bg{background-position:58% center}
  .hero-overlay{
    background:linear-gradient(180deg,rgba(246,247,245,.95) 0%,rgba(246,247,245,.86) 38%,rgba(246,247,245,.44) 63%,rgba(20,31,37,.28) 100%)
  }
  .hero-cover-inner{min-height:720px;align-items:flex-start;display:block;padding-top:0}
  .hero-cover-copy{width:100%;padding:54px 0 0}
  .hero-cover-copy h1{font-size:clamp(45px,14vw,61px);margin-top:7px}
  .hero-keywords{font-size:12px;letter-spacing:.08em;margin-bottom:15px}
  .hero-cover-copy .lead{max-width:92%;font-size:14.5px;line-height:1.75;margin-bottom:23px}
  .hero-cover .hero-actions{display:flex;flex-direction:row;align-items:center;gap:9px;flex-wrap:wrap}
  .hero-cover .hero-actions .btn{min-height:47px;padding-inline:15px;font-size:12px}
  .hero-cover .hero-actions .btn-secondary{display:inline-flex}
  .hero-stats{width:100%;margin-top:24px;padding-top:19px}
  .hero-stats .hero-note{padding:0 8px}
  .hero-stats .hero-note strong{font-size:16px;white-space:nowrap}
  .hero-stats .hero-note span{font-size:9px;line-height:1.35}
  .featured-project{
    left:14px;right:14px;bottom:18px;width:auto;padding:18px 18px 17px;border-radius:20px;background:rgba(255,255,255,.93)
  }
  .featured-project h2{font-size:22px}
  .featured-topline{font-size:11px;padding:7px 12px;gap:8px}
  .featured-project p{font-size:10.5px}
  .featured-arrow{width:39px;height:39px;border-radius:12px}
}

@media (max-width:420px){
  .hero-cover{min-height:748px}
  .hero-cover-inner{min-height:748px}
  .hero-cover-copy{padding-top:42px}
  .hero-cover-copy h1{font-size:47px}
  .hero-keywords{gap:7px}
  .hero-cover .hero-actions{gap:7px}
  .hero-cover .hero-actions .btn{padding-inline:12px}
  .featured-project{bottom:16px}
  .featured-topline{font-size:10px;padding:6px 10px;gap:7px}
}


/* =========================================================
   LOCATION MOBILE FINAL OVERRIDE · v1.2.7.2
   Force landscape cards on phone/tablet preview widths.
   ========================================================= */
@media (max-width:1020px){
  #locations .location-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  #locations .location-card{
    width:100% !important;
    height:170px !important;
    min-height:170px !important;
    max-height:170px !important;
    aspect-ratio:auto !important;
    border-radius:18px !important;
  }
  #locations .location-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  #locations .location-content{
    inset:auto 18px 15px !important;
    padding:0 !important;
  }
  #locations .location-content .tag{
    font-size:9px !important;
    margin-bottom:4px !important;
  }
  #locations .location-content h3{
    font-size:20px !important;
    line-height:1.12 !important;
    margin-bottom:5px !important;
  }
  #locations .location-content p{
    font-size:11px !important;
    line-height:1.35 !important;
    margin:0 0 8px !important;
  }
  #locations .location-content .link{
    font-size:11px !important;
  }
}

@media (max-width:480px){
  #locations .location-card{
    height:148px !important;
    min-height:148px !important;
    max-height:148px !important;
    border-radius:16px !important;
  }
  #locations .location-grid{gap:10px !important;}
  #locations .location-content{inset:auto 15px 12px !important;}
  #locations .location-content h3{font-size:18px !important;}
  #locations .location-content p{font-size:10.5px !important;margin-bottom:6px !important;}
}


/* iOS / touch preview fallback: some local HTML viewers report a desktop-like CSS width. */
@media (hover:none) and (pointer:coarse){
  #locations .location-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  #locations .location-card{
    width:100% !important;
    height:148px !important;
    min-height:148px !important;
    max-height:148px !important;
    aspect-ratio:auto !important;
    border-radius:16px !important;
  }
  #locations .location-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  #locations .location-content{
    inset:auto 15px 12px !important;
    padding:0 !important;
  }
  #locations .location-content .tag{font-size:9px !important;margin-bottom:4px !important;}
  #locations .location-content h3{font-size:18px !important;line-height:1.12 !important;margin-bottom:4px !important;}
  #locations .location-content p{font-size:10.5px !important;line-height:1.3 !important;margin:0 0 6px !important;}
  #locations .location-content .link{font-size:10.5px !important;}
}


/* Final mobile override for location cards */
@media (max-width:720px), (hover:none) and (pointer:coarse){
  #locations .section-head h2{max-width:none !important;white-space:nowrap !important;font-size:clamp(28px,7.2vw,36px) !important}
  #locations .section-head p{max-width:34ch}
  #locations .location-grid{grid-template-columns:1fr !important;gap:12px !important}
  #locations .location-card{min-height:152px !important;height:152px !important;max-height:152px !important;border-radius:18px !important}
  #locations .location-card::after{background:linear-gradient(to top,rgba(15,28,36,.70),rgba(15,28,36,.26) 100%) !important}
  #locations .location-content{inset:0 !important;padding:16px 18px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important}
  #locations .location-content .tag{display:none !important}
  #locations .location-content h3{font-size:17px !important;line-height:1.08 !important;margin:0 0 6px !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important}
  #locations .location-content h3 .zh{display:inline !important;font-size:1em !important;margin-bottom:0 !important}
  #locations .location-content h3 .zh::after{content:"\00a0"}
  #locations .location-content h3 .en{display:inline !important;font-size:.95em !important}
  #locations .location-content p{font-size:10.5px !important;line-height:1.35 !important;margin:0 0 8px !important;text-align:center !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  #locations .location-content .link{font-size:11px !important;justify-content:center !important}
}


/* =========================================================
   MOBILE PRODUCT CATALOGUE · v1.2.7.5
   One horizontal row after filtering; prevents the product
   catalogue from becoming a very long vertical phone page.
   ========================================================= */
.product-mobile-hint{display:none}

@media (max-width:720px), (hover:none) and (pointer:coarse){
  #products{overflow:hidden}
  #products .section-head{margin-bottom:22px}
  #products .product-mobile-hint{
    display:flex;align-items:center;gap:7px;margin:0 0 10px;
    color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em
  }
  #products .product-mobile-hint::before{
    content:"↔";font-size:14px;color:var(--accent)
  }
  #products .product-grid{
    display:flex !important;grid-template-columns:none !important;
    gap:12px !important;overflow-x:auto !important;overflow-y:hidden !important;
    scroll-snap-type:x mandatory;scroll-padding-inline:14px;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scrollbar-width:none;margin-left:-14px;margin-right:-14px;
    padding:4px 14px 16px !important;
  }
  #products .product-grid::-webkit-scrollbar{display:none}
  #products .product-card{
    flex:0 0 min(82vw,330px) !important;width:min(82vw,330px) !important;
    min-width:min(82vw,330px) !important;scroll-snap-align:start;
    border-radius:19px !important;overflow:hidden;transform:none !important;
    box-shadow:0 10px 28px rgba(27,43,53,.06)
  }
  #products .product-image{height:168px !important}
  #products .product-body{padding:16px !important}
  #products .product-body h3{font-size:21px !important;margin:5px 0 3px !important}
  #products .product-subtitle{margin-bottom:13px !important}
  #products .price{font-size:25px !important}
  #products .promo{margin:10px 0 !important;padding:9px 10px !important}
  #products .meta{margin-bottom:11px !important}
  #products .highlights{margin-bottom:14px !important;font-size:11px !important}
  #products .product-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:7px !important}
  #products .empty-state{flex:0 0 100%;min-width:100%;padding:36px 20px !important}
}

@media (max-width:420px){
  #products .product-card{flex-basis:84vw !important;width:84vw !important;min-width:84vw !important}
  #products .product-image{height:154px !important}
}


/* CSS-FIRST PRODUCT FILTER FALLBACK · v1.2.7.6 */
#products .filter-radio{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
#products #loc-all:checked ~ #locationFilters label[for="loc-all"],
#products #loc-butterworth:checked ~ #locationFilters label[for="loc-butterworth"],
#products #loc-bm:checked ~ #locationFilters label[for="loc-bm"],
#products #loc-penang:checked ~ #locationFilters label[for="loc-penang"],
#products #loc-sp:checked ~ #locationFilters label[for="loc-sp"],
#products #cat-all:checked ~ #categoryFilters label[for="cat-all"],
#products #cat-columbarium:checked ~ #categoryFilters label[for="cat-columbarium"],
#products #cat-burial:checked ~ #categoryFilters label[for="cat-burial"],
#products #cat-tablet:checked ~ #categoryFilters label[for="cat-tablet"],
#products #cat-seed:checked ~ #categoryFilters label[for="cat-seed"]{
  background:var(--primary);border-color:var(--primary);color:#fff
}
#products #loc-butterworth:checked ~ #productGrid .product-card:not(.loc-butterworth),
#products #loc-bm:checked ~ #productGrid .product-card:not(.loc-bm),
#products #loc-penang:checked ~ #productGrid .product-card:not(.loc-penang),
#products #loc-sp:checked ~ #productGrid .product-card:not(.loc-sp),
#products #cat-columbarium:checked ~ #productGrid .product-card:not(.cat-columbarium),
#products #cat-burial:checked ~ #productGrid .product-card:not(.cat-burial),
#products #cat-tablet:checked ~ #productGrid .product-card:not(.cat-tablet),
#products #cat-seed:checked ~ #productGrid .product-card:not(.cat-seed){display:none !important}


/* =========================================================
   PENANG SUB PAGE · v1.3.0
   West Lake Garden location detail page
   ========================================================= */
/* Penang hero banner – simplified long rounded image banner */
.penang-banner-hero{padding:24px 0 18px}
.penang-banner-card{
  position:relative;overflow:hidden;border-radius:22px;min-height:430px;
  border:1px solid rgba(163,173,178,.18);box-shadow:var(--shadow);background:#d7e0e3;
}
.penang-banner-card > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.penang-banner-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(16,28,36,.72) 0%,rgba(16,28,36,.46) 32%,rgba(16,28,36,.16) 62%,rgba(16,28,36,.06) 100%),
             linear-gradient(to top,rgba(12,24,32,.5),rgba(12,24,32,.1) 45%,transparent 75%);
  z-index:1;
}
.penang-banner-content{
  position:absolute;left:40px;right:40px;bottom:32px;z-index:2;color:#fff;max-width:700px;
}
.penang-banner-content .eyebrow{color:#eadcc7;margin-bottom:12px;font-size:12px;letter-spacing:.18em}
.penang-banner-content .eyebrow::before{background:currentColor}
.penang-banner-content h1{font-size:clamp(30px,4.2vw,58px);line-height:0.98;margin:0 0 12px;max-width:640px;color:#fff}
.penang-banner-content h1 .serif{display:block;font-size:.92em;line-height:1.02;font-weight:600}
.penang-banner-content p{margin:0;max-width:620px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65}
.penang-banner-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.penang-banner-chips span{
  display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px);
  font-size:13px;font-weight:700;color:#fff;
}
@media (max-width:1100px){
  .penang-banner-card{min-height:390px}
  .penang-banner-content{left:30px;right:30px;bottom:28px}
}
@media (max-width:720px){
  .penang-banner-hero{padding:16px 0 12px}
  .penang-banner-card{min-height:525px;border-radius:18px}
  .penang-banner-content{left:20px;right:20px;bottom:20px;max-width:none}
  .penang-banner-content h1{font-size:31px;margin-bottom:8px}
  .penang-banner-content p{font-size:13px;line-height:1.55;max-width:none}
  .penang-banner-chips{gap:8px;margin-top:14px}
  .penang-banner-chips span{font-size:10px;padding:7px 10px}
}
.subpage-hero{padding:26px 0 18px}
.subpage-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;align-items:stretch}
.subpage-visual-card,.subpage-info-card,.promo-summary-card,.suite-card,.suite-summary,.suite-notice,.simple-contact-card{
  background:var(--surface);border:1px solid rgba(163,173,178,.18);box-shadow:var(--shadow)
}
.subpage-visual-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);min-height:100%;height:100%;align-self:stretch}
.subpage-visual-card img{position:absolute;inset:0;width:100%;height:100%}
.subpage-visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(19,33,42,.62),rgba(19,33,42,.08) 42%,transparent 68%)}
.subpage-visual-copy{position:absolute;left:30px;right:30px;bottom:28px;color:#fff;z-index:2}
.subpage-visual-copy .eyebrow{color:#eadcc7}
.subpage-visual-copy .eyebrow::before{background:currentColor}
.subpage-visual-copy h1{font-size:clamp(34px,5vw,62px);margin-bottom:14px;max-width:640px}
.subpage-visual-copy p{margin:0;max-width:560px;color:rgba(255,255,255,.86);font-size:15px}
.subpage-info-card{border-radius:var(--radius-xl);padding:24px 26px 22px;display:flex;flex-direction:column;gap:14px}
.subpage-info-card h2{font-size:clamp(26px,3vw,40px);margin:4px 0 6px}
.place-meta{display:flex;flex-wrap:wrap;gap:10px}
.place-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f4efe7;border:1px solid rgba(180,155,122,.24);font-size:13px;font-weight:700;color:var(--primary)}
.place-description{color:var(--muted);font-size:14px;line-height:1.6;margin-top:-2px}
.info-list{display:grid;gap:10px}
.info-row{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start;padding-bottom:10px;border-bottom:1px solid var(--line)}
.info-row:last-child{border-bottom:none;padding-bottom:0}
.info-row strong{font-size:13px;color:var(--primary);letter-spacing:.06em;text-transform:uppercase}
.info-row span,.info-row a{font-size:14px;color:var(--text)}
.map-card{border-radius:20px;overflow:hidden;border:1px solid rgba(163,173,178,.22);background:#dde4e7;min-height:208px}
.map-card iframe{display:block;width:100%;height:208px;border:0}
.top-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.simple-contact-card{border-radius:16px;padding:12px 14px;box-shadow:none;border:1px solid var(--line)}
.simple-contact-card .role{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.simple-contact-card .name{font-size:16px;font-weight:800;margin-bottom:2px}
.simple-contact-card .phone{font-size:18px;font-weight:800;color:var(--primary);line-height:1.2}
.inline-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.inline-actions .btn{width:100%;justify-content:center;padding:15px 24px}
.section-soft{padding:28px 0 82px}
.promo-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.promo-summary-card{padding:24px;border-radius:18px}
.promo-summary-card .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.promo-summary-card .kicker::before{content:"";width:18px;height:1px;background:currentColor}
.promo-summary-card h3{font-size:24px;line-height:1.14;margin:0 0 10px}
.promo-summary-card p{margin:0;color:var(--muted);font-size:14px}
.suite-block{padding:26px 0 0}
.suite-block + .suite-block{padding-top:24px}
.suite-summary{border-radius:18px;padding:28px;margin-bottom:22px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:end}
.suite-summary h2{margin-bottom:10px;font-size:clamp(26px,3.5vw,42px)}
.suite-summary p{margin:0;color:var(--muted)}
.suite-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.suite-meta span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:var(--surface-soft);font-size:13px;font-weight:700;color:var(--primary)}
.suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.suite-card{border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.suite-card-image{position:relative;height:240px;background:linear-gradient(145deg,#dde5e7,#bfcbd0)}
.suite-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,34,43,.44),transparent 52%)}
.suite-badge{position:absolute;left:18px;top:18px;z-index:2;background:rgba(255,255,255,.92);border:1px solid rgba(223,228,230,.84);color:var(--primary);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.suite-card-body{padding:24px}
.suite-card-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:8px}
.suite-card-title h3{font-size:30px;line-height:1.05;margin:0}
.suite-card-title small{display:block;color:var(--muted);font-size:13px;font-weight:700}
.suite-card-sub{font-size:14px;color:var(--muted);margin-bottom:16px}
.suite-card-flags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.suite-card-flags span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f6f2eb;color:var(--primary);font-size:12px;font-weight:700}
.price-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.price-range-grid.price-range-grid-single{grid-template-columns:1fr}
.price-cell{padding:14px 16px;border-radius:14px;background:#f7f8f8;border:1px solid rgba(227,231,232,.94)}
.price-cell .label{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.price-cell strong{display:block;font-size:26px;line-height:1.1;letter-spacing:-.02em}
.price-cell strong small{font-size:15px;color:var(--muted);font-weight:700}
.suite-features{margin:0 0 18px;padding-left:18px;color:var(--muted)}
.suite-features li{margin:6px 0}
.suite-actions{display:flex;gap:10px;flex-wrap:wrap}
.suite-actions .btn{flex:1}
.suite-notice{border-radius:22px;padding:18px 20px;margin-top:22px;color:var(--muted);font-size:14px}
.current-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800}
.current-link:hover{color:var(--primary-deep)}
.current-link::after{content:"→"}
@media (max-width:1100px){
  .subpage-hero-grid,.promo-summary-grid,.suite-grid,.suite-summary{grid-template-columns:1fr}
  .suite-meta{justify-content:flex-start}
}
@media (max-width:720px){
  .subpage-hero{padding:16px 0 8px}
  .subpage-visual-card{min-height:320px;height:360px;border-radius:24px}
  .subpage-visual-copy{left:22px;right:22px;bottom:20px}
  .subpage-visual-copy h1{font-size:36px}
  .subpage-info-card{padding:18px;border-radius:24px}
  .place-chip{font-size:12px}
  .info-row{grid-template-columns:1fr;gap:4px}
  .map-card{min-height:180px}
  .map-card iframe{height:180px}
  .top-contact-grid{grid-template-columns:1fr}
  .promo-summary-card{padding:20px;border-radius:16px}
  .suite-summary{padding:22px;border-radius:24px}
  .suite-grid{gap:16px}
  .suite-card{border-radius:18px}
  .suite-card-image{height:210px}
  .suite-card-body{padding:20px}
  .suite-card-title{display:block}
  .suite-card-title h3{font-size:26px;margin-bottom:4px}
  .price-range-grid{grid-template-columns:1fr}
}


/* =========================================================
   PROMOTION PRODUCT CAROUSEL · v1.3.1
   One promotion at a time + nested image gallery
   ========================================================= */
.promotion-showcase-section{padding-top:42px}
.promotion-heading{align-items:flex-end}
.promotion-heading .copy{max-width:760px}
.promotion-count{display:flex;align-items:baseline;gap:7px;color:var(--muted);font-weight:700;letter-spacing:.05em;white-space:nowrap}
.promotion-count strong{font-size:32px;color:var(--primary);letter-spacing:-.04em}
.promotion-mobile-controls,.promotion-mobile-progress{display:none}
.promotion-stage{position:relative;padding:0 72px}
.promotion-slides{position:relative}
.promotion-slide{display:none}
.promotion-slide.active{display:block;animation:promoFade .28s ease}
@keyframes promoFade{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
.promotion-shell{display:grid;grid-template-columns:1.04fr .96fr;min-height:520px;background:#fff;border:1px solid rgba(163,173,178,.2);border-radius:20px;overflow:hidden;box-shadow:0 22px 54px rgba(28,44,52,.08)}
.promo-gallery{position:relative;overflow:hidden;background:linear-gradient(145deg,#dde5e7,#c4d0d5);min-height:520px;touch-action:pan-y}
.promo-photo{position:absolute;inset:0;opacity:0;transform:scale(1.015);transition:opacity .3s ease,transform .35s ease;background-image:linear-gradient(to top,rgba(14,27,35,.42),rgba(14,27,35,.04) 55%),var(--photo);background-position:center;background-size:cover}
.promo-photo.active{opacity:1;transform:scale(1)}
.promo-photo span{position:absolute;left:22px;bottom:20px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.06em}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.86);color:var(--primary);font-size:30px;line-height:1;display:grid;place-items:center;box-shadow:0 10px 28px rgba(19,32,40,.1)}
.gallery-prev{left:18px}.gallery-next{right:18px}
.gallery-dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:7px;z-index:4}
.gallery-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);transition:.2s}
.gallery-dots button.active{width:22px;background:#fff}
.promotion-info{padding:34px;display:flex;flex-direction:column;justify-content:center}
.promotion-label{font-size:12px;font-weight:900;letter-spacing:.11em;color:var(--accent);margin-bottom:12px}
.promotion-info h3{font-size:clamp(32px,4vw,52px);line-height:1.03;margin:0 0 10px;letter-spacing:-.035em}
.promotion-info h3 span{display:block;font-size:.54em;font-weight:700;color:#59676f;margin-top:8px;letter-spacing:-.02em}
.promotion-sub{color:var(--muted);margin:0 0 24px;font-size:14px}
.promotion-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.promotion-price{padding:16px 18px;border-radius:14px;background:#f6f7f7;border:1px solid var(--line)}
.promotion-price>span{display:block;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.promotion-price strong{display:block;font-size:27px;line-height:1.05;letter-spacing:-.025em}
.promotion-price strong small{font-size:14px;font-weight:800;color:var(--muted)}
.promotion-price em{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-top:6px}
.promotion-terms{display:grid;gap:9px;margin-bottom:22px}
.promotion-terms>div{display:grid;grid-template-columns:118px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.promotion-terms>div:last-child{border-bottom:none}
.promotion-terms span{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}
.promotion-terms strong{font-size:14px;color:var(--text)}
.promotion-info>.btn{align-self:flex-start}
.promotion-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px;font-weight:800;box-shadow:0 12px 28px rgba(25,40,49,.08);transition:.2s}
.promo-nav-text{display:none;font-size:12px;letter-spacing:.02em}
.promotion-nav:hover{transform:translateY(-50%) scale(1.05);background:var(--primary);color:#fff}
.promotion-nav-prev{left:0}.promotion-nav-next{right:0}
.promotion-footer{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;color:var(--muted);font-size:12px;text-align:center}
.promotion-dots{display:flex;gap:7px}
.promotion-dots button{width:8px;height:8px;border:0;padding:0;border-radius:999px;background:#d4dadd;transition:.2s}
.promotion-dots button.active{width:26px;background:var(--primary)}
@media (max-width:900px){
  .promotion-stage{padding:0}
  .promotion-shell{grid-template-columns:1fr;min-height:0}
  .promo-gallery{min-height:390px}
  .promotion-nav{top:auto;bottom:-66px;transform:none}
  .promotion-nav:hover{transform:scale(1.05)}
  .promotion-nav-prev{left:calc(50% - 62px)}
  .promotion-nav-next{right:calc(50% - 62px)}
  .promotion-footer{margin-top:78px;display:block}
  .promotion-dots{justify-content:center;margin-bottom:10px}
}
@media (max-width:720px){
  .promotion-showcase-section{padding-top:20px}
  .promotion-heading{margin-bottom:24px}
  .promotion-heading h2{font-size:28px;line-height:1.08;margin-bottom:9px}
  .promotion-count{display:none !important}
  .promotion-count strong{font-size:24px}
  .promotion-stage{max-width:none;width:calc(100% - 10px);margin:0 auto}
  .promotion-shell{border-radius:18px}
  .promo-gallery{min-height:312px;height:312px}
  .gallery-nav{width:36px;height:36px;font-size:22px}
  .gallery-prev{left:12px}.gallery-next{right:12px}
  .promotion-info{padding:18px 18px 18px}
  .promotion-label{font-size:9.5px;margin-bottom:6px}
  .promotion-info h3{font-size:26px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .promotion-info h3 span{display:inline;font-size:.56em;margin:0 0 0 6px}
  .promotion-sub{font-size:11px;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .promotion-price-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
  .promotion-price{padding:11px 11px;border-radius:13px}
  .promotion-price>span{font-size:8.7px;margin-bottom:4px}
  .promotion-price strong{font-size:19px}
  .promotion-price strong small{font-size:10px}
  .promotion-price em{font-size:8.7px;margin-top:4px}
  .promotion-terms{gap:0;margin-bottom:12px}
  .promotion-terms>div{grid-template-columns:96px 1fr;gap:8px;padding:7px 0}
  .promotion-terms span{font-size:8.8px}
  .promotion-terms strong{font-size:11px;line-height:1.4}
  .promotion-info>.btn{width:100%;min-height:40px;font-size:11px;border-radius:13px}
  .promotion-nav{display:none}
  .promotion-footer{margin-top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
  .promotion-mobile-controls{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}
  .promotion-mobile-btn{min-height:42px;min-width:108px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--primary);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 20px rgba(25,40,49,.07);flex:0 0 auto}
  .promotion-mobile-btn span{white-space:nowrap}
  .promotion-mobile-progress{display:flex;align-items:baseline;justify-content:center;gap:6px;color:var(--muted);font-weight:700;letter-spacing:.04em;white-space:nowrap;min-width:72px;text-align:center;flex:0 0 auto}
  .promotion-mobile-progress strong{font-size:24px;color:var(--primary);letter-spacing:-.04em}
  .promotion-dots,.promotion-footer>span{display:none}
}
@media (max-width:420px){
  .promotion-stage{width:calc(100% - 6px);margin:0 auto}
  .promo-gallery{min-height:286px;height:286px}
  .promotion-info{padding:16px}
  .promotion-info h3{font-size:24px}
  .promotion-price strong{font-size:18px}
  .promotion-terms>div{grid-template-columns:90px 1fr}
  .promotion-mobile-progress strong{font-size:22px}
  .promotion-mobile-controls{gap:8px}
  .promotion-mobile-btn{min-height:40px;min-width:100px;padding:0 12px;font-size:10.5px}
}

@media (max-width:720px){
  #penang-promotions .promotion-heading .copy p{font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}
  #penang-promotions .gallery-dots{bottom:10px}
  #penang-promotions .promo-photo span{left:12px;bottom:10px;font-size:9px;padding:6px 9px}
}


/* Penang product guide spacing · v1.3.8 */
#products-penang{padding-top:54px}
#products-penang .section-head{margin-bottom:18px}
#products-penang .section-head .copy{max-width:820px}
#products-penang .suite-block{padding-top:0}
#products-penang .suite-block + .suite-block{padding-top:42px}
#products-penang .suite-summary{padding:24px 28px;margin-bottom:20px}
#products-penang .suite-summary p{max-width:720px;line-height:1.65}
@media (max-width:720px){
  #products-penang{padding-top:40px}
  #products-penang .section-head{margin-bottom:14px}
  #products-penang .suite-summary{padding:18px 18px 20px;margin-bottom:16px}
}


/* v1.3.9 suite card refresh */
.suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.suite-card{border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.suite-card-image{position:relative;height:300px;background:linear-gradient(145deg,#dde5e7,#bfcbd0);overflow:hidden}
.suite-slide{position:absolute;inset:0;opacity:0;transition:opacity .28s ease}
.suite-slide.active{opacity:1}
.suite-slide img{width:100%;height:100%;object-fit:cover;display:block}
.suite-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,34,43,.28),transparent 46%);pointer-events:none}
.suite-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:999px;border:1px solid rgba(230,233,234,.95);background:rgba(255,255,255,.88);color:var(--primary);font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(17,35,43,.12)}
.suite-carousel-btn.prev{left:14px}
.suite-carousel-btn.next{right:14px}
.suite-carousel-count{position:absolute;right:14px;bottom:14px;z-index:2;background:rgba(255,255,255,.92);border:1px solid rgba(223,228,230,.84);color:var(--primary);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}
.suite-card-body{padding:22px}
.suite-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.suite-card-title h3{font-size:24px;line-height:1.08;margin:0}
.suite-card-title h3 span{display:block;color:var(--muted);font-size:.88em;font-weight:700;margin-top:4px}
.suite-card-title small{display:block;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
.price-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.price-range-grid-three{grid-template-columns:1fr}
.price-cell{padding:14px 16px;border-radius:14px;background:#f7f8f8;border:1px solid rgba(227,231,232,.94)}
.price-cell .label{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.price-cell strong{display:block;font-size:22px;line-height:1.1;letter-spacing:-.02em}
.price-cell strong small{font-size:14px;color:var(--muted);font-weight:700}
.suite-card-kv{display:grid;gap:10px;margin-bottom:18px}
.suite-kv-row{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:start;padding-top:10px;border-top:1px solid rgba(223,228,230,.84)}
.suite-kv-row span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}
.suite-kv-row strong{font-size:15px;color:var(--text);line-height:1.4}
.suite-actions-single .btn{width:100%}
@media (max-width:1260px){.suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.subpage-hero-grid,.promo-summary-grid,.suite-summary{grid-template-columns:1fr}.suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-meta{justify-content:flex-start}}
@media (max-width:720px){.suite-grid{grid-template-columns:1fr;gap:16px}.suite-card{border-radius:18px}.suite-card-image{height:240px}.suite-card-body{padding:20px}.suite-card-title{display:block}.suite-card-title h3{font-size:24px;margin-bottom:6px}.price-range-grid,.price-range-grid-three{grid-template-columns:1fr}.suite-kv-row{grid-template-columns:1fr;gap:4px}.suite-carousel-btn{width:36px;height:36px}}


/* v1.6.11 · clean card galleries + click-for-details */
.gallery-nav,.gallery-dots,.suite-carousel-btn{display:none!important}
.card-detail-trigger{
  position:absolute;right:14px;bottom:14px;z-index:7;
  display:inline-flex;align-items:center;gap:8px;
  min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.01em;
  box-shadow:0 8px 22px rgba(14,28,36,.12);cursor:pointer;transition:.2s ease
}
.card-detail-trigger:hover{transform:translateY(-1px);background:#fff;box-shadow:0 10px 26px rgba(14,28,36,.16)}
.card-detail-trigger .count{color:var(--muted);font-weight:700}
.promo-gallery .card-detail-trigger{right:16px;bottom:16px}
.suite-card-image .suite-carousel-count{display:none!important}

.detail-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}
.detail-modal.open{display:flex}
.detail-modal-backdrop{position:absolute;inset:0;background:rgba(14,24,30,.64);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.detail-modal-panel{position:relative;z-index:2;width:min(1120px,calc(100vw - 48px));max-height:92vh;overflow:hidden;background:#f7f8f8;border-radius:20px;box-shadow:0 34px 100px rgba(5,17,24,.34);display:grid;grid-template-columns:1.12fr .88fr}
.detail-modal-gallery{position:relative;min-height:620px;background:#dce3e5;overflow:hidden}
.detail-modal-photo{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.detail-modal-photo.active{opacity:1}
.detail-modal-photo img{width:100%;height:100%;object-fit:cover}
.detail-modal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.92);color:var(--primary);font-size:25px;display:grid;place-items:center;box-shadow:0 10px 28px rgba(18,32,40,.14)}
.detail-modal-nav.prev{left:16px}.detail-modal-nav.next{right:16px}
.detail-modal-counter{position:absolute;left:18px;bottom:18px;z-index:4;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--primary);font-size:12px;font-weight:800}
.detail-modal-info{padding:34px;overflow:auto;background:#fff}
.detail-modal-info .promotion-info,.detail-modal-info .suite-card-body{padding:0!important}
.detail-modal-info .suite-card-title h3{font-size:30px}
.detail-modal-close{position:absolute;right:16px;top:16px;z-index:8;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:var(--primary);font-size:25px;line-height:1;box-shadow:0 8px 24px rgba(18,32,40,.13)}
body.detail-modal-open{overflow:hidden}
@media(max-width:820px){
  .card-detail-trigger{right:10px;bottom:10px;min-height:34px;padding:0 10px;font-size:10px}
  .detail-modal{padding:0;align-items:flex-end}
  .detail-modal-panel{width:100%;max-height:94vh;border-radius:28px 28px 0 0;grid-template-columns:1fr;overflow:auto}
  .detail-modal-gallery{min-height:330px;height:330px}
  .detail-modal-info{padding:20px}
  .detail-modal-close{position:fixed;right:14px;top:calc(7vh + 10px)}
}

/* ==== style block 2 ==== */
/* Single-product section layout: keep the chips under the title instead of floating on the right */
#products-penang .single-product-block .suite-summary{
  grid-template-columns:1fr!important;
  align-items:start!important;
}
#products-penang .single-product-block .suite-summary > div{
  max-width:820px;
}
#products-penang .single-product-block .suite-meta{
  justify-content:flex-start!important;
  margin-top:12px!important;
  margin-bottom:10px!important;
}

/* ==== mobile-suite-compact-style ==== */
/* v1.3.9.8 · Static mobile product browser */
.mobile-suite-list,.mobile-suite-modal{display:none}
@media (max-width:720px){
  #products-penang .suite-grid{display:none!important}
  #products-penang .suite-notice{display:none!important}
  #products-penang .suite-block + .suite-block{padding-top:30px}
  #products-penang .suite-summary{margin-bottom:12px;padding:20px 20px 18px}
  #products-penang .suite-summary h2{font-size:26px;line-height:1.1;margin-bottom:8px}
  #products-penang .suite-summary p{font-size:13px;line-height:1.55;margin-bottom:0}
  #products-penang .suite-meta{gap:6px;margin-top:12px}
  #products-penang .suite-meta span{padding:7px 10px;font-size:10px}

  .mobile-suite-list{display:grid;gap:10px;margin:0 0 4px}
  .mobile-suite-row{
    appearance:none;-webkit-appearance:none;position:relative;width:100%;height:154px;min-height:154px;padding:0;
    display:block;overflow:hidden;background:#dfe5e7;border:1px solid rgba(220,226,229,.95);border-radius:22px;
    box-shadow:0 10px 24px rgba(29,45,54,.06);text-align:center;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent
  }
  .mobile-suite-row:active{transform:scale(.992)}
  .mobile-suite-thumb{position:absolute;inset:0;min-height:0;background:#dfe5e7;overflow:hidden}
  .mobile-suite-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;color:transparent;font-size:0}
  .mobile-suite-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,28,35,.22) 0%,rgba(16,28,35,.12) 32%,rgba(16,28,35,.52) 100%)}
  .mobile-suite-floor{display:none}
  .mobile-suite-content{position:relative;z-index:2;height:100%;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
  .mobile-suite-titleline{display:block;margin:0 0 10px}
  .mobile-suite-title{font-size:22px;line-height:1.08;font-weight:850;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.22)}
  .mobile-suite-title span{display:block;margin-top:5px;font-size:15px;line-height:1.15;color:rgba(255,255,255,.95);font-weight:700;white-space:normal;overflow:visible;text-overflow:clip}
  .mobile-suite-arrow{display:none}
  .mobile-suite-basic{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:rgba(255,255,255,.95);font-size:12px;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.18)}
  .mobile-suite-basic strong{color:#fff;font-size:15px;font-weight:900}
  .mobile-suite-basic .dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.88)}

  .mobile-suite-modal{position:fixed;inset:0;z-index:9999}
  .mobile-suite-modal.open{display:block}
  .mobile-suite-modal-backdrop{position:absolute;inset:0;background:rgba(14,24,30,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .mobile-suite-modal-panel{
    position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);
    max-height:88vh;overflow:auto;background:#fff;border:1px solid rgba(220,226,229,.95);
    border-radius:18px;padding:0;box-shadow:0 28px 80px rgba(4,17,24,.34);overscroll-behavior:contain
  }
  .mobile-suite-modal-close{
    position:sticky;top:10px;float:right;z-index:30;width:38px;height:38px;border:1px solid rgba(220,226,229,.94);
    border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(17,34,43,.12);
    font-size:23px;line-height:1;color:var(--primary);cursor:pointer;margin:10px 10px -48px 0
  }
  .mobile-suite-modal-content{clear:both}
  .mobile-suite-modal-content>.suite-card{
    display:flex!important;border-radius:0;box-shadow:none;border:0;background:#fff;overflow:hidden
  }
  .mobile-suite-modal-content .suite-card-image{height:245px;border-radius:0}
  .mobile-suite-modal-content .suite-card-body{padding:20px 18px 22px}
  .mobile-suite-modal-content .suite-card-title h3{font-size:25px}
  .mobile-suite-modal-content .suite-card-title small{font-size:11px}
  .mobile-suite-modal-content .price-cell{border-radius:14px}
  .mobile-suite-modal-content .suite-actions .btn{min-height:46px;width:100%}
  .mobile-suite-modal-content .card-detail-trigger,
  .mobile-suite-modal-content .suite-carousel-btn,
  .mobile-suite-modal-content .suite-carousel-count{display:none!important}
  body.mobile-suite-modal-open{overflow:hidden}
}
@media (max-width:390px){
  .mobile-suite-row{height:144px;min-height:144px;border-radius:20px}
  .mobile-suite-content{padding:16px 18px}
  .mobile-suite-title{font-size:20px}
  .mobile-suite-title span{font-size:14px}
  .mobile-suite-basic{font-size:11.5px;gap:7px}
  .mobile-suite-basic strong{font-size:14px}
}

/* ==== penang-products-streamline-style ==== */
/* v1.6.1 · remove product guide heading + summary box */
#products-penang .section-head{display:none!important}
#products-penang .suite-block{margin-top:0!important;padding-top:0!important}
#products-penang .suite-block + .suite-block{margin-top:44px!important;padding-top:0!important}
#products-penang .suite-summary{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 20px!important;
}
#products-penang .suite-summary h2{margin:6px 0 10px!important}
#products-penang .suite-summary p{max-width:900px;margin:0!important}
#products-penang .suite-meta{margin-top:16px!important}
#products-penang .suite-block:first-of-type .suite-summary{margin-top:0!important}
@media (max-width:720px){
  #products-penang .suite-block + .suite-block{margin-top:32px!important}
  #products-penang .suite-summary{margin-bottom:12px!important;padding:0!important}
  #products-penang .suite-summary h2{font-size:26px!important;margin-bottom:8px!important}
  #products-penang .suite-summary p{font-size:13px!important;line-height:1.6!important}
  #products-penang .suite-meta{gap:8px!important;margin-top:12px!important}
}

/* ==== image-lightbox-v1612 ==== */
/* v1.6.12 · image-only lightbox */
.promo-gallery,.suite-card-image{cursor:zoom-in}
.card-detail-trigger{pointer-events:none;min-height:34px;padding:0 11px;background:rgba(255,255,255,.90)}
.card-detail-trigger .count{display:none!important}
.detail-modal-panel{width:min(1180px,calc(100vw - 48px));max-height:92vh;display:block;background:#10181d;border-radius:20px}
.detail-modal-gallery{width:100%;height:min(82vh,760px);min-height:560px;background:#10181d}
.detail-modal-photo img{object-fit:contain;background:#10181d}
.detail-modal-info{display:none!important}
.detail-modal-counter{left:50%;bottom:18px;transform:translateX(-50%);background:rgba(255,255,255,.92)}
.detail-modal-close{right:18px;top:18px}
@media(max-width:820px){
  .detail-modal{padding:0;align-items:center}
  .detail-modal-panel{width:100%;max-height:100vh;border-radius:0;background:#10181d}
  .detail-modal-gallery{height:100vh;min-height:100vh}
  .detail-modal-close{position:fixed;right:14px;top:calc(14px + env(safe-area-inset-top))}
  .detail-modal-counter{bottom:calc(18px + env(safe-area-inset-bottom))}
}

/* =========================================================
   VIDEO SHOWCASE · v1.6.19
   Curated local videos before footer; full library lives on
   a separate media page.
   ========================================================= */
.video-showcase-section{padding:34px 0 70px;background:linear-gradient(180deg,#f5f6f5 0%,#f7f7f5 100%)}
.video-showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.video-showcase-copy{max-width:760px}
.video-showcase-copy h2{font-size:clamp(34px,4.3vw,52px);line-height:1.05;margin:8px 0 10px;letter-spacing:-.035em}
.video-showcase-copy p{margin:0;color:var(--muted);max-width:680px;line-height:1.65}
.video-library-link{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-size:13px;font-weight:900;white-space:nowrap;padding:10px 2px;border-bottom:1px solid rgba(47,72,88,.25)}
.video-library-link:hover{gap:14px}
.video-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.video-card{position:relative;display:block;overflow:hidden;border-radius:18px;background:#d9e0e2;border:1px solid rgba(163,173,178,.22);box-shadow:0 14px 34px rgba(27,43,53,.07);min-height:260px;isolation:isolate}
.video-card::before{content:"";position:absolute;inset:0;background-image:var(--thumb);background-size:cover;background-position:center;transform:scale(1.015);transition:.35s ease;z-index:-2}
.video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,29,37,.78) 0%,rgba(16,29,37,.27) 50%,rgba(16,29,37,.08) 100%);z-index:-1}
.video-card:hover::before{transform:scale(1.055)}
.video-play{position:absolute;left:20px;top:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--primary);font-size:15px;font-weight:900;box-shadow:0 8px 22px rgba(15,28,36,.12)}
.video-play::before{content:"▶";margin-left:2px}
.video-card-copy{position:absolute;left:20px;right:20px;bottom:18px;color:#fff}
.video-card-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#e6d5bc;margin-bottom:7px}
.video-card h3{margin:0 0 5px;font-size:20px;line-height:1.15;color:#fff}
.video-card p{margin:0;font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.78)}
.video-showcase-bottom{display:none}
@media(max-width:900px){.video-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card:last-child{display:none}}
@media(max-width:720px){
  .video-showcase-section{padding:28px 0 42px;overflow:hidden}
  .video-showcase-head{display:block;margin-bottom:16px}
  .video-showcase-copy h2{font-size:30px;margin-bottom:9px}
  .video-showcase-copy p{font-size:13px;line-height:1.6}
  .video-showcase-head>.video-library-link{display:none}
  .video-showcase-grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -14px;padding:2px 14px 14px}
  .video-showcase-grid::-webkit-scrollbar{display:none}
  .video-card,.video-card:last-child{display:block;flex:0 0 min(78vw,320px);width:min(78vw,320px);min-height:205px;border-radius:16px;scroll-snap-align:center}
  .video-play{left:14px;top:14px;width:38px;height:38px;font-size:13px}
  .video-card-copy{left:16px;right:16px;bottom:15px}
  .video-card h3{font-size:18px}
  .video-card p{font-size:10.5px}
  .video-showcase-bottom{display:flex;justify-content:center;margin-top:8px}
  .video-showcase-bottom .video-library-link{font-size:12px}
}

/* ==== professional-radius-v1621 ==== */
/* v1.6.21 · slightly tighter, more professional card geometry */
.penang-banner-card{border-radius:22px}
.promotion-shell{border-radius:20px}
.suite-summary,.suite-card{border-radius:18px}
.promo-summary-card{border-radius:18px}
.price-cell,.promotion-price{border-radius:14px}
.video-card{border-radius:18px}
.detail-modal-panel{border-radius:20px}
@media (max-width:720px){
  .penang-banner-card{border-radius:18px}
  .promotion-shell{border-radius:18px}
  .suite-summary,.suite-card{border-radius:16px}
  .promo-summary-card{border-radius:16px}
  .video-card{border-radius:16px}
}

/* =========================================================
   PROFESSIONAL UI REFINEMENT · v1.6.22
   Keep small chips softly rounded; make CTAs sharper and
   product-card Inquiry buttons outline-first.
   ========================================================= */

/* Main buttons: restrained radius, not pill-shaped */
.btn{
  border-radius:10px;
}

/* Informational chips: still soft, but no oversized capsule feeling */
.penang-banner-chips span,
.place-chip,
.suite-meta span{
  border-radius:13px;
}

/* Small status/floor badges may stay slightly rounder because they are badges */
.suite-badge{
  border-radius:12px;
}

/* Product-card Inquiry: quiet outline by default, highlight only on interaction */
.suite-actions-single .btn,
.suite-actions-single .btn.btn-primary{
  background:transparent;
  color:var(--primary);
  border:1px solid rgba(47,72,88,.42);
  box-shadow:none;
  border-radius:9px;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

@media (hover:hover) and (pointer:fine){
  .suite-actions-single .btn:hover,
  .suite-actions-single .btn.btn-primary:hover{
    background:var(--primary);
    color:#fff;
    border-color:var(--primary);
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(47,72,88,.12);
  }
}

.suite-actions-single .btn:focus-visible,
.suite-actions-single .btn.btn-primary:focus-visible{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
  outline:2px solid rgba(47,72,88,.18);
  outline-offset:2px;
}

.suite-actions-single .btn:active,
.suite-actions-single .btn.btn-primary:active{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
  transform:translateY(0);
}

@media (max-width:720px){
  .btn{border-radius:9px}
  .penang-banner-chips span,
  .place-chip,
  .suite-meta span{border-radius:11px}
  .suite-badge{border-radius:10px}
  .suite-actions-single .btn,
  .suite-actions-single .btn.btn-primary{border-radius:8px}
}

/* ==== location-suite-3col-unified-v1 ==== */
/* Location product cards — unified 3-across desktop layout */
@media (min-width:900px){
  #products-penang .suite-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  #products-penang .suite-card{
    border-radius:16px !important;
    box-shadow:0 10px 26px rgba(31,44,51,.06) !important;
  }
  #products-penang .suite-card-image{
    height:218px !important;
  }
  #products-penang .suite-card-body{
    padding:17px 17px 18px !important;
  }
  #products-penang .suite-card-title{
    gap:8px !important;
    margin-bottom:11px !important;
  }
  #products-penang .suite-card-title h3{
    font-size:20px !important;
    line-height:1.08 !important;
  }
  #products-penang .suite-card-title h3 span{
    font-size:.72em !important;
    margin-top:3px !important;
  }
  #products-penang .suite-card-title small{
    font-size:10.5px !important;
  }
  #products-penang .price-range-grid{
    gap:7px !important;
    margin-bottom:12px !important;
  }
  #products-penang .price-cell{
    padding:10px 11px !important;
    border-radius:12px !important;
  }
  #products-penang .price-cell .label{
    font-size:9px !important;
    margin-bottom:4px !important;
  }
  #products-penang .price-cell strong{
    font-size:18px !important;
  }
  #products-penang .price-cell strong small{
    font-size:11px !important;
  }
  #products-penang .suite-card-kv{
    gap:6px !important;
    margin-bottom:13px !important;
  }
  #products-penang .suite-kv-row{
    grid-template-columns:86px 1fr !important;
    gap:8px !important;
    padding-top:7px !important;
  }
  #products-penang .suite-kv-row span{
    font-size:9px !important;
    letter-spacing:.08em !important;
  }
  #products-penang .suite-kv-row strong{
    font-size:12.5px !important;
    line-height:1.38 !important;
  }
  #products-penang .suite-actions-single .btn{
    min-height:42px !important;
    font-size:12px !important;
  }
  #products-penang .card-detail-trigger{
    min-height:32px !important;
    padding:0 10px !important;
    font-size:9.5px !important;
    border-radius:999px !important;
  }
}
@media (min-width:721px) and (max-width:899px){
  #products-penang .suite-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

/* ==== penang-action-button-unified-v7 ==== */
/* Penang action buttons — match the Master header CTA: quiet outline first, gold on interaction */
#penang-promotions .promotion-info > .btn,
#products-penang .suite-actions-single .btn,
#products-penang .suite-actions-single .btn.btn-primary{
  background:transparent !important;
  color:var(--brand-navy,#123D59) !important;
  border:1px solid var(--brand-gold,#C7A260) !important;
  box-shadow:none !important;
  border-radius:11px !important;
  min-height:44px !important;
  font-weight:800 !important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}

@media (hover:hover) and (pointer:fine){
  #penang-promotions .promotion-info > .btn:hover,
  #products-penang .suite-actions-single .btn:hover,
  #products-penang .suite-actions-single .btn.btn-primary:hover{
    background:var(--brand-gold,#C7A260) !important;
    color:#fff !important;
    border-color:var(--brand-gold,#C7A260) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 8px 18px rgba(167,129,67,.14) !important;
  }
}

#penang-promotions .promotion-info > .btn:active,
#products-penang .suite-actions-single .btn:active,
#products-penang .suite-actions-single .btn.btn-primary:active{
  background:var(--brand-gold-deep,#A78143) !important;
  color:#fff !important;
  border-color:var(--brand-gold-deep,#A78143) !important;
  transform:none !important;
  box-shadow:none !important;
}

#penang-promotions .promotion-info > .btn:focus-visible,
#products-penang .suite-actions-single .btn:focus-visible,
#products-penang .suite-actions-single .btn.btn-primary:focus-visible{
  outline:2px solid rgba(199,162,96,.28) !important;
  outline-offset:3px !important;
}

/* Promotion navigation follows the same outline language */
#penang-promotions .promotion-nav,
#penang-promotions .promotion-mobile-btn{
  background:rgba(255,255,255,.72) !important;
  color:var(--brand-navy,#123D59) !important;
  border:1px solid var(--brand-gold,#C7A260) !important;
  box-shadow:none !important;
}

@media (hover:hover) and (pointer:fine){
  #penang-promotions .promotion-nav:hover,
  #penang-promotions .promotion-mobile-btn:hover{
    background:var(--brand-gold,#C7A260) !important;
    color:#fff !important;
    border-color:var(--brand-gold,#C7A260) !important;
    box-shadow:0 8px 18px rgba(167,129,67,.12) !important;
  }
}

#penang-promotions .promotion-nav:active,
#penang-promotions .promotion-mobile-btn:active{
  background:var(--brand-gold-deep,#A78143) !important;
  color:#fff !important;
  border-color:var(--brand-gold-deep,#A78143) !important;
  box-shadow:none !important;
}

@media (max-width:720px){
  #penang-promotions .promotion-info > .btn,
  #products-penang .suite-actions-single .btn,
  #products-penang .suite-actions-single .btn.btn-primary{
    border-radius:10px !important;
    min-height:42px !important;
  }
}

/* ==== penang-suite-card-cleanup-v8 ==== */
/* v8 · Penang suite cards cleanup
   - remove Approx. labels
   - simplify nested borders
   - make lower info rows cleaner and more unified */
#products-penang .suite-card{
  background:#fff !important;
  border:1px solid rgba(223,228,230,.95) !important;
  box-shadow:0 10px 24px rgba(31,44,51,.05) !important;
}
#products-penang .suite-card-body{
  padding:18px 18px 18px !important;
}
#products-penang .suite-card-title{
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  margin-bottom:12px !important;
}
#products-penang .suite-card-title small{
  display:none !important;
}
#products-penang .price-range-grid{
  gap:8px !important;
  margin-bottom:10px !important;
}
#products-penang .price-cell{
  background:#f8f9f9 !important;
  border:1px solid rgba(227,231,232,.92) !important;
  box-shadow:none !important;
}
#products-penang .suite-card-kv{
  gap:0 !important;
  margin-bottom:14px !important;
  padding-top:2px !important;
}
#products-penang .suite-kv-row{
  grid-template-columns:96px 1fr !important;
  gap:10px !important;
  align-items:start !important;
  padding:9px 0 !important;
  border-top:0 !important;
}
#products-penang .suite-kv-row + .suite-kv-row{
  border-top:1px solid rgba(223,228,230,.78) !important;
}
#products-penang .suite-kv-row span{
  font-size:10px !important;
  letter-spacing:.09em !important;
  color:#8a959b !important;
}
#products-penang .suite-kv-row strong{
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#products-penang .suite-special-slot{
  margin:0 0 10px !important;
}
#products-penang .suite-special-box{
  padding:10px 12px !important;
  border:1px solid rgba(223,228,230,.92) !important;
  background:#f8f9f9 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
#products-penang .suite-special-label{
  color:#8a959b !important;
}
#products-penang .suite-actions{
  margin-top:auto !important;
  padding-top:2px !important;
}
#products-penang .suite-actions-single .btn,
#products-penang .suite-actions-single .btn.btn-primary{
  min-height:42px !important;
}
@media (max-width:720px){
  #products-penang .suite-card-body{padding:18px 16px 18px !important;}
  #products-penang .suite-card-title{margin-bottom:10px !important;}
  #products-penang .suite-kv-row{grid-template-columns:1fr !important;gap:4px !important;padding:8px 0 !important;}
  #products-penang .suite-kv-row span{font-size:10px !important;}
  #products-penang .suite-kv-row strong{font-size:13px !important;}
}

/* ==== penang-suite-card-single-border-v9 ==== */
/* Card outer edge cleanup: keep one subtle border only */
#products-penang .suite-card{
  border:1px solid rgba(223,228,230,.82) !important;
  box-shadow:none !important;
  outline:none !important;
  background:#fff !important;
}
#products-penang .suite-card-image,
#products-penang .suite-card-body{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
}
#products-penang .suite-card::before,
#products-penang .suite-card::after{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
}

/* ==== penang-title-promo-border-clean-v10 ==== */
/* Remove extra outline feeling from suite title and promotion block */
#products-penang .suite-card-title,
#products-penang .suite-card-title h3,
#products-penang .suite-card-title h3 span{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

#products-penang .suite-card-kv{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
}

#products-penang .suite-kv-row{
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

#products-penang .suite-kv-row + .suite-kv-row{
  border-top:1px solid rgba(223,228,230,.78) !important;
}

#products-penang .suite-special-slot{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* ==== penang-video-copy-border-clean-v11 ==== */
/* Video showcase: remove the faint rounded frame around title/copy */
.video-showcase-section .video-card-copy,
.video-showcase-section .video-card-copy::before,
.video-showcase-section .video-card-copy::after,
.video-showcase-section .video-card-copy .video-card-kicker,
.video-showcase-section .video-card-copy h3,
.video-showcase-section .video-card-copy p{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* ==== penang-content-streamlined-v12 ==== */
#products-penang .product-update-note{
  margin:0 0 14px;
  text-align:right;
  color:#8a949a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
}
#products-penang .suite-summary p{
  max-width:660px !important;
}
#products-penang .suite-kv-row span{
  text-transform:none !important;
  letter-spacing:.04em !important;
}
@media(max-width:720px){
  #products-penang .product-update-note{
    text-align:left;
    margin-bottom:12px;
    font-size:10px;
  }
}

/* ==== master-shell-v2 ==== */
.mh-header[data-master-header="v2.0"]{position:sticky!important;top:0!important;z-index:9999!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(21,43,63,.08)!important;box-shadow:none!important;font-family:var(--site-font-ui,"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important}
.mh-header[data-master-header="v2.0"] *{box-sizing:border-box}.mh-header[data-master-header="v2.0"] a{text-decoration:none}.mh-header[data-master-header="v2.0"] .mh-bar{width:min(1220px,calc(100% - 40px))!important;margin:0 auto!important;min-height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}.mh-header[data-master-header="v2.0"] .mh-brand{display:flex!important;align-items:center!important;gap:12px!important;color:#1d303b!important}.mh-header[data-master-header="v2.0"] .mh-logo{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#123d59!important;color:#fff!important;font-family:var(--site-font-display,"Playfair Display",Georgia,serif)!important;font-size:21px!important;font-weight:600!important}.mh-header[data-master-header="v2.0"] .mh-brandtext{display:flex!important;flex-direction:column!important;gap:2px!important}.mh-header[data-master-header="v2.0"] .mh-brandtext strong{font-size:14px!important;font-weight:800!important;color:#123d59!important;white-space:nowrap!important}.mh-header[data-master-header="v2.0"] .mh-brandtext small{font-size:8.5px!important;font-weight:700!important;letter-spacing:.13em!important;color:#879098!important;white-space:nowrap!important}.mh-header[data-master-header="v2.0"] .mh-right{margin-left:auto!important;display:flex!important;align-items:center!important;gap:14px!important}.mh-header[data-master-header="v2.0"] .mh-nav{display:flex!important;align-items:center!important;gap:2px!important}.mh-header[data-master-header="v2.0"] .mh-link,.mh-header[data-master-header="v2.0"] .mh-summary{min-height:42px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#47545c!important;font:inherit!important;font-size:13px!important;font-weight:750!important;white-space:nowrap!important;cursor:pointer!important}.mh-header[data-master-header="v2.0"] .mh-link:hover,.mh-header[data-master-header="v2.0"] .mh-summary:hover,.mh-header[data-master-header="v2.0"] .mh-link.is-active,.mh-header[data-master-header="v2.0"] .mh-drop.is-active>.mh-summary,.mh-header[data-master-header="v2.0"] .mh-drop[open]>.mh-summary{background:#f5f6f7!important;color:#123d59!important}.mh-header[data-master-header="v2.0"] .mh-summary{list-style:none!important}.mh-header[data-master-header="v2.0"] .mh-summary::-webkit-details-marker{display:none!important}.mh-header[data-master-header="v2.0"] .mh-drop{position:relative!important;margin:0!important;padding:0!important}.mh-header[data-master-header="v2.0"] .mh-menu{position:absolute!important;top:calc(100% + 10px)!important;left:50%!important;transform:translateX(-50%)!important;width:270px!important;padding:8px!important;display:grid!important;gap:2px!important;background:#fff!important;border:1px solid rgba(21,43,63,.10)!important;border-radius:14px!important;box-shadow:0 16px 38px rgba(29,43,52,.10)!important;z-index:10000!important}.mh-header[data-master-header="v2.0"] .mh-menu-about{width:245px!important}.mh-header[data-master-header="v2.0"] .mh-menu a{display:block!important;padding:11px 12px!important;border-radius:10px!important;color:#46535b!important;line-height:1.2!important}.mh-header[data-master-header="v2.0"] .mh-menu a:hover,.mh-header[data-master-header="v2.0"] .mh-menu a.is-current{background:#f5f6f7!important;color:#123d59!important}.mh-header[data-master-header="v2.0"] .mh-menu a.is-current strong{color:#a78143!important}.mh-header[data-master-header="v2.0"] .mh-menu a strong{display:block!important;font-size:12.5px!important;font-weight:800!important}.mh-header[data-master-header="v2.0"] .mh-menu a small{display:block!important;margin-top:3px!important;color:#89959b!important;font-size:8.5px!important;font-weight:700!important;letter-spacing:.04em!important}.mh-header[data-master-header="v2.0"] .mh-cta{min-height:44px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:1px solid rgba(199,162,96,.72)!important;border-radius:13px!important;background:#fff!important;color:#123d59!important;box-shadow:none!important;font-size:12.5px!important;font-weight:850!important;white-space:nowrap!important}.mh-header[data-master-header="v2.0"] .mh-cta span{color:#a78143!important}.mh-header[data-master-header="v2.0"] .mh-cta:hover{background:#c7a260!important;border-color:#c7a260!important;color:#fff!important}.mh-header[data-master-header="v2.0"] .mh-cta:hover span{color:#fff!important}.mh-header[data-master-header="v2.0"] .mh-menubtn{display:none!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid rgba(21,43,63,.10)!important;border-radius:12px!important;background:#fff!important;cursor:pointer!important}.mh-header[data-master-header="v2.0"] .mh-menubtn i{display:block!important;width:18px!important;height:1.5px!important;margin:3px auto!important;background:#334a57!important;border-radius:2px!important}
.mf-footer{margin:0!important;padding:58px 0 26px!important;background:#f7f8fa!important;color:#1d303b!important;border-top:1px solid rgba(21,43,63,.08)!important;font-family:var(--site-font-ui,"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important}.mf-footer *{box-sizing:border-box}.mf-grid{display:grid!important;grid-template-columns:minmax(300px,1.55fr) repeat(3,minmax(140px,.7fr))!important;gap:48px!important;align-items:start!important}.mf-brand{display:inline-flex!important;align-items:center!important;gap:12px!important;color:inherit!important;text-decoration:none!important}.mf-logo{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#123d59!important;color:#fff!important;font-family:var(--site-font-display,"Playfair Display",Georgia,serif)!important;font-size:21px!important}.mf-brandtext{display:flex!important;flex-direction:column!important;gap:2px!important}.mf-brandtext strong{font-size:15px!important;color:#123d59!important}.mf-brandtext small{font-size:8.5px!important;letter-spacing:.14em!important;color:#879098!important}.mf-brand-col p{max-width:390px!important;margin:18px 0 0!important;font-size:13.5px!important;line-height:1.75!important;color:#748087!important}.mf-highlight-link{display:inline-flex!important;gap:8px!important;margin-top:18px!important;color:#123d59!important;text-decoration:none!important;font-size:12.5px!important;font-weight:750!important}.mf-highlight-link span{color:#a78143!important}.mf-group h4{margin:3px 0 14px!important;font-size:12px!important;line-height:1.3!important;letter-spacing:.12em!important;color:#123d59!important}.mf-links{display:grid!important;gap:9px!important}.mf-links a{width:max-content!important;color:#6f7a81!important;text-decoration:none!important;font-size:13px!important;line-height:1.5!important}.mf-bottom{margin-top:42px!important;padding-top:20px!important;display:flex!important;justify-content:space-between!important;gap:24px!important;border-top:1px solid rgba(21,43,63,.08)!important;color:#8a949a!important;font-size:11.5px!important;line-height:1.55!important}
@media(max-width:1020px){.mh-header[data-master-header="v2.0"] .mh-bar{width:min(100% - 28px,1220px)!important;min-height:70px!important}.mh-header[data-master-header="v2.0"] .mh-menubtn{display:block!important}.mh-header[data-master-header="v2.0"] .mh-nav{position:absolute!important;left:14px!important;right:14px!important;top:calc(100% + 8px)!important;display:none!important;padding:10px!important;background:#fff!important;border:1px solid rgba(21,43,63,.10)!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(29,43,52,.12)!important;z-index:10000!important}.mh-header[data-master-header="v2.0"] .mh-nav.open{display:grid!important;gap:6px!important}.mh-header[data-master-header="v2.0"] .mh-link,.mh-header[data-master-header="v2.0"] .mh-summary{width:100%!important;justify-content:space-between!important;background:#f7f8f8!important}.mh-header[data-master-header="v2.0"] .mh-drop{width:100%!important}.mh-header[data-master-header="v2.0"] .mh-menu,.mh-header[data-master-header="v2.0"] .mh-menu-about{position:static!important;transform:none!important;width:100%!important;margin-top:6px!important;box-shadow:none!important}.mf-grid{grid-template-columns:1.4fr repeat(2,1fr)!important;gap:34px!important}.mf-brand-col{grid-column:1/-1!important}}
@media(max-width:720px){.mh-header[data-master-header="v2.0"] .mh-brandtext small{display:none!important}.mh-header[data-master-header="v2.0"] .mh-cta{min-height:42px!important;padding:0 13px!important;font-size:11px!important}.mh-header[data-master-header="v2.0"] .mh-cta span{display:none!important}.mf-footer{padding:46px 0 24px!important}.mf-grid{grid-template-columns:1fr 1fr!important;gap:30px 24px!important}.mf-brand-col{grid-column:1/-1!important}.mf-bottom{flex-direction:column!important;gap:8px!important}}

/* ==== site-design-system-unified-v1 ==== */
:root{--site-font-ui:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--site-font-display:"Playfair Display","Bodoni 72",Georgia,"Noto Serif SC","Songti SC","STSong","SimSun","Times New Roman",serif;--brand-navy:#123d59;--brand-navy-deep:#082c43;--brand-gold:#c7a260;--brand-gold-deep:#a78143;--text:#1d303b;--muted:#748087;--bg:#fff;--surface:#fff;--soft:#f7f8fa;--warm:#f7f8fa;--warm-2:#fbfbfc;--primary:#123d59;--primary-deep:#082c43;--deep:#082c43;--gold:#c7a260;--gold-soft:#f7f8fa;--line:rgba(21,43,63,.10);--shadow:none;--container:min(1220px,calc(100% - 40px))}
html,body{background:#fff!important;color:var(--text)!important;font-family:var(--site-font-ui)!important;font-size:15px!important;line-height:1.7!important;-webkit-font-smoothing:antialiased!important}main{background:#fff!important}main>section{padding-top:72px!important;padding-bottom:72px!important;background:#fff!important}main>section:nth-of-type(even){background:#f7f8fa!important}.container{width:var(--container)!important;margin-left:auto!important;margin-right:auto!important}h1,h2{font-family:var(--site-font-display)!important;color:var(--brand-navy-deep)!important;font-weight:500!important;letter-spacing:-.02em!important}h1{font-size:clamp(48px,6vw,82px)!important;line-height:1.04!important}h2{font-size:clamp(32px,3vw,46px)!important;line-height:1.08!important}h3{font-family:var(--site-font-ui)!important;color:var(--brand-navy)!important;font-weight:800!important;font-size:clamp(20px,1.8vw,27px)!important;line-height:1.22!important}p,li{font-size:15px!important;line-height:1.75!important;color:var(--muted)!important}small{font-size:12px!important;line-height:1.45!important}.eyebrow,.kicker,[class*="eyebrow"],[class*="kicker"]{font-family:var(--site-font-ui)!important;color:var(--brand-gold-deep)!important;font-size:12.5px!important;line-height:1.35!important;letter-spacing:.15em!important;font-weight:800!important;text-transform:uppercase!important}.section-head,.hero-head,.page-head,.choose-head,.reviews-head,.content-head{margin-bottom:28px!important}.section-head h1,.section-head h2,.hero-head h1,.hero-head h2,.page-head h1,.page-head h2,.choose-head h2,.reviews-head h2{margin-top:10px!important;margin-bottom:12px!important}.section-head p,.hero-head p,.page-head p,.choose-head p,.reviews-head p,.content-head p{max-width:680px!important;font-size:15px!important;line-height:1.75!important;color:var(--muted)!important}.btn,.button,[class*="btn"],[class*="button"]{border-radius:13px!important;font-family:var(--site-font-ui)!important;font-weight:800!important;box-shadow:none!important}.btn-primary,[class*="primary"]{background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;color:#fff!important}.btn-secondary,[class*="secondary"]{background:#fff!important;border:1px solid rgba(18,61,89,.24)!important;color:var(--brand-navy)!important}[class*="card"],[class*="box"],[class*="panel"],[class*="tile"],[class*="choice"],[class*="photo"],[class*="visual"],[class*="shot"],[class*="moment"],[class*="reel-thumb"]{border-radius:18px!important;border-width:1px!important;border-color:rgba(21,43,63,.10)!important;box-shadow:none!important}[class*="card"]:not(.mh-brand):not(.mf-brand),[class*="box"],[class*="panel"],[class*="tile"],[class*="choice"]{border-style:solid!important}
@media(max-width:1020px){:root{--container:min(100% - 28px,1220px)}html,body{font-size:14px!important}main>section{padding-top:58px!important;padding-bottom:58px!important}h1{font-size:clamp(42px,7vw,68px)!important}h2{font-size:34px!important}h3{font-size:22px!important}p,li{font-size:14px!important}[class*="card"],[class*="box"],[class*="panel"],[class*="tile"],[class*="choice"],[class*="photo"],[class*="visual"],[class*="shot"],[class*="moment"],[class*="reel-thumb"]{border-radius:17px!important}}
@media(max-width:720px){:root{--container:min(100% - 24px,100%)}main>section{padding-top:44px!important;padding-bottom:44px!important}h1{font-size:clamp(40px,13vw,58px)!important}h2{font-size:30px!important}h3{font-size:20px!important}p,li{font-size:13.5px!important}.eyebrow,.kicker,[class*="eyebrow"],[class*="kicker"]{font-size:11.5px!important}[class*="card"],[class*="box"],[class*="panel"],[class*="tile"],[class*="choice"],[class*="photo"],[class*="visual"],[class*="shot"],[class*="moment"],[class*="reel-thumb"]{border-radius:15px!important}}

/* ==== location-pages-unified-v15 ==== */
/* =========================================================
   LOCATION SUBPAGES · UNIFIED v15
   Same visual hierarchy for Penang / Butterworth / Bukit Mertajam / Sungai Petani
   ========================================================= */
.penang-banner-hero{padding:24px 0 18px !important;}
.penang-banner-card{
  min-height:430px !important;
  border-radius:22px !important;
  box-shadow:none !important;
  border:1px solid rgba(21,43,63,.10) !important;
}
.penang-banner-content{
  left:40px !important;right:40px !important;bottom:32px !important;
  max-width:700px !important;
}
.penang-banner-content .eyebrow{
  color:#eadcc7 !important;font-size:12px !important;letter-spacing:.15em !important;
}
.penang-banner-content h1{max-width:640px !important;color:#fff !important;}
.penang-banner-content h1 .serif{color:#fff !important;}
.penang-banner-content p{max-width:620px !important;color:rgba(255,255,255,.88) !important;}
.penang-banner-chips span{color:#fff !important;}

#penang-promotions .section-head,
#products-penang .section-head,
#video-showcase .video-showcase-head{margin-bottom:24px !important;}
#penang-promotions .section-head .copy,
#products-penang .section-head .copy,
#video-showcase .video-showcase-copy{max-width:760px !important;}
#penang-promotions .section-head p,
#products-penang .section-head p,
#video-showcase .video-showcase-copy p{max-width:680px !important;}

/* Promotion cards */
#penang-promotions .promotion-info>.btn{
  background:transparent !important;
  color:var(--brand-navy,#123D59) !important;
  border:1px solid var(--brand-gold,#C7A260) !important;
  box-shadow:none !important;
  border-radius:11px !important;
  min-height:44px !important;
  font-weight:800 !important;
}
#penang-promotions .promotion-nav,
#penang-promotions .promotion-mobile-btn{
  background:rgba(255,255,255,.78) !important;
  color:var(--brand-navy,#123D59) !important;
  border:1px solid var(--brand-gold,#C7A260) !important;
  box-shadow:none !important;
}
@media (hover:hover) and (pointer:fine){
  #penang-promotions .promotion-info>.btn:hover,
  #products-penang .suite-actions-single .btn:hover,
  #penang-promotions .promotion-nav:hover,
  #penang-promotions .promotion-mobile-btn:hover{
    background:var(--brand-gold,#C7A260) !important;
    color:#fff !important;
    border-color:var(--brand-gold,#C7A260) !important;
  }
}

/* Product section */
#products-penang .product-update-note{
  margin:0 0 14px !important;text-align:right !important;
  color:#8a949a !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.05em !important;
}
#products-penang .suite-card{
  background:#fff !important;border:1px solid rgba(223,228,230,.82) !important;
  box-shadow:none !important;outline:none !important;
}
#products-penang .suite-card-image,
#products-penang .suite-card-body,
#products-penang .suite-card-title,
#products-penang .suite-card-title h3,
#products-penang .suite-card-title h3 span{
  border:0 !important;outline:none !important;box-shadow:none !important;
}
#products-penang .suite-card-body{padding:18px !important;display:flex !important;flex-direction:column !important;}
#products-penang .suite-card-title{margin-bottom:12px !important;align-items:flex-start !important;justify-content:flex-start !important;}
#products-penang .suite-card-title small{display:none !important;}
#products-penang .price-range-grid{gap:8px !important;margin-bottom:10px !important;}
#products-penang .price-cell{background:#f8f9f9 !important;border:1px solid rgba(227,231,232,.92) !important;box-shadow:none !important;}
#products-penang .suite-card-kv{
  gap:0 !important;margin-bottom:14px !important;padding:0 !important;
  border:0 !important;border-radius:0 !important;outline:none !important;box-shadow:none !important;background:transparent !important;
}
#products-penang .suite-kv-row{
  grid-template-columns:96px 1fr !important;gap:10px !important;align-items:start !important;
  padding:9px 0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;
}
#products-penang .suite-kv-row + .suite-kv-row{border-top:1px solid rgba(223,228,230,.78) !important;}
#products-penang .suite-kv-row span{
  font-size:10px !important;letter-spacing:.04em !important;text-transform:none !important;color:#8a959b !important;
}
#products-penang .suite-kv-row strong{font-size:13px !important;line-height:1.35 !important;font-weight:800 !important;}
#products-penang .suite-actions{margin-top:auto !important;padding-top:2px !important;}
#products-penang .suite-actions-single .btn,
#products-penang .suite-actions-single .btn.btn-primary{
  background:transparent !important;color:var(--brand-navy,#123D59) !important;
  border:1px solid var(--brand-gold,#C7A260) !important;box-shadow:none !important;
  border-radius:11px !important;min-height:42px !important;font-weight:800 !important;
}
#products-penang .suite-special-slot{border:0 !important;outline:none !important;box-shadow:none !important;background:transparent !important;}

/* Group headers */
#products-penang .suite-summary p{max-width:660px !important;}
#products-penang .suite-meta span{box-shadow:none !important;}

/* Unified location meta tags: match Penang inline style */
#products-penang .suite-meta{
  gap:0 !important;
  row-gap:6px !important;
  column-gap:0 !important;
}
#products-penang .suite-meta span{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  color:var(--muted) !important;
  font-size:13px !important;
  font-weight:700 !important;
  position:relative;
}
#products-penang .suite-meta span + span{
  margin-left:12px !important;
  padding-left:14px !important;
}
#products-penang .suite-meta span + span::before{
  content:"·";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  color:#9aa6ad;
  font-weight:800;
}


/* Video cards: always readable */
.video-showcase-section .video-card-copy,
.video-showcase-section .video-card-copy::before,
.video-showcase-section .video-card-copy::after,
.video-showcase-section .video-card-copy h3,
.video-showcase-section .video-card-copy p,
.video-showcase-section .video-card-kicker{
  border:0 !important;outline:none !important;box-shadow:none !important;background:transparent !important;
}
.video-showcase-section .video-card-copy,
.video-showcase-section .video-card h3{color:#fff !important;}
.video-showcase-section .video-card p{color:rgba(255,255,255,.82) !important;}
.video-showcase-section .video-card-kicker{color:#e6d5bc !important;}

@media(max-width:1100px){
  .penang-banner-card{min-height:390px !important;}
  .penang-banner-content{left:30px !important;right:30px !important;bottom:28px !important;}
}
@media(max-width:720px){
  .penang-banner-hero{padding:16px 0 12px !important;}
  .penang-banner-card{min-height:525px !important;border-radius:18px !important;}
  .penang-banner-content{left:20px !important;right:20px !important;bottom:20px !important;max-width:none !important;}
  #products-penang .product-update-note{text-align:left !important;margin-bottom:12px !important;font-size:10px !important;}
  #products-penang .suite-card-body{padding:18px 16px !important;}
  #products-penang .suite-kv-row{grid-template-columns:1fr !important;gap:4px !important;padding:8px 0 !important;}
}

/* ==== location-template-strict-v17 ==== */
/* =========================================================
   LOCATION SUBPAGE STRICT TEMPLATE · v17
   All four location pages use the same product-card structure.
   Only place/product/price/promotion data may differ.
   ========================================================= */
#products-penang .suite-card{
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border:1px solid rgba(223,228,230,.82) !important;
  box-shadow:none !important;
  outline:none !important;
  overflow:hidden !important;
}
#products-penang .suite-card-image,
#products-penang .suite-card-body{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
}
#products-penang .suite-card-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}
#products-penang .suite-card-title,
#products-penang .suite-card-title h3,
#products-penang .suite-card-title h3 span{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
#products-penang .suite-card-sub{
  margin:-4px 0 10px !important;
  color:#7b878e !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
  min-height:0 !important;
}
#products-penang .suite-card-kv{
  display:grid !important;
  gap:0 !important;
  margin:0 0 14px !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
}
#products-penang .suite-kv-row{
  display:grid !important;
  grid-template-columns:82px 1fr !important;
  gap:10px !important;
  align-items:start !important;
  padding:9px 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#products-penang .suite-kv-row + .suite-kv-row{
  border-top:1px solid rgba(223,228,230,.78) !important;
}
#products-penang .suite-kv-row span{
  font-size:10px !important;
  line-height:1.4 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
  color:#8a959b !important;
  font-weight:800 !important;
}
#products-penang .suite-kv-row strong{
  font-size:13px !important;
  line-height:1.4 !important;
  color:var(--text,#1D303B) !important;
  font-weight:800 !important;
}
#products-penang .suite-actions{
  margin-top:auto !important;
  padding-top:2px !important;
}
#products-penang .suite-actions-single .btn,
#products-penang .suite-actions-single .btn.btn-primary{
  width:100% !important;
  min-height:42px !important;
  background:transparent !important;
  color:var(--brand-navy,#123D59) !important;
  border:1px solid var(--brand-gold,#C7A260) !important;
  box-shadow:none !important;
  border-radius:11px !important;
  font-weight:800 !important;
}
@media (hover:hover) and (pointer:fine){
  #products-penang .suite-actions-single .btn:hover,
  #products-penang .suite-actions-single .btn.btn-primary:hover{
    background:var(--brand-gold,#C7A260) !important;
    color:#fff !important;
    border-color:var(--brand-gold,#C7A260) !important;
  }
}

/* Product group meta: identical inline treatment, never pill boxes */
#products-penang .suite-meta{
  gap:0 !important;
  row-gap:6px !important;
  column-gap:0 !important;
}
#products-penang .suite-meta span{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  color:var(--muted,#748087) !important;
  font-size:13px !important;
  font-weight:700 !important;
  position:relative !important;
}
#products-penang .suite-meta span + span{
  margin-left:12px !important;
  padding-left:14px !important;
}
#products-penang .suite-meta span + span::before{
  content:"·" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#9aa6ad !important;
  font-weight:800 !important;
}

/* Promotion cards use the same three finance rows */
#penang-promotions .promotion-terms{
  display:grid !important;
  gap:0 !important;
  margin-bottom:18px !important;
}
#penang-promotions .promotion-terms > div{
  display:grid !important;
  grid-template-columns:92px 1fr !important;
  gap:10px !important;
  padding:9px 0 !important;
  border:0 !important;
}
#penang-promotions .promotion-terms > div + div{
  border-top:1px solid rgba(223,228,230,.78) !important;
}
#penang-promotions .promotion-terms span{
  text-transform:none !important;
  letter-spacing:.04em !important;
  font-size:10px !important;
  color:#8a959b !important;
}
#penang-promotions .promotion-terms strong{
  font-size:13px !important;
  line-height:1.4 !important;
}
#penang-promotions .promotion-info > .btn,
#penang-promotions .promotion-info > .btn.btn-primary{
  background:transparent !important;
  color:var(--brand-navy,#123D59) !important;
  border:1px solid var(--brand-gold,#C7A260) !important;
  box-shadow:none !important;
  border-radius:11px !important;
  min-height:44px !important;
  font-weight:800 !important;
}
@media (hover:hover) and (pointer:fine){
  #penang-promotions .promotion-info > .btn:hover,
  #penang-promotions .promotion-info > .btn.btn-primary:hover{
    background:var(--brand-gold,#C7A260) !important;
    color:#fff !important;
    border-color:var(--brand-gold,#C7A260) !important;
  }
}

/* Same video treatment on every location page */
.video-showcase-section .video-card-copy,
.video-showcase-section .video-card-copy::before,
.video-showcase-section .video-card-copy::after,
.video-showcase-section .video-card-copy h3,
.video-showcase-section .video-card-copy p,
.video-showcase-section .video-card-kicker{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
.video-showcase-section .video-card-copy,
.video-showcase-section .video-card h3{color:#fff !important;}
.video-showcase-section .video-card p{color:rgba(255,255,255,.82) !important;}
.video-showcase-section .video-card-kicker{color:#e6d5bc !important;}

@media(max-width:720px){
  #products-penang .suite-kv-row{
    grid-template-columns:1fr !important;
    gap:4px !important;
    padding:8px 0 !important;
  }
  #products-penang .suite-meta span{font-size:10px !important;}
  #products-penang .suite-meta span + span{margin-left:9px !important;padding-left:11px !important;}
  #penang-promotions .promotion-terms > div{
    grid-template-columns:82px 1fr !important;
    gap:8px !important;
    padding:8px 0 !important;
  }
}

/* ==== location-visual-system-v1-sp ==== */
/* LOCATION VISUAL SYSTEM · SUNGAI PETANI
   Same hero/product-card language as Penang, Butterworth and Bukit Mertajam. */

/* HERO */
.penang-banner-hero{padding:24px 0 18px!important}
.penang-banner-card{
  min-height:430px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(163,173,178,.18)!important;
}
.penang-banner-content{
  left:40px!important;
  right:40px!important;
  bottom:32px!important;
  max-width:700px!important;
}
.penang-banner-content .eyebrow{
  margin-bottom:12px!important;
  font-size:12px!important;
  letter-spacing:.18em!important;
}
.penang-banner-content h1{
  font-size:clamp(30px,4.2vw,58px)!important;
  line-height:.98!important;
  margin:0 0 12px!important;
  max-width:640px!important;
  color:#fff!important;
}
.penang-banner-content h1 .serif{
  display:block!important;
  font-size:.92em!important;
  line-height:1.02!important;
  font-weight:600!important;
}
.penang-banner-content p{
  margin:0!important;
  max-width:620px!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.penang-banner-chips{gap:10px!important;margin-top:18px!important}
.penang-banner-chips span{
  padding:10px 14px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:700!important;
}

/* PRODUCT SUMMARY */
#products-penang .section-head{margin-bottom:18px!important}
#products-penang .section-head .copy{max-width:820px!important}
#products-penang .suite-summary{
  padding:24px 28px!important;
  margin-bottom:20px!important;
}

/* PRODUCT CARDS */
@media (min-width:900px){
  #products-penang .suite-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  #products-penang .suite-card{
    display:flex!important;
    flex-direction:column!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid rgba(223,228,230,.82)!important;
    box-shadow:none!important;
  }
  #products-penang .suite-card-image{height:218px!important}
  #products-penang .suite-card-body{
    padding:17px 17px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
  }
  #products-penang .suite-card-title{
    gap:8px!important;
    margin-bottom:11px!important;
  }
  #products-penang .suite-card-title h3{
    font-size:20px!important;
    line-height:1.08!important;
  }
  #products-penang .suite-card-title h3 span{
    font-size:.72em!important;
    margin-top:3px!important;
  }
  #products-penang .price-range-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-bottom:12px!important;
  }
  #products-penang .price-range-grid.single-price-grid{
    grid-template-columns:1fr!important;
  }
  #products-penang .price-cell{
    padding:10px 11px!important;
    border-radius:12px!important;
    background:#f8f9f9!important;
    border:1px solid rgba(227,231,232,.92)!important;
    box-shadow:none!important;
  }
  #products-penang .price-cell .label{
    font-size:9px!important;
    margin-bottom:4px!important;
  }
  #products-penang .price-cell strong{
    font-size:18px!important;
  }
  #products-penang .suite-card-kv{
    display:grid!important;
    gap:0!important;
    margin:0 0 14px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
  }
  #products-penang .suite-kv-row{
    display:grid!important;
    grid-template-columns:82px 1fr!important;
    gap:10px!important;
    padding:9px 0!important;
    border:0!important;
    background:transparent!important;
  }
  #products-penang .suite-kv-row + .suite-kv-row{
    border-top:1px solid rgba(223,228,230,.78)!important;
  }
  #products-penang .suite-kv-row span{
    font-size:10px!important;
    line-height:1.4!important;
    letter-spacing:.04em!important;
    text-transform:none!important;
    color:#8a959b!important;
    font-weight:800!important;
  }
  #products-penang .suite-kv-row strong{
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:800!important;
  }
  #products-penang .suite-actions-single .btn{
    min-height:42px!important;
    font-size:12px!important;
  }
}

/* WHATSAPP CHOOSER */
.location-wa-modal{
  position:fixed;inset:0;z-index:13000;display:none;
  align-items:center;justify-content:center;padding:24px;
}
.location-wa-modal.is-open{display:flex}
.location-wa-backdrop{
  position:absolute;inset:0;background:rgba(8,30,42,.46);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.location-wa-panel{
  position:relative;z-index:1;width:min(520px,100%);
  padding:28px;background:#fff;
  border:1px solid rgba(21,43,63,.10);border-radius:18px;
  box-shadow:0 24px 70px rgba(12,32,45,.18);
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
.location-wa-close{
  position:absolute;right:16px;top:14px;width:36px;height:36px;
  border:0;border-radius:50%;background:#f4f6f7;color:#123d59;
  font-size:24px;line-height:1;cursor:pointer;
}
.location-wa-kicker{
  display:inline-block;color:#a78143;font-size:11px;font-weight:800;
  letter-spacing:.12em;
}
.location-wa-panel h3{
  margin:10px 44px 7px 0;color:#123d59;
  font-size:26px;line-height:1.2;font-weight:800;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
.location-wa-context{
  margin:0 0 18px!important;color:#748087!important;
  font-size:13px!important;line-height:1.6!important;
}
.location-wa-list{display:grid;gap:10px}
.location-wa-person{
  display:grid;grid-template-columns:46px 1fr auto;
  align-items:center;gap:13px;min-height:72px;padding:12px 14px;
  border:1px solid rgba(21,43,63,.10);border-radius:14px;background:#fff;
  text-decoration:none;transition:.18s ease;
}
.location-wa-person:hover{
  border-color:rgba(167,129,67,.55);
  background:rgba(199,162,96,.06);
}
.location-wa-avatar{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:#123d59;color:#fff;font-size:15px;font-weight:900;
}
.location-wa-copy strong{display:block;color:#123d59;font-size:15px}
.location-wa-copy small{display:block;margin-top:3px;color:#748087;font-size:11px}
.location-wa-arrow{color:#a78143;font-size:18px}
body.location-wa-open{overflow:hidden}

/* TABLET */
@media (max-width:1100px){
  .penang-banner-card{min-height:390px!important}
  .penang-banner-content{
    left:30px!important;right:30px!important;bottom:28px!important;
  }
}
@media (min-width:721px) and (max-width:899px){
  #products-penang .suite-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

/* MOBILE */
@media (max-width:720px){
  .penang-banner-hero{padding:16px 0 12px!important}
  .penang-banner-card{min-height:525px!important;border-radius:18px!important}
  .penang-banner-content{
    left:20px!important;right:20px!important;bottom:20px!important;max-width:none!important;
  }
  .penang-banner-content h1{font-size:31px!important;margin-bottom:8px!important}
  .penang-banner-content p{font-size:12.5px!important;line-height:1.58!important}
  .penang-banner-chips span{
    padding:8px 10px!important;font-size:10px!important;border-radius:11px!important;
  }

  #products-penang .suite-summary{
    padding:18px 18px 20px!important;
    margin-bottom:16px!important;
  }

  .location-wa-modal{padding:16px;align-items:flex-end}
  .location-wa-panel{
    width:100%;padding:23px 18px 18px;
    border-radius:18px 18px 14px 14px;
  }
  .location-wa-panel h3{font-size:22px}
}

/* ==== sp-standard-lock-pre-price-20261002 ==== */
/* =========================================================
   SUNGAI PETANI STANDARD LOCK · PRE-PRICE · 2026-10-02
   Align with finalized Penang / Butterworth / Bukit Mertajam.
   Price/status data will be updated separately afterwards.
   ========================================================= */

/* Typography */
html,body,button,input,select,textarea{
  font-family:var(--site-font-ui,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif) !important;
}
.penang-banner-content h1,
#penang-promotions .promotion-heading h2,
#products-penang .section-head h2,
#products-penang .suite-summary h2,
.video-showcase-copy h2{
  font-family:var(--site-font-display,"Playfair Display","Bodoni 72",Georgia,"Noto Serif SC","Songti SC","STSong","SimSun","Times New Roman",serif) !important;
}
#products-penang .suite-card-title h3,
#products-penang .mobile-suite-title,
#penang-promotions .promotion-info h3{
  font-family:var(--site-font-ui,"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif) !important;
}

/* Hero */
.penang-banner-card{
  min-height:430px !important;
  border-radius:22px !important;
  box-shadow:none !important;
  border:1px solid rgba(21,43,63,.10) !important;
}
.penang-banner-content p{
  max-width:650px !important;
  font-size:14px !important;
  line-height:1.65 !important;
}

/* Section rhythm */
#penang-promotions .promotion-heading,
#products-penang .section-head{
  margin-bottom:24px !important;
}

/* Product-group intros: clean inline treatment, same as finalized location pages. */
#products-penang .suite-block{
  margin-top:0 !important;
  padding-top:0 !important;
}
#products-penang .suite-block + .suite-block{
  margin-top:44px !important;
  padding-top:0 !important;
}
#products-penang .suite-summary{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 20px !important;
}
#products-penang .suite-summary h2{
  margin:6px 0 10px !important;
}
#products-penang .suite-summary p{
  max-width:900px !important;
  margin:0 !important;
}
#products-penang .suite-meta{
  margin-top:16px !important;
}

/* Product cards */
@media (min-width:900px){
  #products-penang .suite-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  #products-penang .suite-card{
    border-radius:16px !important;
    border:1px solid rgba(223,228,230,.82) !important;
    box-shadow:none !important;
  }
  #products-penang .suite-card-image{
    height:218px !important;
  }
  #products-penang .suite-card-body{
    padding:17px 17px 18px !important;
  }
}
@media (min-width:721px) and (max-width:899px){
  #products-penang .suite-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

#products-penang .suite-card-title h3{
  overflow-wrap:anywhere;
}
#products-penang .suite-card-title h3 span,
#products-penang .mobile-suite-title span{
  display:block;
}

/* Price + terms */
#products-penang .price-cell{
  border:1px solid rgba(227,231,232,.92) !important;
  background:#F8F9F9 !important;
}
#products-penang .suite-kv-row{
  border-bottom:1px solid rgba(21,43,63,.08) !important;
}
#products-penang .suite-kv-row:last-child{
  border-bottom:0 !important;
}

/* Tablet / mobile */
@media (max-width:1100px){
  .penang-banner-card{
    min-height:390px !important;
  }
}
@media (max-width:720px){
  .penang-banner-card{
    min-height:525px !important;
    border-radius:18px !important;
  }
  #products-penang .suite-block + .suite-block{
    margin-top:32px !important;
  }
  #products-penang .suite-summary{
    margin-bottom:12px !important;
    padding:0 !important;
  }
  #products-penang .suite-summary h2{
    font-size:26px !important;
    margin-bottom:8px !important;
  }
  #products-penang .suite-summary p{
    font-size:13px !important;
    line-height:1.6 !important;
  }
  #products-penang .suite-meta{
    margin-top:12px !important;
  }
}

/* ==== post-handoff fix: phone & tablet (design update 2026-10-04) ====
 * Text wrapping below 1181px only, so the desktop design is unchanged.
 * - No single character left alone on a line: headings and short labels are balanced, other text
 *   wraps "pretty" (Chrome / Edge / Safari 26; older browsers simply keep the normal wrapping).
 */
@media (max-width:1180px){
  main{text-wrap:pretty}
  main :is(h1,h2,h3,h4,strong){text-wrap:balance}
}

/* - Prices never break before "起" (tablet and laptop card grids, from 721px): each price stays on one line
 *   and keeps the design's size (22px up to 899px, 18px from 900px), shrinking only in a cell too narrow for
 *   it, e.g. the three-per-row cards at 900-1000px. Widths where a price already fits are unchanged.
 *   (!important: the update's final lock sets the 18px size with !important.)
 */
@media (min-width:721px){
  #products-penang .price-cell{container-type:inline-size}
  #products-penang .price-cell strong{white-space:nowrap}
}
@media (min-width:721px) and (max-width:899px){
  #products-penang .price-cell strong{font-size:min(22px,15cqi) !important}
}
@media (min-width:900px){
  #products-penang .price-cell strong{font-size:min(18px,15cqi) !important}
}