/* Parca magazasi sayfa yerlesimi ve responsive duzen */
.mobile-inline-select-trigger,
.mobile-inline-select-options {
    display: none;
}
/* Both desktop and phone: filters start closed and open from two buttons. */
.parts-shell {
    width: min(1440px, calc(100% - 32px)) !important;
    padding: 24px 0 48px !important;
}
.store-filter-tools {
    display: block !important;
    visibility: visible !important;
    margin-bottom: 20px !important;
}
.store-filter-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.garage-box:not(.filter-panel-open),
.market-sidebar:not(.filter-panel-open) {
    display: none !important;
}
.garage-box.filter-panel-open,
.market-sidebar.filter-panel-open {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    margin: 0 0 20px !important;
}
.market-layout {
    display: block !important;
    margin-top: 0 !important;
}
.market-content { min-width: 0 !important; }
.product-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}
.product-card {
    width: auto !important;
    min-width: 0 !important;
    grid-template-rows: 240px minmax(150px, auto) !important;
}
.product-card-image { min-height: 240px !important; }
@media (max-width: 600px) {
    .parts-shell { width: calc(100% - 20px) !important; padding-top: 14px !important; }
    .store-filter-buttons { gap: 8px !important; }
    .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .product-card { grid-template-rows: 190px minmax(140px, auto) !important; }
    .product-card-image { min-height: 190px !important; }
}
@media (max-width: 768px) {
    .parts-nav {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        row-gap: 10px !important;
    }
    .mobile-nav-actions,
    #storeMenu {
        display: none !important;
    }
    .parts-nav-search {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        transform: none !important;
    }
    .parts-nav-search input {
        width: 100% !important;
        min-height: 38px !important;
        height: 38px !important;
        padding: 0 12px !important;
        border-radius: 9px !important;
        font-size: 13px !important;
    }
    .parts-search-submit {
        min-width: 64px !important;
        height: 38px !important;
        padding: 0 13px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: #15191f !important;
        color: #fff !important;
        font: 600 13px/1 "Inter", sans-serif !important;
    }
    .store-filter-tools { margin-bottom: 12px !important; }
    .store-filter-buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }
    .store-filter-buttons button {
        width: auto !important;
        min-width: 0 !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 11px 0 34px !important;
        border: 1px solid #d8dee7 !important;
        border-radius: 9px !important;
        background: #fff !important;
        color: #20252c !important;
        font: 500 13px/1 "Inter", sans-serif !important;
    }
    .store-filter-buttons button::before {
        left: 11px !important;
        width: 16px !important;
        height: 16px !important;
        border: 0 !important;
        background: currentColor !important;
        transform: translateY(-50%) !important;
    }
    #vehicleFilterToggle::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14M6 17v2M18 17v2M4 13l2-5h12l2 5v4H4z'/%3E%3Ccircle cx='7.5' cy='14.5' r='1' fill='black'/%3E%3Ccircle cx='16.5' cy='14.5' r='1' fill='black'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important;
        mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14M6 17v2M18 17v2M4 13l2-5h12l2 5v4H4z'/%3E%3Ccircle cx='7.5' cy='14.5' r='1' fill='black'/%3E%3Ccircle cx='16.5' cy='14.5' r='1' fill='black'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important;
    }
    #categoryFilterToggle::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3Ccircle cx='9' cy='6' r='2' fill='white'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white'/%3E%3Ccircle cx='11' cy='18' r='2' fill='white'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important;
        mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3Ccircle cx='9' cy='6' r='2' fill='white'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white'/%3E%3Ccircle cx='11' cy='18' r='2' fill='white'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important;
    }
    .product-grid {
        gap: 10px 8px !important;
    }
    .product-card {
        grid-template-rows: auto auto !important;
        border-radius: 8px !important;
    }
    .product-card-image {
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .product-card-image img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .product-card-body {
        min-height: 0 !important;
        padding: 9px 10px 11px !important;
    }
    .product-card h3 {
        min-height: 32px !important;
        margin: 0 0 5px !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        color: #172033 !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
    }
    .product-card .seller-line {
        display: none !important;
    }
    .product-card-meta {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
    }
    .product-card .product-price {
        color: #0b2f62 !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }
    .product-card .stock {
        display: inline !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #64748b !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }
    .product-card-image .product-image-placeholder {
        font-size: 12px !important;
        text-align: center !important;
    }
    .mobile-inline-select {
        position: relative !important;
        width: 100% !important;
    }
    .mobile-inline-select > select {
        display: none !important;
    }
    .mobile-inline-select-trigger {
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border: 1px solid #cfd7e2 !important;
        border-radius: 8px !important;
        background: #fff !important;
        color: #172033 !important;
        font: 600 13px/1.2 "Inter", sans-serif !important;
        text-align: left !important;
    }
    .mobile-inline-select-trigger i {
        width: 8px !important;
        height: 8px !important;
        margin: -4px 2px 0 10px !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        transform: rotate(45deg) !important;
    }
    .mobile-inline-select.is-open .mobile-inline-select-trigger i {
        margin-top: 4px !important;
        transform: rotate(225deg) !important;
    }
    .mobile-inline-select-options {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 4px) !important;
        left: 0 !important;
        z-index: 30 !important;
        width: 100% !important;
        max-height: 240px !important;
        margin-top: 0 !important;
        overflow-y: auto !important;
        border: 1px solid #cfd7e2 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .12) !important;
    }
    .mobile-inline-select.is-open .mobile-inline-select-options {
        display: block !important;
    }
    .mobile-inline-select-option {
        position: relative !important;
        width: 100% !important;
        min-height: 36px !important;
        padding: 8px 34px 8px 12px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #172033 !important;
        font: 500 13px/1.2 "Inter", sans-serif !important;
        text-align: left !important;
    }
    .mobile-inline-select-option.is-selected {
        background: #eef2f7 !important;
        color: #07182e !important;
        font-weight: 700 !important;
    }
    .mobile-inline-select-option.is-selected::after {
        content: "✓" !important;
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        transform: translateY(-50%) !important;
    }
    .market-sidebar.filter-panel-open .category-list {
        gap: 3px !important;
        max-height: 240px !important;
        padding-right: 3px !important;
    }
    .market-sidebar.filter-panel-open {
        padding: 12px !important;
    }
    .market-sidebar.filter-panel-open h2 {
        margin: 0 0 8px !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
    .market-sidebar.filter-panel-open .category-group {
        gap: 2px !important;
    }
    .market-sidebar.filter-panel-open .category-list button {
        min-height: 34px !important;
        padding: 0 10px !important;
        border-radius: 7px !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
    }
    .market-sidebar.filter-panel-open .category-list .category-main {
        min-height: 36px !important;
        font-size: 13px !important;
    }
    .market-sidebar.filter-panel-open .category-list button.subcategory {
        min-height: 31px !important;
        padding-left: 16px !important;
        font-size: 11px !important;
    }
    .market-sidebar.filter-panel-open .subcategory-list {
        gap: 2px !important;
        padding: 1px 0 4px !important;
    }
}