/* v2 mobil menü (offcanvas #mobileMenu) — tema CSS'inin üzerine, yalnızca bu panele uygulanır */
#mobileMenu{
  --mm-brand:var(--theme-color,#850e35);
  --mm-brand-soft:color-mix(in srgb,var(--mm-brand) 9%,#fff);
  --mm-brand-line:color-mix(in srgb,var(--mm-brand) 18%,#fff);
  --mm-ink:#1f1a1c;
  --mm-muted:#6b6468;
  --mm-line:#efe9eb;
  --mm-bg:#faf7f8;
  --mm-radius:14px;
  width:min(360px,88vw);
  border-right:0;
  background:var(--mm-bg);
  box-shadow:0 0 40px rgba(20,10,15,.18);
  font-family:Poppins,system-ui,sans-serif;
}

/* Başlık: logo + kapat */
#mobileMenu .offcanvas-header{
  padding:14px 16px;
  background:#fff;
  border-bottom:1px solid var(--mm-line);
  gap:12px;
}
#mobileMenu .offcanvas-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center}
#mobileMenu .mm-logo{grid-column:2;justify-self:center;display:block;height:34px;width:auto;max-width:170px;object-fit:contain}
#mobileMenu .offcanvas-header .btn-close{grid-column:3}
#mobileMenu .btn-close{
  width:36px;height:36px;padding:0;margin:0;
  border-radius:50%;
  background-color:var(--mm-bg);
  background-size:12px;
  opacity:.75;
  transition:background-color .2s,opacity .2s,transform .2s;
}
#mobileMenu .btn-close:hover{opacity:1;background-color:var(--mm-brand-soft);transform:rotate(90deg)}

#mobileMenu .offcanvas-body{padding:14px 14px 28px;background:var(--mm-bg)}

/* Üst hızlı işlemler (Sipariş Takibi, Üyelik) */
#mobileMenu .mobile-menu-top-actions{
  display:flex;gap:8px;padding:0;margin:0 0 16px;border:0;background:none;
}
#mobileMenu .mobile-top-action{
  flex:1 1 0;
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:10px 12px;margin:0;
  border:1px solid var(--mm-brand-line);
  border-radius:999px;
  background:#fff;
  color:var(--mm-brand);
  font-size:13.5px;font-weight:600;
  box-shadow:none;
  transition:background-color .2s,color .2s,border-color .2s;
}
#mobileMenu .mobile-top-action i{font-size:14px;color:inherit}
#mobileMenu .mobile-top-action:hover,
#mobileMenu .mobile-top-action:focus-visible{background:var(--mm-brand);border-color:var(--mm-brand);color:#fff}

/* Bölüm başlıkları */
#mobileMenu .mobile-categories-section{padding:0;margin:0 0 16px;border:0;background:none}
#mobileMenu .mobile-categories-title{
  margin:0 2px 10px;
  font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--mm-muted);
}

/* Kategori kartları */
#mobileMenu .mobile-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#mobileMenu .mobile-category-item{margin:0;padding:0;min-width:0}
#mobileMenu .mobile-category-card{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;
  height:100%;min-height:104px;padding:14px 6px 12px;
  border:0;border-radius:var(--mm-radius);
  background:#fff;
  box-shadow:0 1px 2px rgba(20,10,15,.05),0 0 0 1px var(--mm-line);
  text-decoration:none;
  transition:box-shadow .2s,transform .2s;
}
#mobileMenu .mobile-category-card:hover,
#mobileMenu .mobile-category-card:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px rgba(20,10,15,.08),0 0 0 1px var(--mm-brand-line)}
#mobileMenu .mobile-category-card .category-icon{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:0;flex:0 0 auto;
  border-radius:50%;
  background:var(--mm-brand-soft);
  color:var(--mm-brand);
  font-size:18px;
}
#mobileMenu .mobile-category-card .category-icon i{color:inherit;font-size:inherit;margin:0}
#mobileMenu .mobile-category-card .category-name{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12px;font-weight:500;line-height:1.3;text-align:center;
  color:var(--mm-ink);
}

/* Tüm ürünler bloğu */
#mobileMenu .gagaMinimalMenu{
  margin:0 0 16px;padding:0;
  border:0;border-radius:var(--mm-radius);
  background:#fff;
  box-shadow:0 0 0 1px var(--mm-line);
  overflow:hidden;
}
#mobileMenu .gagaMinimalMenu-head{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;margin:0;
  border:0;border-radius:0;
  background:var(--mm-brand);
  color:#fff;text-decoration:none;
}
#mobileMenu .gagaMinimalMenu-head-icon{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;
  background:rgba(255,255,255,.16);color:#fff;box-shadow:none;
}
#mobileMenu .gagaMinimalMenu-head-icon i{color:#fff}
#mobileMenu .gagaMinimalMenu-head-title{flex:1;font-size:15px;font-weight:600;color:#fff}
#mobileMenu .gagaMinimalMenu-head-arrow{color:rgba(255,255,255,.8);font-size:12px}

#mobileMenu .gagaMinimalMenu-groups{padding:6px 0;margin:0;gap:0;background:#fff}
#mobileMenu .gagaMinimalMenu-group{margin:0;padding:0;border:0;background:none}
#mobileMenu .gagaMinimalMenu-group + .gagaMinimalMenu-group{border-top:1px solid var(--mm-line);margin-top:6px;padding-top:6px}
#mobileMenu .gagaMinimalMenu-section-card{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#mobileMenu .gagaMinimalMenu-list{margin:0;padding:0;list-style:none;gap:0}
#mobileMenu .gagaMinimalMenu-list li{margin:0;padding:0;border:0}
#mobileMenu .gagaMinimalMenu-link{
  display:flex;align-items:center;gap:12px;
  min-height:44px;padding:10px 16px;margin:0;
  border:0;border-radius:0;
  background:none;
  color:var(--mm-ink);
  font-size:14px;font-weight:500;text-align:left;justify-content:flex-start;
  text-decoration:none;
  transition:background-color .15s,color .15s;
}
#mobileMenu .gagaMinimalMenu-link--nav{font-weight:600}
#mobileMenu .gagaMinimalMenu-link-text{flex:1;min-width:0;text-align:left}
#mobileMenu .gagaMinimalMenu-link:hover,
#mobileMenu .gagaMinimalMenu-link:focus-visible{background:var(--mm-brand-soft);color:var(--mm-brand)}
#mobileMenu .gagaMinimalMenu-section-dot{
  width:6px;height:6px;flex:0 0 6px;margin:0;border-radius:50%;
  background:var(--mm-brand);opacity:.45;
}
#mobileMenu .gagaMinimalMenu-link-arrow,
#mobileMenu .gagaMinimalMenu-section-arrow{margin-left:auto;font-size:11px;color:#c4bcc0;transition:transform .15s,color .15s}
#mobileMenu .gagaMinimalMenu-link:hover .gagaMinimalMenu-link-arrow,
#mobileMenu .gagaMinimalMenu-link:hover .gagaMinimalMenu-section-arrow{color:var(--mm-brand);transform:translateX(2px)}

/* Bize ulaşın */
#mobileMenu .mobile-contact-section{margin:0 0 16px;padding:0;border:0;background:none}
#mobileMenu .mobile-contact-section a,
#mobileMenu .mobile-contact-section .btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:46px;margin:0;
  border:0;border-radius:999px;
  background:var(--mm-brand);color:#fff;
  font-size:14px;font-weight:600;
  box-shadow:0 6px 16px color-mix(in srgb,var(--mm-brand) 28%,transparent);
}
#mobileMenu .mobile-contact-section a i,
#mobileMenu .mobile-contact-section .btn i{color:#fff}

/* Dil ve para birimi */
#mobileMenu .mobile-language-currency-section{
  margin:0;padding:14px;
  border:0;border-radius:var(--mm-radius);
  background:#fff;box-shadow:0 0 0 1px var(--mm-line);
}
#mobileMenu .mlc-head{margin:0 0 10px}
#mobileMenu .mlc-head-icon{background:var(--mm-brand-soft);color:var(--mm-brand)}
#mobileMenu .mlc-head-icon i{color:var(--mm-brand)}
#mobileMenu .mlc-head-title{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mm-muted)}
#mobileMenu .language-currency-mobile-item{border-radius:12px;border:1px solid var(--mm-line);background:#fff;box-shadow:none}
#mobileMenu .language-currency-mobile-item.active{border-color:var(--mm-brand);background:var(--mm-brand-soft)}
#mobileMenu .language-currency-mobile-item.active .mlc-check{color:var(--mm-brand)}

@media (prefers-reduced-motion:reduce){
  #mobileMenu *{transition:none!important}
}