/* MN MEGA MENU v2.0.0 — full async (loaded via preload) */

.mn-mm{
  font-family:'Open Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:15px;
  line-height:1.5;
  background:#fff;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  border-bottom:1px solid rgba(15,40,32,.08);
}
body{padding-top:128px;}
.admin-bar .mn-mm{top:32px;}
@media screen and (max-width:782px){.admin-bar .mn-mm{top:46px;}}
@media (max-width:980px){body{padding-top:64px;}}
.mn-mm *{box-sizing:border-box;}

/* Reset list-style em todos os UL/LI internos do mega menu */
.mn-mm ul,
.mn-mm ol{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.mn-mm li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.mn-mm li::marker,
.mn-mm li::before{
  content:none !important;
  display:none !important;
}

.mn-mm-container{
  max-width:1080px;
  margin:0 auto;
  padding:0 24px;
}

/* ═══ ROW 1 — LOGO | BUSCA | LOJA | TOGGLE ═══ */
/* Grid 3 colunas: logo (auto) | busca (centralizada) | direita (auto) */
.mn-mm-row-1 .mn-mm-container{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  height:78px;
}
.mn-mm-row-1 .mn-mm-container > .mn-mm-search{
  justify-self:stretch;
}
.mn-mm-row-1 .mn-mm-container > .mn-mm-logo{
  justify-self:start;
}
/* Wrapper direito para CTA + toggle (mantém ordem visual) */
.mn-mm-row-1 .mn-mm-container > .mn-mm-cta,
.mn-mm-row-1 .mn-mm-container > .mn-mm-toggle{
  justify-self:end;
}
.mn-mm-logo{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  text-decoration:none !important;
}
.mn-mm-logo img{
  display:block;
  max-height:48px;
  width:auto;
}

/* === SEARCH (DOMINANTE — ocupa o máximo possível da row 1) === */
.mn-mm-search{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:0;
  background:#fafaf6;
  border:2px solid rgba(201,168,76,.45);
  border-radius:99px;
  padding:0;
  height:52px;
  transition:border-color .2s,box-shadow .2s,background .2s;
  position:relative;
}
.mn-mm-search:hover{
  border-color:rgba(201,168,76,.75);
  background:#fff;
}
.mn-mm-search:focus-within{
  background:#fff;
  border-color:#c9a84c;
  box-shadow:0 0 0 4px rgba(201,168,76,.20);
}
.mn-mm-search-icon{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px 0 22px;
  color:#5a6b62;
}
.mn-mm-search:focus-within .mn-mm-search-icon{color:#c9a84c;}
.mn-mm-search input{
  flex:1;
  border:none;
  background:transparent;
  font-size:15.5px;
  font-family:inherit;
  color:#1a3a2e;
  padding:0;
  height:100%;
  outline:none;
  min-width:0;
  font-weight:500;
}
.mn-mm-search input::placeholder{
  color:#7a8a82;
  font-weight:400;
}
.mn-mm-search-go{
  flex-shrink:0;
  background:#1a3a2e;
  color:#fff;
  border:none;
  padding:0 28px;
  height:42px;
  margin:4px;
  border-radius:99px;
  cursor:pointer;
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  letter-spacing:.4px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  transition:background .2s,transform .15s;
  white-space:nowrap;
}
.mn-mm-search-go:hover{background:#c9a84c;transform:translateY(-1px);}
.mn-mm-search-go-icon{display:none;}

/* === CTA Loja === */
.mn-mm-cta{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 22px;
  background:linear-gradient(135deg,#c9a84c 0%,#e0c168 100%);
  color:#1a3a2e !important;
  font-weight:700;
  font-size:13px;
  letter-spacing:.4px;
  text-transform:uppercase;
  text-decoration:none !important;
  border-radius:99px;
  transition:transform .15s,box-shadow .15s;
  white-space:nowrap;
}
.mn-mm-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(201,168,76,.30);
}

/* === Mobile toggle === */
.mn-mm-toggle{
  display:none;
  background:transparent;
  border:none;
  padding:10px;
  cursor:pointer;
  color:#1a3a2e;
  border-radius:8px;
}
.mn-mm-toggle-bars{
  display:block;
  width:26px;
  height:20px;
  position:relative;
}
.mn-mm-toggle-bars span{
  position:absolute;
  left:0;right:0;
  height:2.5px;
  background:currentColor;
  border-radius:3px;
  transition:transform .25s,top .25s,opacity .25s;
}
.mn-mm-toggle-bars span:nth-child(1){top:2px;}
.mn-mm-toggle-bars span:nth-child(2){top:9px;}
.mn-mm-toggle-bars span:nth-child(3){top:16px;}
.mn-mm[data-drawer-open="1"] .mn-mm-toggle-bars span:nth-child(1){top:9px;transform:rotate(45deg);}
.mn-mm[data-drawer-open="1"] .mn-mm-toggle-bars span:nth-child(2){opacity:0;}
.mn-mm[data-drawer-open="1"] .mn-mm-toggle-bars span:nth-child(3){top:9px;transform:rotate(-45deg);}

/* ═══ ROW 2 — MENU BAR (cream sutil) ═══ */
.mn-mm-row-2{
  background:#fafaf6;
  border-top:1px solid rgba(201,168,76,.18);
  border-bottom:1px solid rgba(15,40,32,.08);
}
.mn-mm-row-2 .mn-mm-container{
  position:relative;
}
.mn-mm-bar{
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:0;
  flex-wrap:wrap;
}
.mn-mm-bar > li{
  position:static;
}
.mn-mm-bar > li > a,
.mn-mm-bar > li > .mn-mm-trigger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:14px 18px;
  color:#1a3a2e !important;
  text-decoration:none !important;
  font-weight:600;
  font-size:14px;
  letter-spacing:.2px;
  position:relative;
  transition:color .15s,background .15s;
  cursor:pointer;
}
.mn-mm-bar > li:hover > a,
.mn-mm-bar > li:hover > .mn-mm-trigger{
  color:#c9a84c !important;
  background:rgba(201,168,76,.08);
}
.mn-mm-caret{
  display:inline-block;
  width:7px;height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  margin-left:6px;
  margin-top:-3px;
  transition:transform .2s;
}
.mn-mm-bar > li.mn-mm-open .mn-mm-caret{
  transform:rotate(-135deg);
  margin-top:3px;
}

/* ═══ MEGA PANEL (sempre full-width row 2) ═══ */
.mn-mm-panel{
  position:absolute;
  left:0;right:0;top:100%;
  background:#fff;
  border-top:1px solid rgba(201,168,76,.20);
  box-shadow:0 16px 40px rgba(15,40,32,.18);
  padding:0;
  display:none;
  z-index:9998;
}
.mn-mm-bar > li.mn-mm-open > .mn-mm-panel{
  display:block;
  animation:mn-mm-fade .22s ease-out;
}
@keyframes mn-mm-fade{
  from{opacity:0;transform:translateY(-6px);}
  to{opacity:1;transform:translateY(0);}
}
.mn-mm-panel-grid{
  max-width:1080px;
  margin:0 auto;
  padding:28px 24px 32px;
  display:grid;
  grid-template-columns:240px 1fr 220px;
  grid-template-rows:1fr;
  gap:28px;
  height:380px;
  align-items:stretch;
}
.mn-mm-panel-articles,
.mn-mm-panel-side{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
.mn-mm-panel-articles ul{
  flex:1 1 0;
  overflow:hidden;
}
.mn-mm-panel-side{
  justify-content:space-between;
}

/* === Col 1: Hero (altura fixa = mesma das outras colunas) === */
.mn-mm-panel-hero{
  position:relative;
  display:block;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none !important;
  background:linear-gradient(180deg,#1a3a2e,#0f2620);
  height:300px;
  color:#fff !important;
  align-self:stretch;
}
.mn-mm-panel-hero img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s;
}
.mn-mm-panel-hero:hover img{transform:scale(1.05);}
.mn-mm-panel-hero-placeholder{
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#1a3a2e 0%,#0f2620 100%);
}
.mn-mm-panel-hero-overlay{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:18px 20px;
  background:linear-gradient(180deg,transparent 0%,rgba(15,40,32,.9) 70%);
  color:#fff;
}
.mn-mm-panel-hero-overlay h3{
  font-family:'Playfair Display',Georgia,serif;
  font-size:22px;
  font-weight:700;
  margin:0 0 4px;
  line-height:1.2;
  color:#fff;
}
.mn-mm-panel-hero-overlay p{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.4;
  color:#dee3df;
  opacity:.9;
}
.mn-mm-panel-cta{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:700;
  letter-spacing:.4px;
  color:#e0c168 !important;
  text-transform:uppercase;
}

/* === Col 2: Featured articles === */
.mn-mm-panel-articles h4,
.mn-mm-panel-side h4{
  font-family:'Open Sans',sans-serif;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:1.1px;
  text-transform:uppercase;
  color:#c9a84c;
  margin:0 0 14px !important;
  padding:0 0 10px !important;
  border-bottom:1px solid rgba(201,168,76,.20);
}
.mn-mm-panel-articles ul{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.mn-mm-panel-articles li a{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:8px 10px;
  border-radius:8px;
  text-decoration:none !important;
  transition:background .15s;
}
.mn-mm-panel-articles li a:hover{background:rgba(201,168,76,.05);}
.mn-mm-panel-article-img{
  flex-shrink:0;
  width:64px;height:64px;
  border-radius:8px;
  overflow:hidden;
  background:#f5f7f5;
}
.mn-mm-panel-article-img img{
  display:block;
  width:100%;height:100%;
  object-fit:cover;
}
.mn-mm-panel-article-text{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.mn-mm-panel-article-text strong{
  font-size:14px;
  font-weight:700;
  color:#1a3a2e;
  line-height:1.3;
  display:block;
}
.mn-mm-panel-article-text > span{
  font-size:12.5px;
  color:#5a6b62;
  line-height:1.4;
  display:block;
}

/* === Col 3: Sidebar (subitems + Loja) === */
.mn-mm-panel-side{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.mn-mm-panel-subitems ul{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.mn-mm-panel-subitems a{
  display:block;
  padding:6px 0;
  font-size:13.5px;
  color:#3a3a3a;
  text-decoration:none !important;
  line-height:1.4;
  transition:color .15s,padding-left .15s;
}
.mn-mm-panel-subitems a:hover{
  color:#c9a84c;
  padding-left:4px;
}

/* === Produtos da Loja na sidebar === */
.mn-mm-panel-products{flex:1;min-height:0;display:flex;flex-direction:column;}
.mn-mm-panel-products ul{
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
  overflow:hidden;
}
.mn-mm-panel-products li a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px;
  border-radius:8px;
  text-decoration:none !important;
  background:#fafbfa;
  border:1px solid #ebebeb;
  transition:border-color .15s,transform .15s,background .15s;
}
.mn-mm-panel-products li a:hover{
  border-color:rgba(201,168,76,.45);
  background:#fff;
  transform:translateY(-1px);
}
.mn-mm-panel-product-img{
  flex-shrink:0;
  width:48px;height:48px;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
  border:1px solid #ebebeb;
}
.mn-mm-panel-product-img img{
  display:block;
  width:100%;height:100%;
  object-fit:cover;
}
.mn-mm-panel-product-text{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  flex:1;
}
.mn-mm-panel-product-text strong{
  font-size:12.5px;
  font-weight:700;
  color:#1a3a2e;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mn-mm-panel-product-price{
  font-size:11.5px;
  color:#5a6b62;
  display:flex;
  align-items:baseline;
  gap:6px;
}
.mn-mm-panel-product-price s{
  color:#a0a8a3;
  font-size:10.5px;
  text-decoration:line-through;
}
.mn-mm-panel-product-price em{
  color:#c9a84c;
  font-style:normal;
  font-weight:800;
  font-size:12.5px;
}
.mn-mm-panel-loja{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  background:linear-gradient(135deg,#fdfaf2 0%,#f8f1de 100%);
  border:1px solid rgba(201,168,76,.30);
  border-radius:12px;
  text-decoration:none !important;
  transition:transform .15s,box-shadow .15s;
}
.mn-mm-panel-loja:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(201,168,76,.20);
}
.mn-mm-panel-loja-icon{
  font-size:24px;
  flex-shrink:0;
}
.mn-mm-panel-loja-text{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.mn-mm-panel-loja-text strong{
  font-size:13px;
  font-weight:800;
  color:#1a3a2e;
  letter-spacing:.3px;
  text-transform:uppercase;
}
.mn-mm-panel-loja-text > span{
  font-size:12px;
  color:#5a6b62;
  line-height:1.3;
}

/* === Overlay === */
.mn-mm-overlay{
  position:fixed;
  inset:0;
  background:rgba(15,40,32,.55);
  z-index:9990;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s;
}
.mn-mm-overlay[hidden]{display:none;}
.mn-mm[data-drawer-open="1"] .mn-mm-overlay{opacity:1;pointer-events:auto;}

/* ═══ MOBILE (≤1080px) ═══ */
@media (max-width:1080px){
  .mn-mm-panel-grid{grid-template-columns:240px 1fr 220px;gap:24px;padding:24px 20px;}
  .mn-mm-panel-hero,.mn-mm-panel-hero img,.mn-mm-panel-hero-placeholder{min-height:220px;height:220px;}
}
@media (max-width:980px){
  .mn-mm-row-1 .mn-mm-container{height:64px;gap:14px;padding:0 16px;}
  .mn-mm-logo img{max-height:40px;}
  .mn-mm-cta{display:none;}
  .mn-mm-toggle{display:inline-flex;}
  .mn-mm-search{height:42px;max-width:none;}
  .mn-mm-search input{font-size:14px;}
  .mn-mm-search input::placeholder{font-size:13px;}
  .mn-mm-search-icon{padding:0 8px 0 14px;}
  .mn-mm-search-go{padding:0 14px;height:34px;font-size:0;}
  .mn-mm-search-go-text{display:none;}
  .mn-mm-search-go-icon{display:inline-flex;}

  /* Drawer mobile (Row 2 vira drawer — cream consistente) */
  .mn-mm-row-2{
    position:fixed;
    top:0;right:-100%;
    width:min(86vw,360px);
    height:100vh;
    background:#fafaf6;
    z-index:9995;
    overflow-y:auto;
    overflow-x:hidden;
    transition:right .3s cubic-bezier(.2,.7,.3,1);
    box-shadow:-12px 0 32px rgba(15,40,32,.18);
    padding:64px 0 24px;
    border-top:none;
    border-bottom:none;
  }
  .mn-mm[data-drawer-open="1"] .mn-mm-row-2{right:0;}
  .mn-mm-row-2 .mn-mm-container{padding:0;}
  .mn-mm-row-2::before{
    content:'Menu';
    position:absolute;
    top:0;left:0;right:0;
    height:64px;
    display:flex;
    align-items:center;
    padding:0 24px;
    font-family:'Playfair Display',Georgia,serif;
    font-size:18px;
    font-weight:700;
    color:#1a3a2e;
    border-bottom:1px solid rgba(201,168,76,.20);
    background:#fff;
  }

  .mn-mm-bar{flex-direction:column;align-items:stretch;}
  .mn-mm-bar > li{border-bottom:1px solid rgba(15,40,32,.06);}
  .mn-mm-bar > li > a,.mn-mm-bar > li > .mn-mm-trigger{
    padding:16px 24px;
    font-size:15px;
    width:100%;
    justify-content:space-between;
  }

  /* Mobile mega panel = accordion (cream consistente) */
  .mn-mm-panel{
    position:static;
    box-shadow:none;
    border-top:1px solid rgba(15,40,32,.06);
    background:#fff;
    padding:0;
    display:none;
    height:auto !important;
  }
  .mn-mm-bar > li.mn-mm-open > .mn-mm-panel{display:block;animation:none;}
  .mn-mm-panel-grid{
    grid-template-columns:1fr;
    gap:0;
    padding:0;
    height:auto !important;
  }
  .mn-mm-panel-hero{
    border-radius:0;
    min-height:160px;
    height:160px;
  }
  .mn-mm-panel-hero img,.mn-mm-panel-hero-placeholder{height:160px;}
  .mn-mm-panel-hero-overlay h3{font-size:18px;}
  .mn-mm-panel-articles,.mn-mm-panel-side{
    padding:18px 24px;
  }
}
@media (max-width:560px){
  .mn-mm-search{height:40px;}
  .mn-mm-search input{font-size:14px;}
}

@media print{.mn-mm{display:none;}}
@media (prefers-reduced-motion:reduce){
  .mn-mm *{transition:none !important;animation:none !important;}
}