
:root{
  --bg:#fffaf5;
  --surface:#ffffff;
  --ink:#2b221c;
  --muted:#6f625b;
  --brand:#9f4f2f;
  --brand-dark:#6f351f;
  --accent:#f6d7a8;
  --ideas:#fff7d7;
  --line:#eaded3;
  --shadow:0 18px 45px rgba(64,36,18,.09);
  --radius:22px;
  --hero-soft:#ffe3bc;
  --badge-bg:#fff1df;
}

body.theme-home{--brand:#9f4f2f;--brand-dark:#6f351f;--accent:#f6d7a8;--hero-soft:#ffe3bc;--badge-bg:#fff1df}
body.theme-europe{--brand:#9f4f2f;--brand-dark:#6f351f;--accent:#f4d2a3;--hero-soft:#ffe1bf;--badge-bg:#fff0df}
body.theme-asia{--brand:#a44937;--brand-dark:#6b2f24;--accent:#ffd1a5;--hero-soft:#ffd9b7;--badge-bg:#fff0e7}
body.theme-latin{--brand:#99701f;--brand-dark:#654810;--accent:#ffe08a;--hero-soft:#ffe6a8;--badge-bg:#fff6d6}
body.theme-africa{--brand:#8d5a28;--brand-dark:#5c3713;--accent:#f4c178;--hero-soft:#ffd9a3;--badge-bg:#fff1d9}
body.theme-middle-east{--brand:#8e5b45;--brand-dark:#5d382b;--accent:#eed0a4;--hero-soft:#ffe4c2;--badge-bg:#fff3e4}
body.theme-north-america{--brand:#7f5734;--brand-dark:#52341e;--accent:#e8c393;--hero-soft:#ffe0be;--badge-bg:#fff1e1}
body.theme-oceania{--brand:#507071;--brand-dark:#2f4f50;--accent:#b8dde0;--hero-soft:#d6f3f1;--badge-bg:#edfafa}
body.theme-collection{--brand:#8b5a39;--brand-dark:#5f3924;--accent:#efd09c;--hero-soft:#ffe0b8;--badge-bg:#fff3e4}
body.theme-kitchen{--brand:#8b5a39;--brand-dark:#5f3924;--accent:#efd09c;--hero-soft:#ffe0b8;--badge-bg:#fff3e4}
body.theme-info{--brand:#8b5a39;--brand-dark:#5f3924;--accent:#efd09c;--hero-soft:#ffe0b8;--badge-bg:#fff3e4}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 5vw;background:rgba(255,250,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;color:var(--brand-dark);white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#b55b36,#f0ad6a);color:#fff;font-size:.82rem;box-shadow:var(--shadow)}
.main-nav{display:flex;align-items:center;gap:4px;font-size:.95rem;font-weight:700;color:#4c3a31}
.main-nav>a,.nav-item>button{padding:10px 12px;border-radius:12px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.main-nav>a:hover,.nav-item>button:hover,.nav-item:focus-within>button{background:#fff;text-decoration:none;color:var(--brand-dark)}
.nav-item{position:relative;padding-bottom:8px;margin-bottom:-8px}
.dropdown{position:absolute;top:100%;left:0;min-width:230px;max-height:68vh;overflow:auto;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:none;z-index:50}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:grid;gap:2px}
.dropdown a{display:block;padding:9px 10px;border-radius:10px;color:#4c3a31;font-weight:650}
.dropdown a:hover{background:#fff5e8;text-decoration:none;color:var(--brand-dark)}
.country-menu{grid-template-columns:repeat(2,minmax(130px,1fr));min-width:380px}
.wide-menu{min-width:360px}
.country-menu a{display:flex;align-items:center;gap:0}.dropdown a .country-badge{position:relative;top:-1px}

.nav-toggle{display:none;border:0;background:var(--brand);color:white;border-radius:12px;padding:10px 13px;font-size:1.2rem}
.hero{padding:64px 5vw 34px;background:radial-gradient(circle at top left,var(--hero-soft),transparent 36%),linear-gradient(135deg,#fff9f0 0%,#fff4e6 100%);border-bottom:1px solid var(--line)}
.hero-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.hero h1{font-size:clamp(2.25rem,5vw,4.9rem);line-height:.95;margin:0 0 18px;letter-spacing:-.06em;color:#2d1c12}
.hero p{font-size:1.12rem;color:#625046;margin:0 0 24px;max-width:720px}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.hero-card h2{margin:0 0 14px;font-size:1.25rem}.hero-card ul{margin:0;padding-left:20px;color:var(--muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:800;background:var(--brand);color:#fff;box-shadow:0 9px 22px rgba(159,79,47,.2)}.button.secondary{background:#fff;color:var(--brand-dark);border:1px solid var(--line);box-shadow:none}.button:hover{text-decoration:none;transform:translateY(-1px)}
main{max-width:1160px;margin:0 auto;padding:0 5vw 56px}.full-main{max-width:none;padding-left:0;padding-right:0}.content-wrap{max-width:1160px;margin:0 auto;padding:0 5vw 56px}
.ideas-strip{background:var(--ideas);border:1px solid #f0dca0;border-radius:28px;margin:26px auto 34px;padding:26px;box-shadow:0 10px 30px rgba(117,93,29,.08);max-width:1160px}
.section-heading{margin:36px 0 22px}.section-heading.compact{margin:0 0 18px}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brand);font-weight:900;margin:0 0 8px}.section-heading h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.05;margin:0 0 10px;letter-spacing:-.04em}.section-heading p{color:var(--muted);margin:0;max-width:780px}
.ideas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.idea-card{display:flex;flex-direction:column;gap:8px;background:#fffdf3;border:1px solid #f2df9f;border-radius:20px;padding:18px;min-height:180px}.idea-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 25px rgba(117,93,29,.1)}.idea-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#8c691c;font-weight:900}.idea-card strong{font-size:1.08rem;line-height:1.2}.idea-card span:last-child{color:#6d5c47;font-size:.94rem}
.grid{display:grid;gap:18px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.hub-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(64,36,18,.05)}.hub-card:hover{border-color:#e4c3a8;text-decoration:none;transform:translateY(-2px)}.hub-card h3{margin:0 0 8px}.hub-card p{margin:0;color:var(--muted)}.mini-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mini-meta span{font-size:.78rem;font-weight:800;color:#7b4b31;background:#fff5e8;border-radius:999px;padding:5px 9px}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin:26px 0}.breadcrumbs a{color:var(--brand-dark);font-weight:750}
.recipe-list{display:grid;gap:22px;margin-top:24px}.recipe-card{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 10px 28px rgba(64,36,18,.05)}.recipe-number{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fff1df;color:var(--brand-dark);font-weight:900;font-size:1.3rem}.recipe-body h3{margin:0 0 7px;font-size:1.35rem;letter-spacing:-.02em}.recipe-body p{margin:0 0 14px;color:#574840}.recipe-meta{display:grid;grid-template-columns:1fr .7fr .8fr;gap:12px;margin:0 0 16px}.recipe-meta div{background:#fff8f0;border:1px solid #f2e5d8;border-radius:15px;padding:10px}.recipe-meta dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#8a5a38}.recipe-meta dd{margin:2px 0 0;color:#493a32;font-weight:650}.recipe-columns{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.35fr);gap:16px;margin-top:14px}.recipe-panel{background:#fffaf5;border:1px solid #f1e3d6;border-radius:18px;padding:16px}.recipe-panel h4{margin:0 0 10px;font-size:1rem;color:var(--brand-dark)}.recipe-ingredients,.recipe-steps{margin:0;padding-left:20px}.recipe-ingredients li,.recipe-steps li{margin:7px 0;color:#493a32}.recipe-note{margin:14px 0 0!important;padding:12px 14px;border-radius:16px;background:#fff7d7;border:1px solid #f0dfa3;color:#574120!important}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-row span{background:#f4efe9;color:#5f514a;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800;text-transform:capitalize}
.country-search{width:100%;max-width:420px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;font:inherit;background:#fff;margin-top:12px}
.quick-links{display:flex;gap:10px;flex-wrap:wrap}.quick-links a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800;color:var(--brand-dark)}
.notice{background:#fff;border:1px dashed #e3c9a7;border-radius:20px;padding:18px;color:#6a5549;margin:24px 0}.toc{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.toc a{font-weight:800;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--brand-dark)}
.info-page{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.info-page h2{margin-top:26px}.info-page a{color:var(--brand-dark);font-weight:800}
.site-footer{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:36px 5vw;background:#2a211d;color:#fff;border-top:1px solid #211815}.site-footer p{color:#ddcfc5;margin:8px 0 0}.footer-links{display:flex;gap:12px;flex-wrap:wrap;align-content:start;justify-content:flex-end}.footer-links a{color:#fff;background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;font-weight:800}.footer-links a:hover{background:rgba(255,255,255,.16);text-decoration:none}

.nav-flag{display:inline-block;margin-right:7px;min-width:1.35em;text-align:center}.country-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:2.05rem;height:1.42rem;padding:0 .42rem;border-radius:999px;background:linear-gradient(180deg,#fff8ec,#ffeccf);border:1px solid #efd4ab;color:var(--brand-dark);font-size:.72rem;font-weight:900;letter-spacing:.055em;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px rgba(111,53,31,.06);vertical-align:.08em}.country-badge--nav{margin-right:.48rem}.country-badge--card{margin-right:.55rem}.country-badge--hero{min-width:2.8rem;height:2rem;margin-right:.55rem;font-size:.86rem;vertical-align:.18em}.country-badge--stamp{min-width:2.35rem;height:1.65rem;font-size:.76rem}.hero-stamp{display:inline-flex;align-items:center;gap:9px;background:var(--badge-bg);border:1px solid #f1dfca;color:var(--brand-dark);border-radius:999px;padding:8px 12px;font-weight:900;margin:0 0 14px}.hub-card h3{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.recipe-body h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recipe-title-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:12px;background:var(--badge-bg);border:1px solid #f1dfca;font-size:1rem}.idea-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#fff6d6;border:1px solid #f0dca0;font-size:1.25rem;margin-bottom:2px}.idea-card strong{padding-top:2px}.brand-mark{font-size:1.05rem}.toc a::before{content:'🍽️';font-size:.86em;margin-right:6px;opacity:.78}

@media (max-width:980px){.hero-inner{grid-template-columns:1fr}.ideas-grid,.cards-4{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(2,1fr)}.recipe-meta,.recipe-columns{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.country-menu{grid-template-columns:1fr;min-width:260px}}
@media (max-width:760px){.site-header{align-items:flex-start}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:5vw;right:5vw;top:64px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.main-nav.open{display:flex}.nav-item{padding:0;margin:0}.nav-item>button,.main-nav>a{text-align:left;width:100%}.dropdown{position:static;box-shadow:none;border-radius:12px;margin:4px 0 8px;max-height:260px}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:grid}.hero{padding-top:42px}.ideas-grid,.cards-3,.cards-4{grid-template-columns:1fr}.recipe-card{grid-template-columns:1fr}.recipe-number{width:46px;height:46px}.hero-actions{flex-direction:column}.button{width:100%}}
