/* Taste of Thailand — site styles
   Edit colours, spacing and type here. Rules are grouped by page section.
   Brand colours: brown #2B1810 / #3A2214 · gold #E9A825 / #F6CF6B
                  cream #FFF8E7 / #FBF1D6 · red #9E2B25 · allergen red #C0392B */

*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#2B1810;font-family:'Source Sans 3',system-ui,sans-serif;color:#3A2214;-webkit-font-smoothing:antialiased}
  a{color:#9A6B12;text-decoration:none}
  a:hover{color:#E9A825}
  p{text-wrap:pretty}
  @media (max-width:760px){
    [data-desknav]{display:none!important}
    [data-nav-toggle]{display:flex!important}
    .site-span{display:none!important}
    .site-a-3{padding:9px 14px!important;font-size:0.85rem!important}
    section[id]{scroll-margin-top:128px!important}
  }


/* ===== hover states ===== */
.hv1:hover{color:#E9A825}
.hv2:hover{color:#E9A825}
.hv3:hover{color:#E9A825}
.hv4:hover{color:#E9A825}
.hv5:hover{background:#F6CF6B}
.hv6:hover{background:#F6CF6B}
.hv7:hover{background:rgba(233,168,37,0.14)}
.hv8:hover{background:#4A2C1A}
.hv9:hover{background:#F6CF6B}
.hv10:hover{background:rgba(58,34,20,0.08)}

/* ===== site ===== */
.site-div{background:#FFF8E7;overflow-x:hidden}
.site-header{position:sticky;top:0;z-index:50;background:rgba(43,24,16,0.96);backdrop-filter:blur(6px);border-bottom:1px solid rgba(233,168,37,0.35)}
.site-div-2{max-width:1180px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:18px}
.site-a{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.site-img{height:42px;width:auto;display:block}
.site-span{font-family:'Alex Brush',cursive;font-size:1.5rem;color:#F6CF6B;line-height:1;padding-top:4px}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:22px;justify-content:flex-end}
.site-span-2{display:flex;align-items:center;gap:22px}
.site-a-2{color:#FBF1D6;font-size:0.9rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase}
.site-a-3{background:#E9A825;color:#2B1810;font-weight:700;font-size:0.9rem;padding:9px 18px;border-radius:999px;letter-spacing:0.02em}
.site-button{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:transparent;border:1px solid rgba(233,168,37,0.5);border-radius:8px;cursor:pointer}
.site-span-3{display:block;height:2px;background:#F6CF6B;border-radius:2px}
.site-div-3{display:none;border-top:1px solid rgba(233,168,37,0.3);background:#2B1810}
.site-a-4{display:block;padding:15px 24px;color:#FBF1D6;font-size:1rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;border-bottom:1px solid rgba(233,168,37,0.15)}
.site-a-5{display:block;padding:15px 24px;color:#FBF1D6;font-size:1rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase}

/* ===== top ===== */
.top-section{background:#2B1810;position:relative;scroll-margin-top:80px}
.top-div{max-width:900px;margin:0 auto;padding:76px 24px 56px;text-align:center}
.top-img{width:min(320px,68vw);height:auto;display:block;margin:0 auto}
.top-p{font-family:'Alex Brush',cursive;color:#F6CF6B;font-size:clamp(2.6rem,7vw,4.4rem);line-height:1.05;margin:26px 0 0}
.top-p-2{color:#E8D6BC;font-size:1.1rem;line-height:1.65;max-width:620px;margin:20px auto 0}
.top-div-2{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.top-a{background:#E9A825;color:#2B1810;font-weight:700;padding:14px 28px;border-radius:999px;font-size:1rem}
.top-a-2{border:2px solid rgba(233,168,37,0.7);color:#F6CF6B;font-weight:700;padding:12px 28px;border-radius:999px;font-size:1rem}
.top-div-3{height:6px;background:linear-gradient(90deg,#8A5C12,#E9A825,#F6CF6B,#E9A825,#8A5C12)}
.top-div-4{height:clamp(220px,34vw,420px);background-image:url('../hero-spread.jpg');background-size:cover;background-position:center 40%}

/* ===== site ===== */
.site-section{background:#3A2214;color:#F6E3C0}
.site-div-4{max-width:1180px;margin:0 auto;padding:34px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.site-h3{margin:0 0 10px;font-size:0.82rem;letter-spacing:0.18em;text-transform:uppercase;color:#E9A825;font-weight:700}
.site-div-5{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:0.98rem;line-height:1.45}
.site-span-4{font-weight:600}
.site-p{margin:0;font-size:1.02rem;line-height:1.6}
.site-p-2{margin:10px 0 0}
.site-a-6{color:#E9A825;font-weight:600;border-bottom:1px solid rgba(233,168,37,0.4)}
.site-p-3{margin:0;font-size:1.3rem;font-weight:700;line-height:1.4}
.site-a-7{color:#F6E3C0}
.site-p-4{margin:6px 0 0;font-size:1.02rem;color:#D8C3A2}
.site-a-8{color:#E9A825;font-weight:700}
.site-p-5{margin:10px 0 0;font-size:0.95rem;color:#D8C3A2}

/* ===== about ===== */
.about-section{scroll-margin-top:88px;background:#FFF8E7;padding:72px 24px}
.about-div{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:center}
.about-p{margin:0 0 6px;font-family:'Alex Brush',cursive;font-size:2.2rem;color:#9A6B12;line-height:1}
.about-h2{margin:0 0 18px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;letter-spacing:-0.02em;color:#3A2214;line-height:1.1}
.about-p-2{margin:0 0 14px;font-size:1.05rem;line-height:1.7;color:#5F4B39}
.about-p-3{margin:0 0 24px;font-size:1.05rem;line-height:1.7;color:#5F4B39}
.about-a{display:inline-block;background:#3A2214;color:#F6CF6B;font-weight:700;padding:13px 26px;border-radius:999px}
.about-div-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-img{width:100%;height:210px;object-fit:cover;border-radius:10px;grid-column:span 2;box-shadow:0 10px 24px rgba(58,34,20,0.16)}
.about-img-2{width:100%;height:160px;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px rgba(58,34,20,0.16)}

/* ===== menu ===== */
.menu-section{scroll-margin-top:88px;background:#3A2214;padding:56px 24px 40px;text-align:center}
.menu-p{margin:0;font-family:'Alex Brush',cursive;font-size:2.4rem;color:#E9A825;line-height:1}
.menu-h2{margin:6px 0 12px;font-size:clamp(2.1rem,5vw,3.2rem);font-weight:900;letter-spacing:0.02em;text-transform:uppercase;color:#FFF8E7}
.menu-p-2{margin:0 auto;max-width:620px;color:#E0CBAA;font-size:1.02rem;line-height:1.6}

/* ===== site ===== */
.site-nav-2{position:sticky;top:62px;z-index:40;background:#FBF1D6;border-bottom:1px solid rgba(58,34,20,0.15);box-shadow:0 6px 16px rgba(58,34,20,0.08)}
.site-div-6{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;gap:8px;overflow-x:auto;justify-content:center;flex-wrap:wrap}
.site-a-9{padding:7px 14px;border-radius:999px;font-size:0.86rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:#5F4B39;white-space:nowrap}
.site-div-7{background:#FFF8E7;padding:0 24px 40px}
.site-div-8{max-width:1080px;margin:0 auto}

/* ===== starters ===== */
.starters-section{scroll-margin-top:130px;padding:60px 0 10px}
.starters-div{text-align:center;margin-bottom:26px}
.starters-h3{display:inline-block;margin:0;background:#3A2214;color:#FBF1D6;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:900;letter-spacing:0.1em;text-transform:uppercase;padding:11px 30px;border:2px solid #E9A825;border-radius:5px}
.starters-div-2{columns:370px;column-gap:54px}
.starters-div-3{padding:13px 0;border-bottom:1px solid rgba(58,34,20,0.12)}
.starters-div-4{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.starters-h4{margin:0;font-size:1.08rem;font-weight:700;color:#3A2214}
.starters-span{font-weight:700;color:#3A2214;white-space:nowrap}
.starters-p{margin:5px 0 0;font-size:0.95rem;line-height:1.55;color:#6B5642}
.starters-span-2{color:#C0392B}
.starters-span-3{color:#2E7D32}

/* ===== soups ===== */
.soups-div{background:#3A2214;border-radius:8px;padding:18px 24px;margin-bottom:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 32px}
.soups-div-2{display:flex;justify-content:space-between;color:#FBF1D6;font-size:1.05rem}
.soups-span{font-weight:700;color:#F6CF6B}
.soups-img{height:13px;width:auto;vertical-align:baseline}
.soups-span-2{font-weight:400;color:#6B5642}

/* ===== salads ===== */
.salads-p{margin:5px 0 0;font-size:0.98rem;font-weight:700;color:#9E2B25}
.salads-p-2{margin:4px 0 0;font-size:0.95rem;line-height:1.55;color:#6B5642}
.salads-strong{color:#3A2214}

/* ===== mains ===== */
.mains-section{scroll-margin-top:130px;padding:60px 0 0}
.mains-div{text-align:center;margin-bottom:22px}
.mains-h3{display:inline-block;margin:0;background:#9E2B25;color:#FFF8E7;font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:900;letter-spacing:0.1em;text-transform:uppercase;padding:12px 34px;border:2px solid #E9A825;border-radius:5px}
.mains-p{margin:16px auto 0;max-width:660px;font-size:1rem;line-height:1.6;color:#5F4B39}
.mains-div-2{background:#FBF1D6;border:2px solid rgba(233,168,37,0.7);border-radius:10px;padding:22px 26px;margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 40px}
.mains-div-3{display:flex;justify-content:space-between;font-size:1.05rem;color:#9E2B25;font-weight:600}

/* ===== curries ===== */
.curries-section{scroll-margin-top:130px;padding:46px 0 10px}
.curries-h4{margin:0;font-size:1.08rem;font-weight:700;color:#9E2B25}

/* ===== rice-noodles ===== */
.rice-noodles-div{background:#3A2214;border-radius:8px;padding:20px 26px;margin-bottom:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 40px}

/* ===== sides ===== */
.sides-div{columns:280px;column-gap:54px}
.sides-div-2{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(58,34,20,0.12);font-size:1.05rem}
.sides-span{font-weight:600;color:#3A2214}
.sides-span-2{font-weight:700}

/* ===== specials ===== */
.specials-section{scroll-margin-top:130px;padding:60px 0 20px}
.specials-div{text-align:center;margin-bottom:12px}
.specials-p{margin:0 0 8px;font-family:'Alex Brush',cursive;font-size:2.6rem;color:#9A6B12;line-height:1}
.specials-div-2{background:#F7E4B0;border-radius:12px;padding:10px 28px 18px;margin-top:22px}
.specials-div-3{padding:16px 0;border-bottom:1px solid rgba(58,34,20,0.16)}
.specials-h4{margin:0;font-size:1.2rem;font-weight:700;color:#3A2214}
.specials-span{font-weight:700;font-size:1.1rem;color:#3A2214;white-space:nowrap}
.specials-p-2{margin:3px 0 0;font-size:0.95rem;font-weight:700;color:#5B4029}
.specials-div-4{padding:16px 0}
.specials-span-2{font-size:1rem;font-weight:600;color:#5B4029}

/* ===== allergens ===== */
.allergens-section{scroll-margin-top:120px;background:#3A2214;color:#F6E3C0;padding:56px 24px}
.allergens-div{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.allergens-h3{margin:0 0 12px;font-size:1.4rem;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;color:#E9A825}
.allergens-p{margin:0 0 14px;font-size:1.02rem;line-height:1.7}
.allergens-p-2{margin:0;font-size:0.95rem;line-height:1.7;color:#D8C3A2}
.allergens-div-2{display:grid;gap:10px;font-size:1.05rem}
.allergens-div-3{display:flex;align-items:center;gap:10px}
.allergens-span{width:96px}
.allergens-img{height:16px;width:auto}
.allergens-span-2{color:#8BC34A;font-weight:700;font-size:1.1rem}
.allergens-p-3{margin:18px 0 0;font-size:0.98rem;line-height:1.7;color:#D8C3A2}

/* ===== find-us ===== */
.find-us-section{scroll-margin-top:120px;background:#FFF8E7;padding:70px 24px}
.find-us-p{margin:0 0 4px;font-family:'Alex Brush',cursive;font-size:2.2rem;color:#9A6B12;line-height:1}
.find-us-h2{margin:0 0 18px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:900;letter-spacing:-0.02em;color:#3A2214;line-height:1.1}
.find-us-p-2{margin:0 0 22px;font-size:1.05rem;line-height:1.7;color:#5F4B39}
.find-us-div{display:flex;gap:14px;flex-wrap:wrap}
.find-us-a{background:#E9A825;color:#2B1810;font-weight:700;padding:13px 26px;border-radius:999px}
.find-us-a-2{border:2px solid #3A2214;color:#3A2214;font-weight:700;padding:11px 26px;border-radius:999px}
.find-us-div-2{background:#FBF1D6;border:2px solid rgba(233,168,37,0.6);border-radius:12px;padding:26px 28px}
.find-us-h3{margin:0 0 14px;font-size:0.82rem;letter-spacing:0.18em;text-transform:uppercase;color:#9A6B12;font-weight:700}
.find-us-div-3{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:1.02rem;color:#3A2214}
.find-us-span{color:#9E2B25}

/* ===== site ===== */
.site-footer{background:#2B1810;color:#D8C3A2;padding:54px 24px 34px;text-align:center}
.site-img-2{width:200px;height:auto;margin:0 auto 18px;display:block}
.site-p-6{margin:0 0 6px;font-family:'Alex Brush',cursive;font-size:2rem;color:#F6CF6B;line-height:1.1}
.site-p-7{margin:16px 0 0;font-size:1.02rem;line-height:1.8}
.site-a-10{color:#E9A825}
.site-p-8{margin:14px 0 0}
.site-a-11{color:#E9A825;font-weight:600}
.site-p-9{margin:26px auto 0;max-width:760px;font-size:0.85rem;line-height:1.6;color:#8A7259}
.site-p-10{margin:14px 0 0;font-size:0.85rem;color:#8A7259}