/* ============================================================
   GreenCut · ตัดหญ้าใกล้ฉัน รับตัดต้นไม้ เปิดพื้นที่รกร้าง ดูแลสวน
   Premium Green / Yellow Theme
   ============================================================ */
:root{
  --page-bg:#F8FAFC; --ink:#0F172A; --muted:#64748B; --line:#E2E8F0;
  --green:#059669; --green-deep:#047857; --green-dark:#065F46; --green-light:#10B981;
  --gold:#EAB308; --gold-deep:#CA8A04; --gold-light:#FACC15; --amber:#F59E0B;
}
*{ -webkit-tap-highlight-color:transparent; }
html{ scroll-behavior:smooth; }
body{
  background:#F8FAFC;
  font-family:'Sarabun','IBM Plex Sans Thai',sans-serif;
  color:#0F172A; position:relative; overflow-x:hidden;
}
h1,h2,h3,.font-display{ font-family:'Kanit','Sarabun',sans-serif; }
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60rem 42rem at 85% -8%, rgba(234,179,8,.16), transparent 60%),
    radial-gradient(52rem 40rem at -10% 10%, rgba(5,150,105,.15), transparent 55%),
    radial-gradient(40rem 30rem at 50% 120%, rgba(22,163,74,.11), transparent 60%);
}
.gx{ background:linear-gradient(135deg,#065F46 0%,#059669 45%,#EAB308 100%); }
.gx-text{
  background:linear-gradient(135deg,#047857,#CA8A04);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.sky-text{
  background:linear-gradient(135deg,#F59E0B,#FACC15);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.glass{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.6);
}
.text-balance{ text-wrap:balance; }
.sq{ aspect-ratio:1/1; object-fit:cover; }
.eyebrow{ letter-spacing:.12em; color:#CA8A04 !important; }
.shadow-glow{ box-shadow:0 10px 40px -10px rgba(5,150,105,.42); }
.shadow-soft{ box-shadow:0 4px 30px rgba(15,23,42,.08); }
.shadow-card{ box-shadow:0 8px 40px rgba(15,23,42,.14); }
details>summary{ list-style:none; cursor:pointer; }
details>summary::-webkit-details-marker{ display:none; }
details[open]>summary .ms{ transform:rotate(180deg); }
.ms{ font-family:'Material Symbols Outlined'; font-weight:normal; font-style:normal; line-height:1; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; vertical-align:middle; transition:transform .25s ease; }
.chip{ transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease; }
.chip:hover{ transform:translateY(-2px); background-image:linear-gradient(135deg,#047857,#059669); color:#fff !important; }
.chip:hover .ms{ color:#fff !important; }
@keyframes rise{ from{ opacity:0; transform:translateY(18px);} to{ opacity:1; transform:none;} }
.reveal{ animation:rise .7s cubic-bezier(.22,.61,.36,1) both; }
.reveal.d1{ animation-delay:.08s; } .reveal.d2{ animation-delay:.16s; }
.reveal.d3{ animation-delay:.24s; } .reveal.d4{ animation-delay:.32s; }
[data-reveal]{ opacity:0; transform:translateY(18px); transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
[data-reveal].in{ opacity:1; transform:none; }
img{ background:#E2E8F0; }
a{ text-decoration:none; }
iframe{ border:0; }
.price-line{ display:flex; justify-content:space-between; align-items:center; padding:.6rem 0; border-bottom:1px dashed var(--line); }
.price-line:last-child{ border-bottom:0; }