/* Mobile Menu — soldan slide-in sidebar (hiyerarşik accordion) */

/* === Hamburger Trigger (mobilde görünür) === */.eb-mm-trigger{
    display:none;
    background:transparent; border:0; cursor:pointer;
    padding:0;
    width:42px; height:42px;
    border-radius:10px;
    color:inherit;
    align-items:center; justify-content:center;
    transition:background .2s, transform .2s cubic-bezier(.16,1,.3,1);
}.eb-mm-trigger:hover{
    background:color-mix(in srgb, currentColor 10%, transparent);
    transform:scale(1.04);
}.eb-mm-trigger:active{ transform:scale(.96); }.eb-mm-trigger-lines{
    display:inline-flex; flex-direction:column; gap:4px;
}.eb-mm-trigger-lines span{
    display:block; width:20px; height:2px;
    background:currentColor; border-radius:2px;
    transition:transform .25s cubic-bezier(.16,1,.3,1), opacity .2s;
}

@media (max-width: 991px) {
    .eb-mm-trigger { display:inline-flex; }
}

/* === Panel === */.eb-mm{
    position:fixed; inset:0; z-index:9100;
    display:flex;
    font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}.eb-mm[hidden]{ display:none; }.eb-mm-backdrop{
    position:absolute; inset:0;
    background:rgba(15,23,42,.55);
    backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
    animation:ebMmFade .25s ease;
}.eb-mm-panel{
    position:relative; z-index:1;
    width:min(85vw, 360px); height:100vh; max-height:100dvh;
    background:var(--blok-bg-bg, var(--blok-bg)); color:var(--blok-text);
    display:flex; flex-direction:column;
    box-shadow:8px 0 40px -6px rgba(15,23,42,.25);
    animation:ebMmSlide .38s cubic-bezier(.16,1,.3,1);
    overflow:hidden;
}
@keyframes ebMmFade { from{opacity:0}to{opacity:1} }
@keyframes ebMmSlide { from{transform:translateX(-100%)}to{transform:translateX(0)} }

/* Head */.eb-mm-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 20px; flex-shrink:0;
    border-bottom:1px solid var(--blok-border);
    background:linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}.eb-mm-head strong{
    font-size:16px; font-weight:700;
    color:var(--blok-text); letter-spacing:-.01em;
}.eb-mm-close{
    background:var(--blok-bg-bg, var(--blok-bg)); border:0; cursor:pointer;
    width:36px; height:36px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--blok-text);
    transition:background .2s, transform .3s cubic-bezier(.16,1,.3,1), color .2s;
}.eb-mm-close:hover{
    background:var(--blok-bg-bg, var(--blok-bg)); color:var(--blok-text);
    transform:rotate(90deg);
}

/* Search */.eb-mm-search{
    display:flex; align-items:center; gap:10px;
    margin:14px 16px 8px;
    padding:0 16px;
    background:var(--blok-bg-bg, var(--blok-bg));
    border:1.5px solid transparent;
    border-radius:12px;
    min-height:46px;
    transition:border-color .2s, background .2s;
    flex-shrink:0;
}.eb-mm-search:focus-within{
    border-color:var(--tema-primary, var(--blok-border));
    background:var(--blok-bg-bg, var(--blok-bg));
}.eb-mm-search svg{ color:var(--blok-text); flex-shrink:0; }.eb-mm-search input{
    flex:1; border:0; outline:0;
    background:transparent;
    font:inherit; font-size:14px;
    color:var(--blok-text);
    min-width:0;
}.eb-mm-search input::placeholder{ color:var(--blok-text); }

/* Nav */.eb-mm-nav{
    flex:1; overflow-y:auto;
    padding:6px 12px 12px;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
}.eb-mm-nav::-webkit-scrollbar{ width:6px; }.eb-mm-nav::-webkit-scrollbar-thumb{ background:var(--blok-bg-bg, var(--blok-bg)); border-radius:3px; }.eb-mm-list{ list-style:none; margin:0; padding:0; }.eb-mm-sub{ list-style:none; margin:0; padding:0 0 0 10px; }.eb-mm-item{ margin:0; }.eb-mm-row{
    display:flex; align-items:center;
    border-radius:10px;
    transition:background .15s;
    position:relative;
}.eb-mm-row:hover{ background:var(--blok-bg-bg, var(--blok-bg)); }.eb-mm-item.is-open > .eb-mm-row{ background:color-mix(in srgb, var(--tema-primary) 7%, #f8fafc); }.eb-mm-link{
    flex:1; display:flex; align-items:center; gap:10px;
    padding:11px 14px;
    color:var(--blok-text); text-decoration:none;
    font-size:14px; font-weight:500;
    letter-spacing:-.005em;
    line-height:1.3;
    transition:color .15s, padding-left .25s cubic-bezier(.16,1,.3,1);
}.eb-mm-link:hover{ color:var(--tema-primary); }.eb-mm-link svg{ color:var(--blok-text); flex-shrink:0; }.eb-mm-link-home{ font-weight:600; }.eb-mm-link-home svg{ color:var(--tema-primary); }.eb-mm-toggle{
    background:transparent; border:0; cursor:pointer;
    width:40px; height:40px;
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--blok-text); border-radius:8px;
    flex-shrink:0;
    transition:background .15s, color .15s;
}.eb-mm-toggle:hover{
    background:color-mix(in srgb, var(--tema-primary) 10%, transparent);
    color:var(--tema-primary);
}.eb-mm-toggle svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }.eb-mm-item.is-open > .eb-mm-row .eb-mm-toggle svg{ transform:rotate(180deg); }

/* Submenu collapse animation */.eb-mm-sub{
    max-height:0; overflow:hidden;
    transition:max-height .4s cubic-bezier(.16,1,.3,1);
}.eb-mm-item.is-open > .eb-mm-sub{ max-height:3000px; }

/* Depth styling */.eb-mm-item[data-depth="0"] > .eb-mm-row > .eb-mm-link{ font-size:14px; font-weight:500; }.eb-mm-item[data-depth="1"] > .eb-mm-row > .eb-mm-link{ font-size:13px; font-weight:400; color:var(--blok-text); padding:9px 14px; }.eb-mm-item[data-depth="2"] > .eb-mm-row > .eb-mm-link{ font-size:12.5px; color:var(--blok-text); padding:8px 14px; }.eb-mm-item[data-depth="3"] > .eb-mm-row > .eb-mm-link{ font-size:12px; color:var(--blok-text); padding:7px 14px; }.eb-mm-item[data-depth="1"] > .eb-mm-row::before,
.eb-mm-item[data-depth="2"] > .eb-mm-row::before,
.eb-mm-item[data-depth="3"] > .eb-mm-row::before{
    content:''; position:absolute; left:6px; top:50%;
    width:5px; height:5px; border-radius:50%;
    background:var(--blok-bg-bg, var(--blok-bg));
    transform:translateY(-50%);
}.eb-mm-item[data-depth="2"] > .eb-mm-row::before{ background:var(--blok-bg-bg, var(--blok-bg)); width:4px; height:4px; }.eb-mm-item[data-depth="3"] > .eb-mm-row::before{ background:var(--blok-bg-bg, var(--blok-bg)); width:3px; height:3px; }

/* Prefs (currency/lang select) — kompakt yatay */.eb-mm-prefs{
    display:grid; grid-template-columns:1fr 1fr; gap:6px;
    padding:6px 12px 4px;
    border-top:1px solid var(--blok-border);
    flex-shrink:0;
}.eb-mm-pref{ display:flex; align-items:center; gap:6px; }.eb-mm-pref label{
    font-size:10px; font-weight:600;
    color:var(--blok-text); letter-spacing:.04em; text-transform:uppercase;
    flex-shrink:0;
}.eb-mm-pref select{
    background:var(--blok-bg-bg, var(--blok-bg)); border:1px solid var(--blok-border);
    padding:5px 6px; border-radius:6px;
    font:inherit; font-size:12px; color:var(--blok-text);
    cursor:pointer; flex:1; min-width:0;
    transition:border-color .2s, background .2s;
}.eb-mm-pref select:focus{
    outline:0; border-color:var(--tema-primary, var(--blok-border));
    background:var(--blok-bg-bg, var(--blok-bg));
}

/* Utility links — 4 sütun küçük chip */.eb-mm-utility{
    padding:8px 12px;
    border-top:1px solid var(--blok-border);
    display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:6px;
    flex-shrink:0;
}.eb-mm-util-link{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    padding:8px 4px; border-radius:8px;
    background:var(--blok-bg-bg, var(--blok-bg)); color:var(--blok-text);
    text-decoration:none;
    font-size:10.5px; font-weight:500;
    text-align:center;
    line-height:1.1;
    transition:background .2s, color .2s, transform .2s cubic-bezier(.16,1,.3,1);
}.eb-mm-util-link:hover{
    background:var(--blok-bg-bg, var(--blok-bg));
    transform:translateY(-1px);
}.eb-mm-util-link svg{ opacity:.7; flex-shrink:0; width:16px; height:16px; }.eb-mm-util-link.eb-mm-util-primary{
    background:var(--tema-primary);
    color:var(--tema-primary-text);
    box-shadow:0 4px 12px -2px color-mix(in srgb, var(--tema-primary) 50%, transparent);
}.eb-mm-util-link.eb-mm-util-primary:hover{
    background:color-mix(in srgb, var(--tema-primary) 88%, #000);
}.eb-mm-util-link.eb-mm-util-primary svg{ opacity:.95; }

/* Footer (contact + social) — kompakt */.eb-mm-foot{
    padding:8px 12px 10px;
    border-top:1px solid var(--blok-border);
    background:var(--blok-bg-bg, var(--blok-bg));
    display:flex; flex-direction:row; flex-wrap:wrap; gap:6px 12px;
    align-items:center; justify-content:space-between;
    flex-shrink:0;
}.eb-mm-foot-contact{
    display:inline-flex; align-items:center; gap:5px;
    color:var(--blok-text); text-decoration:none;
    font-size:11.5px; font-weight:500;
    transition:color .15s;
}.eb-mm-foot-contact:hover{ color:var(--tema-primary); }.eb-mm-foot-contact svg{ color:var(--blok-text); flex-shrink:0; }.eb-mm-foot-social{
    display:flex; gap:6px; margin-top:0;
}.eb-mm-foot-social a{
    width:28px; height:28px; border-radius:50%;
    background:var(--blok-bg-bg, var(--blok-bg)); border:1px solid var(--blok-border);
    color:var(--blok-text);
    display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s, color .2s, transform .2s cubic-bezier(.16,1,.3,1);
}.eb-mm-foot-social a:hover{
    background:var(--tema-primary);
    color:var(--blok-text);
    border-color:var(--tema-primary, var(--blok-border));
    transform:translateY(-2px);
}

@media (max-width: 380px) {
    .eb-mm-panel { width:100vw; }
}
@media (max-width: 360px) {
    .eb-mm-utility { grid-template-columns:1fr 1fr; }.eb-mm-util-link{ font-size:11px; }
}