/* ระบบดีไซน์กลาง (design tokens) — โหลดท้ายสุดในหน้าแรก + 3 หน้าแบรนด์ เพื่อให้ปุ่ม/การ์ดรูปทรงเดียวกันทั้งเว็บ
   สีและตัวตนของแต่ละแบรนด์ (ทอง Glänzend / แดง SCP / ทองเหลือง Iron Seal) ไม่แตะ — ปรับเฉพาะ "รูปทรง" */
:root{
  --r-btn:3px;      /* มุมปุ่มทุกแบบ (เดิมมี 0/2/3/100/999px) */
  --r-card:8px;     /* มุมการ์ดหลัก (เดิมมี 6/8/10/12/18px) */
  --btn-h:56px;     /* ความสูงปุ่ม CTA หลัก (เดิม 54/56/58/60px) */
  --page-bg:#08090a;/* พื้นหลังหน้า (Glänzend เดิม #0a0a0b) */
}
body{background-color:var(--page-bg)}

/* ปุ่ม */
.scp-film-btn{border-radius:var(--r-btn)}
.scp2[style*="border-radius: 100px"]{border-radius:var(--r-btn)!important}
.cta-btn,.bpf-btn,.gl-detail-btn,.btn-primary,.btn-secondary,.pp-btn{min-height:var(--btn-h);box-sizing:border-box}

/* การ์ด */
.scp-film-card,.gc-card,.hfp-card{border-radius:var(--r-card)}

/* ── จังหวะระยะห่าง ─────────────────────────────────────────────── */
:root{--sec-y:96px;--gap-card:20px}
@media (max-width:640px){:root{--sec-y:64px}}

/* ส่วนหัวหน้า (hero) ทั้ง 3 แบรนด์: เดิมสูงเต็มจอ (100vh) ทำให้จอสูงมีที่ว่างด้านบนมาก → จำกัด 720–880px */
@media (min-width:981px){
  body.ui26-product .ui26-hero,header#top{min-height:clamp(720px,88svh,880px)!important}
}

/* ปุ่มทรงแคปซูลที่ฝัง inline (ไม่มี class) */
a[style*="border-radius: 100px"],a[style*="border-radius:100px"]{border-radius:var(--r-btn)!important}

/* ระยะบน-ล่างของ section: ทุกหน้าใช้ค่าเดียว (เดิม 0/72/80/90/96/100/110px) */
#story,#brands,#leadership,#why,#proof,#how,#faq,#specs,#products,#compare,#fit,#sky-roof,#video,
#what-is-ppf,#types,#ironseal,#warranty,#partner-finder,.ui26-content-section{padding-top:var(--sec-y)!important;padding-bottom:var(--sec-y)!important}

/* ช่องว่างระหว่างการ์ด */
.gc-cards,.rgrid{gap:var(--gap-card)!important}
.hfp-grid{gap:12px}

/* หัวข้อ 2 บรรทัดของ Iron Seal ซ้อนกัน (line-height แน่นเกินสำหรับภาษาไทย) */
.isk-head h2{line-height:1.3!important}
.isk-head h2 .isk-nowrap{display:inline-block;line-height:1.3}

/* กลุ่ม "ข้อความ → ปุ่ม → หมายเหตุ" ใต้ตารางสเปก Glänzend แน่นเกินไป (22px / 9px) → ขยายเป็น 36px / 20px */
.gl-spec-cta{padding-top:14px}
.gl-spec-cta > a{margin-top:0}
.gl-spec-cta > span{display:block;margin-top:20px!important}
.gl-spec-cta > span{font-size:14px!important;line-height:1.6!important;color:#a8abb2!important}

/* ── แบนเนอร์คุกกี้ (consent.js) ───────────────────────────────── */
#scp-consent{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:2147483000;max-width:560px;margin:0 auto;padding:14px 16px;border:1px solid rgba(201,162,75,.35);border-radius:var(--r-card);background:rgba(14,14,16,.97);color:#e8e8ea;box-shadow:0 18px 48px rgba(0,0,0,.6);font:400 14px/1.6 Anuphan,sans-serif}
#scp-consent p{margin:0 0 10px;font-size:13.5px;line-height:1.55}
.scp-consent-btns{display:flex;gap:10px;justify-content:flex-end}
.scp-consent-btns button{min-height:44px;padding:0 20px;border-radius:var(--r-btn);border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:600 14px Saira,Anuphan,sans-serif;cursor:pointer}
.scp-consent-btns button.is-primary{border-color:transparent;color:#0a0a0b;background:linear-gradient(135deg,#f3d98b,#c9a24b 60%,#b8862f)}
.scp-consent-btns button:focus-visible{outline:2px solid #e8cc7a;outline-offset:3px}
@media (max-width:640px){#scp-consent{bottom:calc(72px + env(safe-area-inset-bottom))}.scp-consent-btns button{flex:1}}

/* ── มือถือ ─────────────────────────────────────────────────────── */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary{-webkit-tap-highlight-color:rgba(201,162,75,.22)}
/* แถบปุ่มติดขอบล่าง: เว้นพื้นที่ปุ่ม Home Indicator ของ iPhone */
.mcta,.ui26-mobile-actions{padding-bottom:env(safe-area-inset-bottom)}
@media (max-width:640px){
  /* ตัวอักษรต้องไม่เล็กกว่า 12px */
  .tier-ribbon,.tier-ribbon *,.tier-stars,.gc-tier,.gc-yes,.gc-no,.gc-n,.scp-film-badge,.scp-cmp-lbl,.scp-cmp-h,.dt,.ui26-spec-head,
  .ui26-brand-footer-owner,.isk-why-qlbl,.isk-why-rlbl,.isk-lbl,.isc-tag,.brand-legend-label,.brand-badge,.partner-tier-badge,
  .btn-detail,.ui26-work-eyebrow,.ui26-work-source,.partner-contact-eyebrow,.pp-badge,.pp-net,.ar-tag,.sc-interp,
  .ui26-spec-row span,.isk-why-fig b,.bpf-group > h3 span,.gl-proof-item b,.scp-sky-dl dt,.ui26-partner-heading div,.ui26-work-head p,.ui26-work-card span,
  .partner-contact-info div,.partner-masthead-inner div{font-size:12px!important}
  [style*="font-size: 8px"],[style*="font-size: 8.5px"],[style*="font-size: 9px"],[style*="font-size: 10px"],[style*="font-size: 10.5px"],
  [style*="font-size: 11px"],[style*="font-size: 11.5px"],[style*="font-size:8px"],[style*="font-size:9px"],[style*="font-size:10px"],
  [style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"]{font-size:12px!important}
  /* กันซูมเองของ iOS เมื่อแตะช่องค้นหา */
  input,select,textarea{font-size:16px!important}
}
/* พื้นที่แตะ ≥44px บนจอสัมผัส (ภาพไม่ขยับ: เพิ่มเฉพาะขนาดกล่องของปุ่ม/ลิงก์ที่เล็กเกิน) */
@media (pointer:coarse),(max-width:640px){
  .btn-icon-only{min-width:44px;min-height:44px}
  .btn-detail,.pp-nav-back,.pp-nav-brand,.ar-nav-cta{min-height:44px;display:inline-flex;align-items:center}
  summary{min-height:44px;display:flex;align-items:center}
  .pp-crumb a,.ar-crumb a{display:inline-block;padding-block:12px}
  .pp-sib a,.pp-svc a,.hfp-go{display:inline-block;padding-block:10px}
  .pp-nav-brand,.ar-nav-logo,.ui26-nav a,.u-nav-brand{min-height:44px}
}

/* ── สเกลหัวข้อ (หน้าแรก + 3 หน้าแบรนด์) ───────────────────────── */
:root{--h1:clamp(40px,5.6vw,76px);--h2:clamp(30px,3.7vw,48px)}
body.ui26-product .ui26-hero h1,header#top h1{font-size:var(--h1)!important;line-height:1.1!important}
#story>div>h2,#brands h2,#leadership h2,.hfp h2,#why>div>h2,#proof h2,#how h2,#faq h2,#specs h2,#products h2,#compare h2,#fit h2,#sky-roof h2,#video h2,
#what-is-ppf h2,#types h2,#ironseal h2,#warranty h2,#partner-finder h2,#dealer h2,#contact h2,.ui26-section-heading h2,.bpf-head h2{font-size:var(--h2)!important;line-height:1.2!important}
body:not(.ui26-partner) section:not(.pp-sec):not(.ar-sec):not(.ar-rail) h2,.isk-why-copy h2,body.ui26-product .ui26-section-heading h2{font-size:var(--h2)!important;line-height:1.2!important}