/* ==========================================================================
   theme.css — Premium enterprise design layer for ฟาร์มไซบีเรียนชุมพร
   Loaded AFTER each page's inline <style> to unify the whole site to the
   navy / gold / serif-display luxury standard. Reuses existing class names.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Trirong:wght@400;500;600&family=Anuphan:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{--gold2:#D8B863;--navy2:#16294C}

/* ---------- typography ---------- */
body{font-family:'Anuphan','Inter',sans-serif}
h1,h2,h3{font-family:'Trirong','Cormorant',serif;font-weight:500;letter-spacing:.2px}

/* eyebrow / kicker labels */
.hero .eyebrow,.lead .eyebrow,.cat{font-family:'Inter',sans-serif;font-weight:600;letter-spacing:3px;text-transform:uppercase;font-size:12px;color:var(--gold)}

/* ---------- sticky premium top bar ---------- */
.top{position:sticky;top:0;z-index:100;background:rgba(15,28,54,.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,184,99,.22);padding:15px 0;font-family:'Inter',sans-serif;font-size:13.5px;letter-spacing:.3px}
.top a,.top a.home{color:var(--gold2)}
.top .ph{font-family:'Inter',sans-serif;color:rgba(247,243,236,.7);letter-spacing:.5px}

/* ---------- hero ---------- */
.hero{padding-top:76px;padding-bottom:70px}
.hero h1{font-family:'Trirong',serif;font-weight:500;line-height:1.14;letter-spacing:0;margin-top:16px}
.hero p{font-size:17px;line-height:1.7}
.hero .eyebrow{margin-bottom:12px}
.hero .stars{color:var(--gold2)}

/* stat figures → serif italic gold */
.stats .n,.stat .n,.hero .rate .n{font-family:'Cormorant',serif!important;font-style:italic;color:var(--gold2)!important;font-weight:500}
.stats .l,.stat .l,.hero .rate .l{font-family:'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:11.5px}

/* ---------- section rhythm ---------- */
section{padding:80px 0}
.lead h2,h2.sec{font-family:'Trirong',serif;font-weight:500;line-height:1.18;text-wrap:balance}
p.par,.lead p{line-height:1.85}

/* ---------- squared premium buttons ---------- */
.cta,.final a,.tier a,.hero .cta,.card a{border-radius:2px!important;font-family:'Inter',sans-serif!important;font-weight:600!important;letter-spacing:.4px}
.final a.web{background:var(--gold2);color:var(--navy)}

/* ---------- cards / panels: crisp edges, refined borders ---------- */
.tier,.incl,.card,.q,.ship,.masonry img{border-radius:4px!important}
.tier{border:1px solid rgba(15,28,54,.14)}
.tier.feat{background:var(--navy);box-shadow:0 26px 60px rgba(15,28,54,.28)}
.tier h3,.card h3,.body h3,.q p{letter-spacing:.2px}
.tier h3,.card h3{font-family:'Trirong',serif;font-weight:600}
.tier .price,.body .price{font-family:'Cormorant',serif!important;font-style:italic;font-weight:600}
.card .ic,.tier .badge{border-radius:2px}

/* review quote cards */
.q p{font-family:'Trirong',serif!important;font-style:italic}
.q .s{color:var(--gold)}

/* ---------- details / FAQ ---------- */
details summary{font-family:'Trirong',serif!important;font-weight:600}
summary .pl,.faq summary::after{color:var(--gold)}

/* ---------- final CTA band ---------- */
.final{border-radius:6px!important;background:linear-gradient(140deg,var(--navy),var(--navy2))!important;border:1px solid rgba(216,184,99,.25)}
.final h2{font-family:'Trirong',serif;font-weight:500}

/* ---------- footer ---------- */
footer{font-family:'Inter',sans-serif;border-top:1px solid rgba(216,184,99,.2);padding:44px 0 34px;font-size:13.5px}
footer a{color:var(--gold2)}

/* ---------- refined scrollbar ---------- */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:rgba(176,134,63,.55);border-radius:999px}
::-webkit-scrollbar-track{background:#F7F3EC}