/* MakroMaster V2 — bağımsız header hizalama, sepet rozetleri ve mobil alt menü. */
/* Slider'ın 1440px içerik kenarıyla eşitlenir; 1440px altında mevcut gutter korunur. */
@media (min-width: 1440px) {
    .mm-header .mm-container {
        padding-left: clamp(0px, calc(744px - 50vw), 24px);
        padding-right: clamp(0px, calc(744px - 50vw), 24px);
    }
}
/* Elle tüm breakpoint'lere sıfır padding uygulanmışsa tablet/mobil gutter'ı geri getir. */
@media (min-width: 768px) and (max-width: 1439px) {
    .mm-header .mm-container { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 651px) and (max-width: 767px) {
    .mm-header .mm-container { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 650px) {
    .mm-header .mm-container { padding-left: 15px; padding-right: 15px; }
}

.mm-header .mm-header-action--cart { position: relative; }
.mm-cart-quantity {
    position: absolute;
    top: -7px;
    right: -11px;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0b7dff, #36b6ff);
    border: 2px solid #061428;
    border-radius: 99px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
    white-space: nowrap;
    z-index: 2;
    box-shadow: 0 3px 10px #006bff66;
    pointer-events: none;
}
html[data-mm-theme="light"] .mm-header .mm-cart-quantity { border-color: #fff; }

/* Navigasyon masaüstü ve tablette görünmez. */
.mm-mobile-bottom-bar { display: none; }

@media (max-width: 767px) {
    body { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
    .mm-mobile-bottom-bar,
    .mm-mobile-bottom-bar * { box-sizing: border-box; }

    .mm-mobile-bottom-bar {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 95;
        padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px));
        background: rgba(5, 17, 34, .98);
        border-top: 1px solid #1b4e7d;
        box-shadow: 0 -10px 40px rgba(1, 9, 23, .55);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
    }
    .mm-mobile-bottom-bar__inner {
        max-width: 520px;
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: stretch;
        gap: 5px;
    }
    .mm-mobile-bottom-bar__item {
        display: flex;
        min-width: 0;
        min-height: 55px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 7px 3px 5px;
        border: 1px solid transparent;
        border-radius: 13px;
        color: #a9c4e2;
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent;
        transition: background .16s ease, color .16s ease, border-color .16s ease;
    }
    .mm-mobile-bottom-bar__item:hover,
    .mm-mobile-bottom-bar__item:focus-visible {
        color: #fff;
        background: rgba(24, 118, 235, .18);
    }
    .mm-mobile-bottom-bar__item:focus-visible {
        outline: 2px solid #51baff;
        outline-offset: 2px;
    }
    .mm-mobile-bottom-bar__item.is-active {
        color: #fff;
        background: linear-gradient(150deg, #0d5fc6 0%, #0e85f9 100%);
        border-color: #308ff9;
        box-shadow: 0 4px 15px rgba(0, 116, 255, .26);
    }
    .mm-mobile-bottom-bar__icon {
        position: relative;
        display: grid;
        place-items: center;
        height: 25px;
        min-width: 30px;
        font-size: 20px;
    }
    .mm-mobile-bottom-bar__icon .mm-cart-quantity {
        top: -7px;
        right: -12px;
        border-color: #051122;
        font-size: 10px;
    }
    .mm-mobile-bottom-bar__item.is-active .mm-cart-quantity { border-color: #0d65d2; }
    .mm-mobile-bottom-bar__label {
        display: block;
        max-width: 100%;
        font-size: 11px;
        font-weight: 750;
        line-height: 1.15;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    html[data-mm-theme="light"] .mm-mobile-bottom-bar {
        background: rgba(247, 250, 255, .97);
        border-color: #d0e2f5;
        box-shadow: 0 -8px 24px #294c7022;
    }
    html[data-mm-theme="light"] .mm-mobile-bottom-bar__item { color: #496985; }
    html[data-mm-theme="light"] .mm-mobile-bottom-bar__item.is-active { color: #fff; }
    html[data-mm-theme="light"] .mm-mobile-bottom-bar__icon .mm-cart-quantity { border-color: #f7faff; }
    html[data-mm-theme="light"] .mm-mobile-bottom-bar__item.is-active .mm-cart-quantity { border-color: #0d65d2; }
}
@media (max-width: 360px) {
    .mm-mobile-bottom-bar { padding-left: 6px; padding-right: 6px; }
    .mm-mobile-bottom-bar__label { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .mm-mobile-bottom-bar__item { transition: none; }
}