/* ---------- Mega menü ---------- */

.navbar .mm{position:static}
.navbar .wrap{position:static}
.navbar .mm .mm-i{display:flex;align-items:stretch}
.navbar .mm .mm-t{display:inline-flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer;font:500 14.5px var(--font);color:#a8a8ad;padding:16px 2px;letter-spacing:.01em;position:relative;transition:color .2s}
.navbar .mm .mm-t svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.navbar .mm .mm-t:hover,.navbar .mm .mm-i.open .mm-t,.navbar .mm .mm-t[data-active]{color:#fff}
.navbar .mm .mm-t::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#30d158;transform:scaleX(0);transition:transform .25s ease}
.navbar .mm .mm-i.open .mm-t::after,.navbar .mm .mm-t[data-active]::after{transform:scaleX(1)}
.navbar .mm .mm-i.open .mm-t svg{transform:rotate(180deg)}
.navbar .mm .mm-p{position:absolute;left:0;right:0;top:100%;background:#000;border-top:1px solid #1c1c1e;border-bottom:1px solid #1c1c1e;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.navbar .mm .mm-i.open .mm-p{opacity:1;visibility:visible;transform:none}
.navbar .mm .mm-g{display:grid;grid-template-columns:1.1fr 1fr 1fr 300px;gap:34px;padding-top:30px;padding-bottom:34px}
.navbar .mm .mm-h{margin:0 0 12px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6e6e73}
.navbar .mm .mm-p a::after{display:none}
.navbar .mm .mm-p a{border-bottom:0!important;letter-spacing:0}
.navbar .mm .mm-l{display:flex!important;align-items:center!important;gap:12px!important;padding:9px 10px!important;margin:0 -10px!important;border-radius:12px!important;color:#fff!important;transition:background .15s!important}
.navbar .mm .mm-l:hover,.navbar .mm .mm-l[aria-current="page"]{background:#1c1c1e!important}
.navbar .mm .mm-l b{display:block;font-size:15px!important;font-weight:600;color:#fff}
.navbar .mm .mm-l small{display:block;font-size:12.5px;color:#8e8e93;margin-top:1px}
.navbar .mm .mm-ic{width:20px;height:20px;flex:none;fill:none;stroke:#30d158;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.navbar .mm .mm-models{display:flex;flex-direction:column}
.navbar .mm .mm-s{display:block!important;padding:6px 0!important;font-size:14.5px!important;color:#d1d1d6!important}
.navbar .mm .mm-s:hover{color:#fff!important}
.navbar .mm .mm-more{display:inline-block!important;margin-top:10px!important;font-size:14px!important;font-weight:700!important;color:#30d158!important}
.navbar .mm .mm-card{display:flex!important;flex-direction:column!important;gap:8px!important;padding:22px!important;border-radius:20px!important;background:linear-gradient(160deg,#1c1c1e,#0a0a0a)!important;border:1px solid #2c2c2e!important;color:#fff!important}
.navbar .mm .mm-card b{font-size:19px;line-height:1.25}
.navbar .mm .mm-card span{color:#a1a1a6;font-size:14px;line-height:1.5}
.navbar .mm .mm-card em{font-style:normal;font-weight:700;color:#30d158;margin-top:auto;font-size:14px}
.navbar .mm .mm-badge{align-self:flex-start;background:#30d158;color:#000!important;font-size:11px!important;font-weight:800;padding:3px 9px;border-radius:999px}
.navbar .mm #mm-urunler .mm-g{grid-template-columns:2fr 1fr}
.navbar .mm .mm-catg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.navbar .mm .mm-cat{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:14px 8px!important;border-radius:16px!important;background:#111!important;color:#fff!important;font-size:13.5px!important;font-weight:600!important;text-align:center!important;transition:background .15s!important}
.navbar .mm .mm-cat:hover{background:#1c1c1e!important}
.navbar .mm .mm-cat img{height:42px;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 0 1px rgba(255,255,255,.25))}
.navbar .mm .mm-cat .mm-ic{width:30px;height:30px}
.navbar .mm .mm-tools{grid-template-columns:repeat(3,1fr)}
.navbar .mm .mm-tool{display:flex!important;flex-direction:column!important;gap:8px!important;padding:22px!important;border-radius:20px!important;background:#111!important;color:#fff!important;transition:background .15s,transform .15s!important}
.navbar .mm .mm-tool:hover{background:#1c1c1e!important;transform:translateY(-2px)!important}
.navbar .mm .mm-tool .mm-ic{width:28px;height:28px}
.navbar .mm .mm-tool b{font-size:17px}
.navbar .mm .mm-tool span{color:#a1a1a6;font-size:14px;line-height:1.5}
.mm-scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:45;opacity:0;visibility:hidden;transition:opacity .2s}
html.mm-on .mm-scrim{opacity:1;visibility:visible}
@media (max-width:1300px){.mm-g{grid-template-columns:1fr 1fr 1fr;}
.navbar .mm .mm-card{grid-column:1/-1!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important}}
/* mobil: akordeon */
@media (max-width:1100px){

.navbar .mm .mm-i{flex-direction:column;align-items:stretch;border-bottom:1px solid #1c1c1e}
.navbar .mm .mm-t{justify-content:space-between;width:100%;font-size:15.5px;color:#fff;padding:10px 16px}
.navbar .mm .mm-t::after{display:none}
.navbar .mm .mm-t svg{width:18px;height:18px}
.navbar .mm .mm-p{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none;background:#0b0b0b}
.navbar .mm .mm-i.open .mm-p{display:block}
.navbar .mm .mm-g,.navbar .mm #mm-urunler .mm-g,.navbar .mm .mm-tools{grid-template-columns:1fr;gap:18px;padding:14px 16px 20px}
.navbar .mm .mm-l{margin:0!important}
.navbar .mm .mm-catg{grid-template-columns:repeat(3,1fr)}
.navbar .mm .mm-card{flex-direction:column!important;align-items:flex-start!important}
.mm-scrim{display:none}
}
.navbar .mm .mm-p a,.navbar .mm .mm-p a *{white-space:normal!important}
.navbar .mm .mm-g>*{min-width:0}
.navbar .mm .mm-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.navbar .mm .mm-g{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) 300px}
#mm-urunler.mm-p .mm-g{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.navbar .mm .mm-cat img{height:52px!important}
@media (max-width:1300px){.navbar .mm .mm-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.navbar .mm .mm-g,#mm-urunler.mm-p .mm-g,.navbar .mm .mm-tools{grid-template-columns:1fr!important}.navbar .mm .mm-catg{grid-template-columns:repeat(3,1fr)}}