/* Itemtezgahı dark theme + mobile / tablet / desktop fit */
html { color-scheme: dark; }
html,
html[data-theme="dark"],
html[data-theme="light"] {
    --primary: #f5b42a;
    --primary-dark: #d99712;
    --primary-light: #ffd36a;
    --secondary: #ffd36a;
    --accent: #f59e0b;
    --dark: #07090d;
    --dark-light: #10141c;
    --dark-lighter: #171c27;
    --dark-card: #121722;
    --text: #e7edf6;
    --text-muted: #93a0b5;
    --text-dark: #7d8ba3;
    --success: #22c55e;
    --warning: #f5b42a;
    --danger: #f43f5e;
    --info: #60a5fa;
    --gradient-1: linear-gradient(135deg, #f5b42a 0%, #ffd36a 100%);
    --gradient-2: linear-gradient(180deg, #121722 0%, #07090d 100%);
    --shadow: 0 8px 28px rgba(0, 0, 0, .35);
    --shadow-lg: 0 18px 48px rgba(0, 0, 0, .45);
    --line: rgba(255, 255, 255, .08);
}
html, body { max-width: 100%; }
body,
.site-wrapper,
html[data-theme="light"] body,
html[data-theme="light"] .site-wrapper {
    background: #07090d !important;
    color: #e7edf6 !important;
}
body { overflow-x: hidden; }
img, video, svg, canvas { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
p, h1, h2, h3, h4, li, a, span, td, th { overflow-wrap: anywhere; }
a { color: inherit; }

.main-header,
html[data-theme="light"] .main-header {
    background: rgba(9, 11, 16, .9) !important;
    border-color: rgba(255, 255, 255, .06) !important;
    }
.card,
.ilan-card,
.stat-card,
.auth-box,
.dropdown-menu,
.home-menu-panel,
.etbis-card,
.maintenance-card,
.notification-card,
html[data-theme="light"] .card,
html[data-theme="light"] .ilan-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .form-control,
html[data-theme="light"] .etbis-card {
    background: #121722 !important;
    color: #e7edf6 !important;
    border-color: rgba(255, 255, 255, .07) !important;
}
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
    background: #0c1118 !important;
    color: #e7edf6 !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 12px;
    max-width: 100%;
}
.form-control::placeholder,
input::placeholder,
textarea::placeholder { color: #8b97ab !important; }
.main-footer,
html[data-theme="light"] .main-footer,
.admin-sidebar,
html[data-theme="light"] .admin-sidebar {
    background: #0c1017 !important;
    color: #e7edf6 !important;
    border-color: rgba(255, 255, 255, .06) !important;
}
.theme-toggle-bubble { display: none !important; }
table { width: 100%; border-color: rgba(255, 255, 255, .08); }
th, td { color: #e7edf6; }
.main-content,
.site-wrapper,
.admin-wrapper,
.admin-content,
.card {
    max-width: 100%;
}
.main-content {
    width: min(1240px, 100%);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(118px + env(safe-area-inset-bottom));
}
.ilan-grid,
.category-grid,
.category-grid-large {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}
.ilan-card,
.category-card,
.card {
    min-width: 0 !important;
}
.ilan-card img,
.category-card img,
.listing-gallery img,
.slider-container img {
    width: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .main-header .header-top {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px 10px !important;
        min-height: 58px;
    }
    .main-header .header-top > .logo { flex: 1 1 auto; min-width: 0; }
    .site-logo-img,
    .main-header .header-top > .logo .site-logo-img {
        width: min(132px, 38vw) !important;
        height: auto !important;
        max-height: 40px !important;
        object-fit: contain;
    }
    .main-header .header-actions {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        flex: 0 0 auto;
        gap: 6px !important;
    }
    .account-header-bar,
    .header-auth-buttons { gap: 6px !important; flex-wrap: nowrap !important; }
    .account-quick-btn,
    .header-auth-btn {
        min-height: 36px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        border-radius: 12px !important;
        white-space: nowrap;
    }
    .home-ad-showcase,
    .hero-slider,
    #reklam-slider,
    .slider-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 150px;
        border-radius: 16px !important;
        overflow: hidden;
    }
    .listing-detail-shell,
    .listing-main-panel,
    .listing-info-panel,
    .auth-box,
    .auth-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .action-purchase-grid,
    .listing-ref-quick-actions,
    .purchase-qty-row,
    .fatura-page-wrap,
    .account-layout,
    .profile-layout,
    .message-layout,
    .support-layout {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }
    .listing-ref-desc-title,
    .listing-main-title { font-size: 22px !important; line-height: 1.25 !important; }
    .price-box-action,
    .buy-box-action,
    .square-icon-action { min-width: 0 !important; }
    .card, .admin-content, .table-responsive, .main-content {
        overflow-x: auto;
    }
    table { min-width: 560px; }
    .modal, .favorite-success-modal {
        max-width: calc(100vw - 24px) !important;
        width: min(480px, calc(100vw - 24px)) !important;
    }
    .etbis-launch-modal-backdrop { width: 100% !important; max-width: none !important; }
    .etbis-launch-modal { width: min(340px, calc(100vw - 36px)) !important; max-width: 340px !important; margin: 0 auto !important; transform: none !important; }
    .footer-content,
    .itemim-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .admin-sidebar {
        width: min(280px, 86vw) !important;
    }
    .admin-wrapper { display: block !important; }
    .admin-content { margin-left: 0 !important; width: 100% !important; padding: 14px !important; }
}

@media (min-width: 769px) and (max-width: 1100px) {
    .main-content { width: min(1080px, calc(100% - 32px)); padding-bottom: 48px; }
    .ilan-grid,
    .category-grid,
    .category-grid-large { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; }
    .listing-detail-shell { width: min(980px, 100%) !important; }
    .action-purchase-grid { grid-template-columns: 1.1fr 1.3fr 72px 72px !important; }
    .admin-sidebar { width: 230px !important; }
    .admin-content { margin-left: 230px !important; }
    .footer-content { grid-template-columns: 1fr 1fr !important; }
    .site-logo-img { width: 170px !important; height: auto !important; }
}

@media (min-width: 1101px) {
    .main-content { width: min(1240px, calc(100% - 48px)); padding-bottom: 56px; }
    .ilan-grid,
    .category-grid,
    .category-grid-large { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; }
    .listing-detail-shell { width: min(1040px, 100%); margin-left: auto; margin-right: auto; }
    .admin-content { margin-left: 260px; }
    .home-ad-showcase,
    #reklam-slider { border-radius: 18px; overflow: hidden; }
}
@media (max-width: 380px) {
    .account-quick-btn span,
    .header-auth-btn span { display: none; }
    .ilan-grid,
    .category-grid { gap: 8px !important; }
    .ilan-card h3,
    .ilan-title { font-size: 13px !important; }
}

/* Nav must stick to the viewport bottom, not the header */
@media (max-width: 768px) {
    .site-wrapper,
    .main-header,
    body {
        transform: none !important;
        filter: none !important;
        perspective: none !important;
    }
    nav.main-nav {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        z-index: 6000 !important;
        border-radius: 22px 22px 0 0 !important;
        background: rgba(8, 9, 13, .92) !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        box-shadow: 0 -10px 28px rgba(0, 0, 0, .45) !important;
        padding: 8px 6px calc(8px + env(safe-area-inset-bottom)) !important;
    }
    .itemim-live-support-dock {
        bottom: calc(92px + env(safe-area-inset-bottom)) !important;
        z-index: 5900 !important;
    }
}
@media (min-width: 769px) {
    nav.main-nav {
        position: sticky !important;
        top: 64px !important;
        bottom: auto !important;
        z-index: 40 !important;
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        background: #0c1017 !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
    }
    nav.main-nav .nav-item { flex-direction: row !important; min-height: 0 !important; color: #c9d2e0 !important; }
    nav.main-nav .nav-cart .nav-ico {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}

/* Itemtezgahı header, fotoğraftaki üst bar */
.main-header.itemim-topbar,
header.main-header {
    background: #0b0c10 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
.itemim-top-row {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 14px 2px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    flex-wrap: nowrap !important;
}
.itemim-icon-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #1b1d24 !important;
    color: #f4f6fb !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.itemim-icon-btn svg { width: 18px; height: 18px; display: block; }
.itemim-cart-btn {
    background: #1c1914 !important;
    color: #f5b429 !important;
}
.itemim-brand {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    padding-top: 12px !important;
}
.itemim-brand .site-logo-img {
    width: auto !important;
    height: 32px !important;
    max-width: min(196px, 54vw) !important;
    max-height: 32px !important;
    object-fit: contain !important;
    display: block !important;
    transform: translateY(8px) !important;
}
.itemim-auth-row {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 8px 14px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    flex-wrap: wrap !important;
}
.itemim-pill {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    color: #fff !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    letter-spacing: -.02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .18) !important;
}
.itemim-pill i { font-size: 13px !important; }
.itemim-pill-orange { background: linear-gradient(180deg, #f6b34c 0%, #e8921d 100%) !important; }
.itemim-pill-green { background: linear-gradient(180deg, #3dcf74 0%, #22b85c 100%) !important; }
.itemim-pill-dark {
    background: #1b1d24 !important;
    box-shadow: none !important;
    padding: 0 10px 0 5px !important;
}
.itemim-pill-dark img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.itemim-mini-btn {
    position: relative;
    width: 34px; height: 34px; border: 0; border-radius: 12px;
    background: #1b1d24; color: #fff; display: inline-flex; align-items: center; justify-content: center;
}
@media (max-width: 380px) {
    .itemim-top-row { grid-template-columns: 40px minmax(0, 1fr) 40px !important; padding: 6px 12px 1px !important; }
    .itemim-icon-btn { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 12px !important; }
    .itemim-brand .site-logo-img { height: 28px !important; max-height: 28px !important; }
    .itemim-pill { height: 32px !important; min-height: 32px !important; font-size: 12px !important; padding: 0 10px !important; }
}
@media (min-width: 769px) {
    .itemim-top-row { padding: 10px 28px 3px !important; grid-template-columns: 44px minmax(0, 1fr) 44px !important; }
    .itemim-icon-btn { width: 44px !important; height: 44px !important; min-width: 44px !important; }
    .itemim-brand .site-logo-img { height: 36px !important; max-height: 36px !important; max-width: 230px !important; }
    .itemim-auth-row { padding: 10px 28px 14px !important; }
}

/* Sepet altın kutu, header dışında da geçerli */
@media (max-width: 768px) {
    nav.main-nav .nav-item {
        color: #8e96a3 !important;
        background: transparent !important;
    }
    nav.main-nav .nav-item.active,
    nav.main-nav .nav-item.active span {
        color: #4d6eff !important;
    }
    nav.main-nav .nav-cart,
    nav.main-nav .nav-cart.active,
    nav.main-nav .nav-cart span {
        color: #ffffff !important;
        background: transparent !important;
    }
    nav.main-nav .nav-cart .nav-ico {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        margin: -14px 0 0 !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, #ffc857 0%, #f0a61c 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 16px rgba(240, 166, 28, .38), 0 0 20px rgba(255, 196, 64, .45) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    nav.main-nav .nav-cart .nav-ico svg {
        width: 24px !important;
        height: 24px !important;
        stroke: #ffffff !important;
    }
    nav.main-nav .nav-cart span {
        margin-top: 2px !important;
        color: #ffffff !important;
        font-weight: 650 !important;
    }
}

/* Sepet: kucuk, ortali, yazi kutunun disinda */
@media (max-width: 768px) {
    html body nav.main-nav {
        height: auto !important;
        min-height: 0 !important;
        align-items: flex-end !important;
        overflow: visible !important;
        padding: 10px 4px calc(7px + env(safe-area-inset-bottom)) !important;
    }
    html body nav.main-nav .nav-item {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 2px !important;
        gap: 4px !important;
        overflow: visible !important;
        transform: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    html body nav.main-nav .nav-cart,
    html body nav.main-nav .nav-cart.active {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        width: 20% !important;
        max-width: 20% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        overflow: visible !important;
        color: #fff !important;
    }
    html body nav.main-nav .nav-cart .nav-ico {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        flex: 0 0 40px !important;
        margin: -8px 0 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
        background: linear-gradient(180deg, #ffc857 0%, #f0a31c 100%) !important;
        color: #fff !important;
        box-shadow: 0 6px 12px rgba(240, 163, 28, .32), 0 0 14px rgba(255, 196, 64, .35) !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    html body nav.main-nav .nav-cart .nav-ico svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }
    html body nav.main-nav .nav-cart span {
        display: block !important;
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        background: transparent !important;
        color: #fff !important;
        font-size: 10px !important;
        line-height: 1 !important;
        text-align: center !important;
    }
}

/* Footer, fotoğraftaki alt bölüm */
.itemim-reference-footer {
    position: relative !important;
    background: #0b0c10 !important;
    color: #d7deea !important;
    padding: 28px 16px calc(118px + env(safe-area-inset-bottom)) !important;
}
.itemim-footer-shell { width: min(720px, 100%) !important; margin: 0 auto !important; }
.itemim-footer-main-logo { display: flex !important; justify-content: center !important; margin: 8px 0 22px !important; }
.itemim-footer-main-logo img { width: auto !important; height: 42px !important; max-width: 210px !important; object-fit: contain !important; }
.itemim-reference-footer .itemim-footer-market-card {
    display: flex !important; align-items: center !important; gap: 12px !important;
    width: 100% !important; min-height: 74px !important; margin: 0 0 22px !important;
    padding: 10px 14px !important; border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.14) !important; background: transparent !important;
    text-decoration: none !important; color: #fff !important;
}
.itemim-reference-footer .itemim-footer-market-icon {
    width: 46px !important; height: 46px !important; border-radius: 12px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: #143126 !important; color: #35d07a !important; font-size: 18px !important; flex: 0 0 46px !important;
}
.itemim-reference-footer .itemim-footer-market-copy { display: flex !important; flex-direction: column !important; }
.itemim-reference-footer .itemim-footer-market-copy strong { font-size: 16px !important; font-weight: 650 !important; }
.itemim-reference-footer .itemim-footer-market-copy span { color: #9aa3b2 !important; font-size: 13px !important; }
.itemim-footer-ai-card, .itemim-footer-market-grid { display: none !important; }
.itemim-footer-accordions { border-top: 1px solid rgba(255,255,255,.12) !important; }
.itemim-footer-details { border-bottom: 1px solid rgba(255,255,255,.12) !important; }
.itemim-footer-details summary {
    list-style: none !important; min-height: 52px !important; display: flex !important;
    align-items: center !important; justify-content: space-between !important;
    font-size: 15px !important; letter-spacing: .04em !important; color: #eceff5 !important; cursor: pointer !important;
}
.itemim-footer-details summary::-webkit-details-marker { display: none !important; }
.itemim-footer-details summary::after { content: "+" !important; font-size: 22px !important; font-weight: 400 !important; color: #fff !important; }
.itemim-footer-details[open] summary::after { content: "–" !important; }
.itemim-footer-lead, .itemim-footer-lead-static { color: #8e97a8 !important; font-size: 14px !important; margin: 12px 0 18px !important; }
.itemim-footer-details .itemim-footer-lead { display: none !important; }
.itemim-footer-detail-content { display: grid !important; gap: 8px !important; padding: 0 0 14px !important; }
.itemim-footer-detail-content a { color: #c5cedc !important; text-decoration: none !important; font-size: 14px !important; }
.itemim-footer-socials { display: flex !important; justify-content: center !important; gap: 12px !important; margin: 26px 0 18px !important; }
.itemim-footer-socials a {
    width: 42px !important; height: 42px !important; border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: #1a1d24 !important; color: #fff !important; font-size: 16px !important; text-decoration: none !important;
}
.itemim-footer-trust-row { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 6px !important; margin: 8px 0 16px !important; }
.itemim-footer-trust-badge {
    min-height: 62px !important; border-radius: 10px !important; background: #171a21 !important;
    border: 1px solid rgba(255,255,255,.06) !important; display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important; text-align: center !important; padding: 4px !important;
}
.itemim-footer-trust-badge i { font-size: 13px !important; margin-bottom: 3px !important; color: #d5dbe6 !important; }
.itemim-footer-trust-badge span { font-size: 7px !important; line-height: 1.15 !important; letter-spacing: .01em !important; color: #d5dbe6 !important; }
.itemim-footer-payment-row { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px 14px !important; margin: 8px 0 18px !important; }
.itemim-footer-payment-row span { color: #fff !important; font-weight: 800 !important; font-size: 13px !important; letter-spacing: .02em !important; }
.pay-visa { font-style: italic !important; font-size: 18px !important; }
.pay-troy { font-family: Georgia, serif !important; font-size: 18px !important; font-weight: 700 !important; }
.pay-amex { font-size: 9px !important; line-height: 1.05 !important; text-align: center !important; }
.itemim-footer-company { text-align: center !important; color: #b7c0ce !important; font-size: 13px !important; line-height: 1.55 !important; margin: 8px 0 16px !important; }
.itemim-footer-company strong { display: block !important; color: #fff !important; font-size: 15px !important; margin-bottom: 4px !important; }
.itemim-footer-company a { color: #d5dbe6 !important; text-decoration: none !important; }
.itemim-footer-lower { text-align: center !important; }
.itemim-footer-copyright { display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; color: #d5dbe6 !important; font-size: 14px !important; }
.itemim-footer-dmca { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 28px !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 3px !important; font-size: 7px !important; line-height: 1.05 !important; letter-spacing: .04em !important; }
.itemim-footer-legal { display: flex !important; justify-content: center !important; gap: 18px !important; margin-top: 12px !important; }
.itemim-footer-legal a { color: #c5cedc !important; text-decoration: none !important; font-size: 13px !important; }
.itemim-to-top {
    position: fixed !important; right: 16px !important; bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    width: 52px !important; height: 52px !important; border: 0 !important; border-radius: 16px !important;
    background: #355dff !important; color: #fff !important; font-size: 18px !important; z-index: 5800 !important;
    box-shadow: 0 10px 22px rgba(53, 93, 255, .35) !important;
}
@media (min-width: 769px) {
    .itemim-reference-footer { padding-bottom: 48px !important; }
    .itemim-to-top { bottom: 24px !important; }
}

/* Cekmece menu, videodaki duzen */
body.home-menu-open { overflow: hidden !important; }
body.home-menu-open nav.main-nav { display: none !important; }
.home-menu-drawer { position: fixed !important; inset: 0 !important; z-index: 12000 !important; display: block !important; pointer-events: none !important; visibility: hidden; }
body.home-menu-open .home-menu-drawer, .home-menu-drawer.open { display: block !important; pointer-events: auto !important; visibility: visible; }
.home-menu-backdrop { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,.45) !important; }
.home-menu-panel.depin-reference-menu {
    position: absolute !important;
    top: 108px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    background: #0c0d11 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transform: none !important;
}
.id-rail {
    width: 74px !important;
    flex: 0 0 74px !important;
    background: #101114 !important;
    border-right: 1px solid rgba(255,255,255,.05) !important;
    overflow-y: auto !important;
    padding: 8px 6px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}
.id-rail-close {
    width: 42px !important; height: 42px !important; border: 0 !important; border-radius: 12px !important;
    background: #ff3b4e !important; color: #fff !important; font-size: 18px !important; flex: 0 0 auto !important;
}
.id-rail-item { width: 100% !important; text-decoration: none !important; color: #c9d0dc !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; position: relative !important; }
.id-rail-item.active::before { content: ""; position: absolute; left: -6px; top: 8px; bottom: 16px; width: 3px; border-radius: 3px; background: #3d6bff; }
.id-rail-ico { width: 40px !important; height: 40px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 11px !important; font-weight: 800 !important; background: #222733 !important; }
.id-rail-ico.blue { background: #315bff !important; }
.id-rail-ico.orange { background: #f0a31c !important; color: #1b1406 !important; }
.id-rail-ico.red { background: #ff3150 !important; }
.id-rail-ico.pink { background: #e45baf !important; }
.id-rail-ico.gold { background: #c9a24a !important; color: #1b1406 !important; }
.id-rail-ico.cs { background: #245bff !important; }
.id-rail-ico.green { background: #22b85c !important; }
.id-rail-item small { font-size: 9px !important; line-height: 1.1 !important; max-width: 64px !important; }
.id-menu-main { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; background: #0c0d11 !important; }
.id-menu-list { flex: 1 1 auto !important; overflow-y: auto !important; padding: 10px 10px 8px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.id-menu-card {
    min-height: 54px !important; border-radius: 14px !important; background: #17191f !important;
    border: 1px solid rgba(255,255,255,.04) !important; border-left: 4px solid var(--id-accent, #315bff) !important;
    display: flex !important; align-items: center !important; gap: 12px !important; padding: 8px 12px !important;
    color: #fff !important; text-decoration: none !important;
}
.id-menu-ico { width: 34px !important; height: 34px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; flex: 0 0 34px !important; }
.id-menu-card strong { font-size: 15px !important; font-weight: 650 !important; }
.id-menu-foot {
    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important;
    padding: 8px 10px calc(10px + env(safe-area-inset-bottom)) !important; background: #101114 !important; border-top: 1px solid rgba(255,255,255,.05) !important;
}
.id-menu-foot a {
    min-height: 62px !important; border-radius: 14px !important; background: #1b1e26 !important; color: #d7deea !important;
    text-decoration: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 700 !important;
}
.id-menu-foot i { font-size: 16px !important; }
@media (min-width: 769px) {
    .home-menu-panel.depin-reference-menu { top: 0 !important; left: 0 !important; right: auto !important; width: min(920px, 100%) !important; transform: translate3d(-105%,0,0) !important; border-radius: 0 !important; bottom: 0 !important; }
    .id-rail { width: 92px !important; flex-basis: 92px !important; }
    .id-menu-card strong { font-size: 16px !important; }
}
@media (max-width: 380px) {
    .id-rail { width: 66px !important; flex-basis: 66px !important; }
    .id-menu-card strong { font-size: 14px !important; }
    .home-menu-panel.depin-reference-menu { top: 100px !important; }
}

/* kategori ilan karti satici satiri dikey kirilmasin */
.ilan-card .ilan-seller{display:flex!important;flex-direction:row!important;align-items:center!important;min-width:0!important;writing-mode:horizontal-tb!important}
.ilan-card .ilan-seller img{width:38px!important;height:38px!important;max-width:38px!important;flex:0 0 38px!important;object-fit:cover!important;border-radius:8px!important}
.ilan-card .ilan-seller-info{min-width:0!important;flex:1 1 auto!important}
.ilan-card .ilan-seller-name,.ilan-card .ilan-seller-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;writing-mode:horizontal-tb!important}

/* ===== ANA SAYFA REKLAM ALANI + BANNER (itemdolap düzeni) v2 ===== */
.adx-stack{--b:281px;--peek:103px;--tabs-up:24px;--banner-bright:1.35;position:relative;isolation:isolate;margin-bottom:22px}
.adx-banner{position:relative;display:block;width:100%;height:var(--b);overflow:hidden;background:linear-gradient(135deg,#76341a,#691e02 55%,#0a0c10);text-decoration:none}
.adx-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:brightness(var(--banner-bright)) saturate(1.15)}
.adx-banner-brand{background:#fff!important}
.adx-banner-brand>img{object-fit:contain!important;object-position:center!important;background:#fff!important;filter:none!important}
.adx-banner .hero-marquee{position:absolute!important;top:0!important;bottom:auto!important;left:0;right:0;z-index:3}
.adx-card{position:relative;z-index:3;width:calc(100% - 24px);margin:12px auto 0;border-radius:22px;overflow:hidden;background:#110e2f;border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.adx-has-banner .adx-card{margin-top:calc(var(--peek) - var(--b))}
.adx-has-banner .hero-slide::before{content:"";position:absolute;left:0;top:83px;width:5px;height:calc(var(--b) - var(--peek) - 83px);background:var(--ac,#ff7f32);border-radius:0 6px 6px 0;z-index:4;pointer-events:none}
.adx-text{position:absolute;z-index:3;left:16px;right:16px;bottom:calc(var(--tabs-up) + 20px);display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;color:#fff;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.55)}
.adx-pill{display:inline-flex;align-items:center;height:21px;padding:0 13px;border:1.5px solid var(--ac,#ff7f32);border-radius:999px;background:rgba(8,8,20,.28);color:var(--ac,#ff7f32);font:600 10.5px/1 'Poppins',sans-serif;letter-spacing:.3px;text-shadow:none}
.adx-l1{margin-top:10px;font:500 12px/1.4 'Poppins',sans-serif;letter-spacing:.8px;color:rgba(255,255,255,.88)}
.adx-l2{margin-top:5px;font:700 23px/1.1 'Poppins',sans-serif;letter-spacing:-.3px}
.adx-slides{position:relative;width:100%;aspect-ratio:369/218;background:#0d0b24;overflow:visible}
.adx-slides .hero-slide{position:absolute;inset:0;width:100%;height:100%}
.adx-slides .hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.adx-slides .hero-image-link{position:absolute;inset:0;display:block;z-index:1}
.adx-tabs{position:relative;z-index:4;height:62px;margin-top:calc(-1*var(--tabs-up));background:linear-gradient(180deg,rgba(12,14,32,.42),rgba(12,14,32,.62));-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);border-top:1px solid rgba(255,255,255,.1)}
.adx-card .slider-dots{position:relative;display:flex;gap:0;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.adx-card .slider-dots::-webkit-scrollbar{display:none}
.adx-card .slider-dots .dot{position:relative;flex:1 0 25%!important;min-width:25%;scroll-snap-align:start;width:auto!important;height:100%!important;border-radius:0!important;border-left:1px solid rgba(255,255,255,.09);background:transparent!important;display:flex;align-items:center;justify-content:center;padding:4px 6px 0;overflow:hidden;cursor:pointer;transition:background .25s}
.adx-card .slider-dots .dot:first-child{border-left:0}
.adx-card .slider-dots .dot.active{background:rgba(255,255,255,.07)!important;background:color-mix(in srgb,var(--ac,#ff7f32) 18%,transparent)!important}
.adx-card .dot-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 12px/1.15 'Poppins',sans-serif;text-align:center;text-transform:uppercase;color:rgba(255,255,255,.7)}
.adx-card .dot.active .dot-label{color:var(--ac,#fff)}
.adx-card .dot.active::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--ac,#ff7f32);transform-origin:left;animation:adTabProgress 6s linear forwards}
@keyframes adTabProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:768px){.adx-stack{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:0}}
@media(min-width:769px){.adx-stack{--b:320px;--peek:110px;width:100%;max-width:980px;margin-left:auto;margin-right:auto}.adx-slides{aspect-ratio:16/7}.adx-text{bottom:calc(var(--tabs-up) + 30px);left:28px}.adx-pill{height:24px;font-size:12px}.adx-l1{font-size:14px}.adx-l2{font-size:30px}}

/* sekme şeridi arkası: cam efekti, görselin alt kısmı şeridin altına yansır */
.adx-slides .hero-slide img.adx-ext{position:absolute;inset:auto;left:0;top:100%;width:100%;height:calc(62px - var(--tabs-up));object-fit:cover;object-position:center bottom;transform:scaleY(-1);filter:blur(8px) brightness(.55) saturate(1.25);pointer-events:none}

/* ===== ALT MENÜ: Sepet yazısı amber düğmenin içinde ===== */
html body nav.main-nav.main-nav.main-nav.main-nav a.nav-item.nav-cart.nav-cart{position:relative!important;isolation:isolate;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:20%!important;max-width:20%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important;color:#fff!important}
html body nav.main-nav.main-nav.main-nav.main-nav a.nav-item.nav-cart.nav-cart::before{content:""!important;position:absolute!important;left:50%;top:0;bottom:0;width:64px;transform:translateX(-50%);border-radius:20px;background:linear-gradient(180deg,#ffc857 0%,#f0a31c 100%);box-shadow:0 8px 22px rgba(240,163,28,.38),inset 0 1px 0 rgba(255,255,255,.35);z-index:-1}
html body nav.main-nav.main-nav.main-nav.main-nav a.nav-item.nav-cart.nav-cart .nav-ico{position:static!important;display:flex!important;align-items:center;justify-content:center;width:24px!important;height:24px!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important}
html body nav.main-nav.main-nav.main-nav.main-nav a.nav-item.nav-cart.nav-cart .nav-ico svg{width:24px!important;height:24px!important;display:block!important}
html body nav.main-nav.main-nav.main-nav.main-nav a.nav-item.nav-cart.nav-cart>span:not(.nav-ico){position:static!important;display:block!important;width:auto!important;max-width:60px!important;margin:0!important;padding:0!important;transform:none!important;background:transparent!important;color:#fff!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:.2px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* ===== ÇEKMECE: sol şerit en alta kadar kayar, kategori ikonları ===== */
.home-menu-drawer .id-rail{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px)!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.id-menu-ico svg{width:22px;height:22px;display:block}