/* Ajustare vizuală: spațiu mai concentrat, hârtie caldă și titluri Enchanted Land. */
@font-face{
  font-family:"Enchanted Land";
  src:url("fonts/Enchanted-Land.otf") format("opentype");
  font-display:swap;
}
@font-face{
  font-family:"Klaxon Crunchy";
  src:url("fonts/Klaxon-Crunchy.otf") format("opentype");
  font-display:swap;
}
:root{
  --paper:#fbf7ef;
  --paper-warm:#f8f1e5;
  --paper-deep:#f1e7d7;
  --ink:#17130f;
  --ink-soft:#17130f;
  --muted:#17130f;
  --line:#e8dccb;
  --line-dark:#cdbca7;
  --plum:#17130f;
  --gold:#17130f;
  --serif:"Enchanted Land", "Cormorant Garamond", Georgia, serif;
  --body:"Source Serif 4", "Iowan Old Style", Georgia, serif;
  --sans:"Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --script:"Cormorant Garamond", Georgia, serif;
  --maxw:1180px;
  --pad:clamp(18px, 4vw, 52px);
  --header-h:96px;
}

html,body{ background:var(--paper) !important; }
.display,.section-title,.hero h1,.feature-body h3,.about h2,.newsletter h2,.r-title,.r-hero h1,
.card h3,.howto h3,.discover-item h3,.aside-head h2,.aside-item h3,.ing-item h3,.step h3,.r-card h2{
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:.005em;
  color:var(--ink);
  text-shadow:none;
}
.hero h1,.r-title,.r-hero h1{ line-height:1.12; }
.section-title,.feature-body h3,.about h2,.newsletter h2{ line-height:1.16; }
.card h3,.howto h3,.discover-item h3,.aside-item h3,.step h3{ line-height:1.2; }
.eyebrow,.nav a,.btn,.card-meta,.meta-cell dt{ font-family:var(--sans); }

/* Logo final: ceaun tradițional + wordmark Klaxon Crunchy. */
.brand{ gap:0 !important; align-items:center !important; }
.site-header .brand{display:inline-flex !important;}
.site-header .brand::before{display:block;}
.brand::before{
  content:""; width:74px; height:74px; flex:none; margin-right:11px;
  background:url("logo-ceaun.png") center / contain no-repeat;
}
.brand .bscript,.brand .brand-lu,.brand .ion{
  font-family:"Klaxon Crunchy", Georgia, serif !important; font-weight:400 !important; color:var(--ink) !important; text-shadow:none !important;
  font-size:clamp(28px,2.15vw,36px) !important; line-height:1 !important; letter-spacing:-.04em !important; text-transform:none !important;
  transform:none !important;
}
.brand .brand-lu{ color:#bd2b1d !important; margin-left:.09em; }
.brand .ion{ margin-left:.13em; }
@media (max-width:620px){
  :root{ --header-h:82px; }
  .brand::before{ width:58px; height:58px; margin-right:8px; }
  .brand .bscript,.brand .brand-lu,.brand .ion{ font-size:25px !important; }
}

/* Carduri de rețete mai compacte: 3 coloane pe desktop, spații reduse. */
.editorial{ grid-template-columns:minmax(0,1fr) 270px; gap:clamp(24px,2.6vw,38px); }
.grid-recipes{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 18px; }
.card .fig{ margin-bottom:11px; aspect-ratio:1.18/1; }
.card-cat{ margin-bottom:5px; font-size:9.5px; }
.card h3{ font-size:clamp(18px,1.35vw,21px); line-height:1.15; }
.card-meta{ margin-top:6px; font-size:10px; }
.aside-item{ grid-template-columns:70px minmax(0,1fr); gap:12px; padding-block:14px; }
.aside-head{ margin-bottom:14px; padding-bottom:12px; }

.howto-grid,.discover-grid{ gap:18px; }
.howto .fig,.discover-item .fig{ margin-bottom:12px; }
.world-grid{ gap:14px; }
.section{ padding-block:clamp(42px,5vw,74px); }
.section-head{ margin-bottom:clamp(24px,3vw,34px); }

@media (max-width:980px){
  .editorial{ grid-template-columns:1fr; }
  .grid-recipes{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .aside{ position:static; }
}
@media (max-width:620px){
  .grid-recipes{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
  .card h3{ font-size:17px; }
}

/* Meniu: etichete pe un singur rând și spațiu suficient pe desktop. */
.site-header .wrap.header-inner{ width:min(1560px,calc(100% - 48px)); max-width:1560px; padding-inline:clamp(20px,3vw,48px); gap:clamp(22px,2.2vw,40px); }
.site-header .brand{ flex:0 0 auto; }
.nav{ display:flex; align-items:center; flex:1 1 auto; justify-content:flex-end; gap:clamp(12px,1.15vw,22px); min-width:0; }
.nav-item{ flex:none; }
.nav-link{ white-space:nowrap; font-family:var(--sans); font-size:clamp(10px,.68vw,11.5px); letter-spacing:.085em; }
.nav-romanian .nav-link{
  padding:7px 10px; border:1px solid #bd2b1d; color:#bd2b1d; letter-spacing:.065em;
  transition:background .25s var(--ease), color .25s var(--ease);
}
.nav-romanian .nav-link:hover{ background:var(--ink); color:var(--paper); }
.m-link--romanian{ color:var(--ink) !important; }
/* Header comun pentru index și pentru fiecare pagină de rețetă. */
.site-header{ position:relative; z-index:20; background:var(--paper); }
.site-header .header-inner{ display:flex; align-items:center; min-height:96px; }
.site-header .header-actions{ display:flex; align-items:center; gap:12px; }
.site-header .icon-btn{ width:38px; height:38px; border:0; padding:0; background:transparent; color:var(--ink); cursor:pointer; }
.site-header .icon-btn svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.1; }
.site-header .hamburger{ display:none; place-items:center; }
.site-header .social-row{ display:flex; align-items:center; gap:4px; }
.site-header .social-ico{ width:30px; height:30px; display:grid; place-items:center; color:var(--ink); text-decoration:none; }
.site-header .social-glyph{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.35; }
.site-header .social-name{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.site-header .social-row--header{ padding-right:12px; border-right:1px solid var(--line); }
.site-header .mega{ position:absolute; z-index:24; left:0; right:0; top:100%; background:var(--paper); border-block:1px solid var(--line); opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .2s ease,transform .2s ease,visibility .2s; }
.site-header .nav-item:hover > .mega,.site-header .nav-item:focus-within > .mega{ opacity:1; visibility:visible; transform:translateY(0); }
.site-header .mega-inner{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) 320px; gap:clamp(28px,4vw,64px); padding-block:40px 48px; }
.site-header .mega--simple .mega-inner{ grid-template-columns:repeat(2,minmax(0,1fr)) 320px; }
.site-header .mega-col-title{ margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid var(--line); font:600 10px var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--soft); }
.site-header .mega-list{ margin:0; padding:0; list-style:none; }
.site-header .mega-list li+li{ margin-top:10px; }
.site-header .mega-list a{ color:var(--ink); text-decoration:none; font:17px var(--body); }
.site-header .mega-feature{ display:block; color:var(--ink); text-decoration:none; }
.site-header .mega-feature .fig{ aspect-ratio:4/3; overflow:hidden; background:var(--line); }
.site-header .mega-feature img{ width:100%; height:100%; object-fit:cover; }
.site-header .mega-feature h4{ margin:8px 0 0; font:24px/1.15 var(--serif); }
/* Stilul exact al headerului complet: aceleași reguli pentru toate paginile. */
.site-header{ position:sticky; top:0; z-index:100; border-bottom:1px solid transparent; }
.site-header .header-inner{ height:var(--header-h); min-height:0; gap:clamp(20px,3vw,56px); }
.site-header .header-inner > .nav{ display:flex; align-items:center; gap:clamp(16px,2.2vw,34px); margin-left:auto; }
.site-header .nav-link{ display:inline-block; padding:10px 0; color:var(--ink); text-decoration:none; font-size:11.5px; letter-spacing:.13em; text-transform:uppercase; font-weight:600; position:relative; }
.site-header .nav-link::after{ content:""; position:absolute; left:0; right:0; bottom:2px; height:1px; background:var(--ink); transform:scaleX(0); transform-origin:right; transition:transform .3s ease; }
.site-header .nav-item:hover .nav-link::after,.site-header .nav-item:focus-within .nav-link::after{ transform:scaleX(1); transform-origin:left; }
.site-header .header-actions{ display:flex; align-items:center; gap:18px; margin-left:0; }
.site-header .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header .search-panel{ position:absolute; z-index:30; left:0; right:0; top:100%; display:block; background:var(--paper); border-block:1px solid var(--line); opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .25s ease,transform .25s ease,visibility .25s; }
.site-header .search-panel.is-open{ opacity:1; visibility:visible; transform:translateY(0); }
.site-header .search-form{ display:flex; align-items:center; gap:18px; padding-block:32px; }
.site-header .search-form input{ flex:1; min-width:0; border:0; border-bottom:1px solid var(--line); background:transparent; padding:12px 0; color:var(--ink); font:24px var(--serif); }
.site-header .search-hints{ display:flex; flex-wrap:wrap; gap:10px 20px; padding-bottom:28px; }
.site-header .search-hints a{ color:var(--ink); text-decoration:none; font:11px var(--sans); letter-spacing:.12em; text-transform:uppercase; }
.site-header + .mobile-nav{ position:absolute; z-index:25; top:96px; left:0; right:0; padding:0; background:var(--paper); border-block:1px solid var(--line); opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .2s ease,transform .2s ease,visibility .2s; }
.site-header + .mobile-nav.is-open{ opacity:1; visibility:visible; transform:translateY(0); }
.mobile-nav .wrap{ padding-block:18px 30px; }
.mobile-nav summary{ cursor:pointer; padding:12px 0; font:600 12px var(--sans); letter-spacing:.12em; text-transform:uppercase; }
.mobile-nav summary::marker{ color:transparent; }
.mobile-nav .m-sub{ margin:0 0 8px; padding:0 0 8px 12px; list-style:none; border-bottom:1px solid var(--line); }
.mobile-nav .m-sub a,.mobile-nav .m-link{ display:block; padding:7px 0; color:var(--ink); text-decoration:none; font:16px var(--body); }
.mobile-nav .m-group{ padding:12px 0 5px; font:600 10px var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--soft); }
/* Compactare intermediară: păstrăm meniul desktop numai cât timp încape
   confortabil, fără să atingă wordmark-ul sau acțiunile din dreapta.
   Prag extins la 1900px: sub 1900px iconițele sociale din header rămân
   ascunse și spațiile/fonturile rămân compacte, ca să existe loc constant
   pentru meniul complet (inclusiv „Rețete românești”) lângă siglă, la orice
   lățime de fereastră/laptop obișnuită (1440–1728px). Iconițele sociale
   redevin vizibile doar pe ecrane cu adevărat late (≥1900px), unde spațiul
   e oricum din belșug. */
@media (max-width:1900px){
  .site-header .header-inner{ gap:20px; }
  .site-header .header-inner > .nav{ gap:clamp(12px,1.15vw,20px); }
  .site-header .nav-link{ font-size:10.5px; letter-spacing:.10em; }
  .site-header .header-actions{ gap:10px; }
  .site-header .social-row--header{ display:none; }
}
/* Headerul se pliază înainte ca navigația să poată atinge wordmark-ul.
   Pragul e sub compactarea de mai sus (1900px), ca meniul-hamburger să
   apară doar acolo unde meniul complet, chiar compactat, nu mai încape —
   telefoane și tablete mici — și niciodată la lățimi normale de laptop/
   desktop, unde meniul trebuie să arate identic cu cel de pe homepage. */
@media (max-width:1400px){
  .site-header .header-inner > .nav{ display:none !important; }
  .site-header .header-actions{ margin-left:auto; }
  .site-header .hamburger{ display:grid !important; }
}
@media (max-width:1050px){
  .site-header .header-actions .social-row,
  .site-header .header-actions > a.icon-btn{ display:none; }
}
@media (max-width:720px){
  .site-header .wrap.header-inner{ padding-inline:14px; gap:10px; }
  .site-header .header-actions{ gap:4px; }
  .site-header .header-actions .social-row,
  .site-header .header-actions > a.icon-btn{ display:none !important; }
}

/* Nivelul secundar pentru „Rețete pe categorii”: folosește ritmul și
   tipografia mega-menu-ului, fără a modifica restul header-ului. */
.recipe-category-flyout{ position:relative; }
.recipe-category-trigger{
  width:100%; display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:0 0 14px; margin:0; border:0; border-bottom:var(--rule);
  background:transparent; color:var(--ink); cursor:pointer; text-align:left;
  font:inherit; font-family:var(--sans); font-size:10.5px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase;
}
.recipe-category-trigger span{ font-size:16px; line-height:1; letter-spacing:0; transition:transform .25s var(--ease); }
.recipe-category-flyout:hover .recipe-category-trigger span,
.recipe-category-flyout.is-open .recipe-category-trigger span,
.recipe-category-trigger:focus-visible span{ transform:translateX(4px); }
.recipe-category-submenu{
  position:absolute; z-index:4; top:-18px; left:calc(100% + 22px); width:286px;
  margin:0; padding:22px 24px; list-style:none; background:var(--paper);
  border:1px solid var(--line); box-shadow:0 16px 34px rgba(36,28,22,.08);
  opacity:0; visibility:hidden; transform:translateX(-7px);
  transition:opacity .22s var(--ease), transform .22s var(--ease), visibility .22s;
}
.recipe-category-submenu li + li{ margin-top:10px; }
.recipe-category-submenu a{ font-family:var(--body); font-size:16px; font-weight:400; color:var(--ink-soft); }
.recipe-category-submenu a:hover,.recipe-category-submenu a:focus-visible{ color:var(--ink); }
.recipe-category-flyout:hover .recipe-category-submenu,
.recipe-category-flyout:focus-within .recipe-category-submenu,
.recipe-category-flyout.is-open .recipe-category-submenu{ opacity:1; visibility:visible; transform:translateX(0); }

.recipe-category-mobile{ margin:0 0 20px !important; }
.recipe-category-mobile details{ border-top:var(--rule); border-bottom:var(--rule); }
.recipe-category-mobile summary{
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0;
  cursor:pointer; list-style:none; color:var(--ink);
  font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
}
.recipe-category-mobile summary::-webkit-details-marker{ display:none; }
.recipe-category-mobile .plus{ position:relative; width:12px; height:12px; flex:none; }
.recipe-category-mobile .plus::before,.recipe-category-mobile .plus::after{ content:""; position:absolute; inset:0; margin:auto; background:var(--ink); }
.recipe-category-mobile .plus::before{ width:12px; height:1px; }
.recipe-category-mobile .plus::after{ width:1px; height:12px; transition:transform .25s var(--ease); }
.recipe-category-mobile details[open] .plus::after{ transform:scaleY(0); }
.recipe-category-mobile ul{ margin:0; padding:0 0 18px; list-style:none; }
.recipe-category-mobile li + li{ margin-top:11px; }
.recipe-category-mobile a{ font-family:var(--body); font-size:16px; color:var(--ink-soft); }

/* Etichete de categorie: roșu și marcaj brodat roșu-negru. */
.eyebrow{
  color:#c63124 !important;
  font-family:"Jost", "Helvetica Neue", Arial, sans-serif !important;
  font-weight:600 !important;
}
.eyebrow::before{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  margin:0 9px -2px 0;
  background:url("category-mark-original.png") center / contain no-repeat;
  mix-blend-mode:multiply;
}
@media (max-width:620px){
  .eyebrow::before{ width:12px; height:12px; margin-right:7px; }
}

/* Font unic pentru toate titlurile de conținut, pe orice pagină.
   Paragrafele și textele descriptive rămân în fontul de lectură. */
main h1,main h2,main h3,main h4,main h5,main h6,main .eyebrow,.r-title{
  font-family:"Enchanted Land", "Cormorant Garamond", Georgia, serif !important;
  font-weight:400 !important;
}

/* Coloana Noutăți rămâne compactă și ușor de parcurs. */
main .aside-head h2{
  font-size:clamp(30px,2.2vw,36px) !important;
  line-height:1.1 !important;
}
main .aside-item h3{
  font-size:clamp(19px,1.5vw,23px) !important;
  line-height:1.22 !important;
}

/* Hero pentru rețete: text la stânga, fotografie compactă la dreapta. */
.recipe-intro-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);
  align-items:center;
  gap:clamp(34px,5vw,78px);
  padding:clamp(30px,4vw,58px) 0 34px;
}
.recipe-intro-layout .r-head{
  width:auto;
  padding:0;
}
.recipe-intro-layout .r-hero{
  width:100%;
  margin:0;
}
.recipe-intro-layout .r-hero .fig{
  aspect-ratio:4/3;
  height:auto;
  max-height:none;
}
@media(max-width:760px){
  .recipe-intro-layout{grid-template-columns:1fr;gap:26px;padding-top:28px;}
  .recipe-intro-layout .r-hero{max-width:560px;}
}

/* Recomandări compacte: șase carduri pe rând, completate automat la publicare. */
#moreLike.r-more-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
#moreLike.r-more-grid .card{display:block;min-width:0;color:inherit;text-decoration:none;}
#moreLike.r-more-grid .card .fig,#moreLike.r-more-grid .future-card .fig{
  aspect-ratio:1/1;
  margin-bottom:8px;
  position:relative;
}
/* Semnalează, în cardul din stânga, care rețetă este cea mai nouă de pe site. */
#moreLike.r-more-grid .card-flag{
  position:absolute; left:0; bottom:0; padding:6px 10px;
  background:var(--paper); border-top:var(--rule); border-right:var(--rule);
  font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink);
}
#moreLike.r-more-grid .card h3,#moreLike.r-more-grid .future-card h3{
  font-size:18px !important;
  line-height:1.18 !important;
  margin:5px 0;
}
#moreLike.r-more-grid .eyebrow{font-size:10px;letter-spacing:.1em;}
#moreLike.r-more-grid .future-card{opacity:.5;pointer-events:none;}
#moreLike.r-more-grid .future-card .fig{background:var(--ph);border:var(--rule);}

/* Locurile încă neocupate din grila dinamică a homepage-ului păstrează
   aspectul cardurilor „În curând” din designul original. */
.grid-recipes .future-card{opacity:.5;pointer-events:none;}
.grid-recipes .future-card .fig{background:var(--ph);border:var(--rule);}
@media(max-width:1080px){#moreLike.r-more-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}}
@media(max-width:640px){#moreLike.r-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Footerul comun pentru toate paginile de rețete. */
.site-footer{border-top:1px solid var(--line);padding:clamp(34px,3.8vw,54px) 0 26px;color:var(--soft);font-size:15px;}
.site-footer .footer-top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,56px);}
.site-footer .footer-brand .brand{display:inline-flex;align-items:center;white-space:nowrap;color:var(--ink);text-decoration:none;font-size:0;}
.site-footer .footer-brand .brand::before{content:"";display:inline-block;width:66px;height:66px;margin-right:13px;background:url("logo-ceaun.png") center/contain no-repeat;}
.site-footer .footer-brand .brand span{font-family:"Klaxon Crunchy",Georgia,serif;font-size:clamp(28px,2.15vw,36px);line-height:1;letter-spacing:-.04em;}
.site-footer .footer-brand .brand .brand-lu{color:#bd2b1d;margin-left:.09em;}
.site-footer .footer-brand .brand .ion{margin-left:.13em;}
.site-footer .footer-brand p{margin:18px 0 0;max-width:34ch;font-size:14px;color:var(--soft);}
.site-footer .footer-col h3{margin:0 0 18px;font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft);}
.site-footer .footer-col ul{margin:0;padding:0;list-style:none;}
.site-footer .footer-col li+li{margin-top:11px;}
.site-footer .footer-col a{font-size:14px;color:var(--ink);text-decoration:none;}
.site-footer .footer-col a:hover{color:var(--red);}
.site-footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(28px,3vw,42px);padding-top:20px;border-top:1px solid var(--line);font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:var(--soft);}
@media(max-width:820px){.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));}.site-footer .footer-brand{grid-column:1/-1;}}
@media(max-width:520px){.site-footer .footer-top{grid-template-columns:1fr;}.site-footer .footer-brand{grid-column:auto;}.site-footer .footer-bottom{display:block;}.site-footer .footer-bottom p+p{margin-top:8px;}}

/* Card video pentru rețete. */
.r-video{display:flex;flex-wrap:wrap;align-items:center;gap:20px 34px;margin:0 0 38px;padding:22px 24px;border:1px solid var(--line);background:var(--cream);}
.r-video h2{margin:0;font:400 clamp(24px,2.2vw,30px)/1.15 var(--serif);color:var(--ink);}
.r-video p{max-width:44ch;margin:8px 0 0;color:var(--soft);font:18px/1.45 var(--body);}
.r-video-links{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto;}
.r-video-link{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:16px 24px;border:1px solid #cfc5b9;background:var(--paper);color:#a16d16;text-decoration:none;font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;}
.r-video-link:hover{border-color:var(--ink);color:var(--ink);}
@media(max-width:720px){.r-video{margin-bottom:28px;padding:20px;}.r-video-links{width:100%;margin-left:0;}.r-video-link{flex:1;min-width:0;}}

/* Meniu mobil unic: aceste reguli au prioritate și peste CSS-ul vechi al
   homepage-ului, astfel încât toate paginile folosesc același accordion.
   Prag sincronizat cu cel de mai sus (1400px), ca meniul-hamburger și
   panoul lui să apară exact în același interval. */
@media (max-width:1400px){
  .site-header + .mobile-nav{
    position:fixed !important;
    z-index:1000 !important;
    top:var(--header-h) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    overflow-y:auto !important;
    background:var(--paper) !important;
    border-top:1px solid var(--line) !important;
  }
  .site-header + .mobile-nav .wrap{width:min(100% - 40px,760px) !important; margin-inline:auto !important; padding:22px 0 52px !important;}
  .site-header + .mobile-nav .m-item{display:block !important; margin:0 !important; border-bottom:1px solid var(--line) !important;}
  .site-header + .mobile-nav .m-item > summary{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    width:100% !important; padding:23px 0 !important; color:var(--ink) !important;
    font:600 12px/1 var(--sans) !important; letter-spacing:.20em !important; text-transform:uppercase !important;
  }
  .site-header + .mobile-nav .m-item .plus{display:block !important; position:relative !important; width:14px !important; height:14px !important; flex:none !important;}
  .site-header + .mobile-nav .m-item .plus::before,.site-header + .mobile-nav .m-item .plus::after{content:"" !important; position:absolute !important; inset:0 !important; display:block !important; margin:auto !important; background:var(--ink) !important;}
  .site-header + .mobile-nav .m-item .plus::before{width:14px !important;height:1px !important;}
  .site-header + .mobile-nav .m-item .plus::after{width:1px !important;height:14px !important;}
  .site-header + .mobile-nav .m-item[open] .plus::after{transform:scaleY(0) !important;}
  .site-header + .mobile-nav .m-sub{margin:0 !important; padding:0 0 20px 14px !important; list-style:none !important; border:0 !important;}
  .site-header + .mobile-nav .m-sub li{margin:0 !important;}
  .site-header + .mobile-nav .m-sub a,.site-header + .mobile-nav .m-link{display:block !important; padding:9px 0 !important; color:var(--ink) !important; text-decoration:none !important; font:17px/1.25 var(--body) !important;}
  .site-header + .mobile-nav .m-group{padding:14px 0 5px !important; font:600 10px/1.2 var(--sans) !important; letter-spacing:.14em !important; text-transform:uppercase !important;}
  .site-header + .mobile-nav > .wrap > .m-link{padding:22px 0 !important; border-bottom:1px solid var(--line) !important; font:600 12px/1 var(--sans) !important; letter-spacing:.20em !important; text-transform:uppercase !important;}
  .site-header + .mobile-nav .social-row--mobile{position:static !important; display:flex !important; align-items:center !important; gap:18px !important; width:auto !important; height:auto !important; margin:30px 0 0 !important; padding:0 !important; overflow:visible !important; background:transparent !important;}
  .site-header + .mobile-nav .social-row--mobile .social-ico{display:grid !important; place-items:center !important; width:28px !important; height:28px !important; margin:0 !important; padding:0 !important; background:transparent !important;}
  .site-header + .mobile-nav .social-row--mobile .social-glyph{display:block !important; width:18px !important; height:18px !important; max-width:18px !important; max-height:18px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.35 !important;}
  .site-header + .mobile-nav .social-row--mobile .social-name{position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;}
}