/**
 * BigBazarChic - New Theme Override
 * Applies the homenew.php visual style to all pages.
 * Loaded after stylenew.css and page-specific styles.
 */

:root {
    --content-max-width: 1600px;
    --color-white: #ffffff;
    --color-green: #28a745;
    --color-green-dark: #218838;
    --color-red: #dc2626;
    --color-yellow: #facc15;
    --color-dark: #1a1a1a;
    --color-gray: #f5f5f5;
}

/* Header search input - override scrapstyle.css input[type=text] height:25px */
.txtHeaderSearch,
.search-form input[type="text"] {
    height: auto !important;
    min-height: 44px;
    line-height: 1.5 !important;
    padding: 12px 15px !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    font-size: 14px !important;
    color: var(--color-dark) !important;
}

/* Header dropdowns - override responsive.css .countryInHeader/.groupInHeader styling */
.countryInHeader,
.groupInHeader {
    width: auto !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 5px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    height: auto !important;
    min-height: unset !important;
    color: var(--color-dark) !important;
    cursor: pointer !important;
    outline: none !important;
}
.search-dropdown .countryInHeader,
.search-dropdown .groupInHeader {
    max-width: 120px !important;
}

/* Match homepage base styles (also in headerNew.php inline CSS) */
img { max-width: 100%; height: auto; }

/* ===== Font ===== */
* { font-family: 'Poppins', 'Montserrat', sans-serif; }
body { color: var(--color-dark); }

/* ===== Primary color override: #28a745 -> green ===== */
a { color: inherit; text-decoration: none; }

/* Buttons - green pill style (but not header search button) */
.btnAddToCart,
.btnBuyNow,
.btn-viewResult,
.btnAddToCartFromList,
.btnPagination:not(:disabled),
.checkOutBtn,
.applyCoupon,
.btnBackToCart,
.btnGoToCheckout {
    background: var(--color-green) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 10px 22px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s, transform 0.2s !important;
    text-transform: none !important;
}
.btnAddToCart:hover,
.btnBuyNow:hover,
.btn-viewResult:hover,
.btnAddToCartFromList:hover,
.btnPagination:not(:disabled):hover,
.checkOutBtn:hover,
.applyCoupon:hover,
.btnBackToCart:hover {
    background: var(--color-green-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(40,167,69,0.3) !important;
}
.btnPagination:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Circular add-to-cart icon buttons */
.btnAddToCartIcon {
    background: var(--color-green) !important;
    border-radius: 50% !important;
    transition: background 0.3s, transform 0.2s !important;
}
.btnAddToCartIcon:hover {
    background: var(--color-red) !important;
    transform: scale(1.1) !important;
}

/* Plus/Minus quantity buttons */
.btnPlus, .btnMinus {
    background: var(--color-gray) !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    color: var(--color-dark) !important;
    transition: background 0.2s !important;
}
.btnPlus:hover, .btnMinus:hover {
    background: var(--color-green) !important;
    color: #fff !important;
}

/* ===== Cards ===== */
.eachItemBlock {
    border-radius: 16px !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.3s !important;
}
.eachItemBlock:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08) !important;
    background: #fff !important;
}

.offer-card,
.filterBlock,
.cartContainer .card,
.cartContainerUserFormBlock .card,
.paymentCardRateOption {
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
}
.offer-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08) !important;
    background: #fff !important;
}

/* Item image containers */
.eachItemBlock .itemImageBlock,
.itemMainImage,
.singleImageContainer {
    background-color: var(--color-gray) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: none !important;
}

/* Item heading */
.eachItemHeading {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--color-dark) !important;
}

/* ===== Filter sidebar ===== */
.filterBlock {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 25px 20px !important;
}
.filterBlock h4,
.filterBlock .filterTitle {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--color-dark) !important;
}
.filterBlock a:hover,
.filterBlock label:hover {
    color: var(--color-green) !important;
    background: #f0fff4 !important;
}
.filterBlock input[type="checkbox"] {
    accent-color: var(--color-green) !important;
}

/* Group/Category/Subcategory list items */
.filterBlock .list-group-item,
.filterBlock .groupItem,
.filterBlock .categoryItem,
.filterBlock .subCategoryItem {
    border-radius: 8px !important;
    background: var(--color-gray) !important;
    border: none !important;
    margin-bottom: 6px !important;
    padding: 10px 14px !important;
    transition: all 0.2s !important;
}
.filterBlock .list-group-item:hover,
.filterBlock .groupItem:hover,
.filterBlock .categoryItem:hover,
.filterBlock .subCategoryItem:hover {
    background: #f0fff4 !important;
    color: var(--color-green) !important;
}

/* ===== Breadcrumb ===== */
.breadcrumbBlock,
.breadcrumb {
    background: #fff !important;
    border-radius: 12px !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
}

/* ===== Cart page ===== */
.cartContainer .card,
.cartSummaryBlock,
.couponBlock {
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    border: none !important;
}
.cartContainer h5,
.cartContainer .wish-list h5 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--color-dark) !important;
}
.cart-img-container {
    background: var(--color-gray) !important;
    border-radius: 12px !important;
}
.cartItem h5 {
    font-size: 15px !important;
    font-weight: 500 !important;
}
/* Price colors */
.priceDiv, .summary strong, .subTotal, .totalAmount {
    color: var(--color-dark) !important;
    font-weight: 600 !important;
}
.originalPriceDiv {
    color: #ccc !important;
}
/* Discount green */
.totalDiscount {
    color: var(--color-green) !important;
}

/* ===== Checkout page ===== */
.deliveryOptionLabel,
.selectionMethodLabel,
.paymentCardRateOption {
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    transition: all 0.2s !important;
    background: #fff !important;
}
.deliveryOptionLabel:hover,
.selectionMethodLabel:hover,
.paymentCardRateOption:hover {
    border-color: var(--color-green) !important;
    background: #f0fff4 !important;
    box-shadow: 0 2px 8px rgba(40,167,69,0.15) !important;
}
.deliveryOptionLabel.selected,
.selectionMethodLabel.selected,
.paymentCardRateOption.selected {
    border-color: var(--color-green) !important;
    background: #f0fff4 !important;
}
.deliveryOptionLabel input,
.selectionMethodLabel input,
.paymentCardRateOption input {
    accent-color: var(--color-green) !important;
}

/* Date/slot selectors */
.slotDate, .preOrderDate {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    transition: all 0.2s !important;
}
.slotDate.active {
    background: var(--color-green) !important;
    color: #fff !important;
    border-color: var(--color-green) !important;
}
.slotDate:hover {
    background: var(--color-gray) !important;
}
.slotDate.active:hover {
    background: var(--color-green-dark) !important;
}

/* Form inputs (not header search, language switcher, cart qty, or buttons) */
.form-control,
input:not(.txtHeaderSearch):not([class*="search"]):not(.btnAddToCart):not(.btnBuyNow):not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
textarea,
select:not(.countryInHeader):not(.groupInHeader):not(.language-switcher):not(.itemCount) {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.form-control:focus,
input:not(.txtHeaderSearch):not([class*="search"]):not(.btnAddToCart):not(.btnBuyNow):not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
textarea:focus,
select:not(.countryInHeader):not(.groupInHeader):not(.language-switcher):not(.itemCount):focus {
    border-color: var(--color-green) !important;
    box-shadow: 0 0 0 3px rgba(40,167,69,0.1) !important;
    outline: none !important;
}

/* Selected location info */
.selectedLocationInfo {
    background: #f0fff4 !important;
    border-left: 4px solid var(--color-green) !important;
    border-radius: 8px !important;
}

/* Checkout form fields - explicit font-size using ID selectors for specificity */
#name, #phone, #email, #zipcode, #address, #locationSearch {
    font-size: 15px !important;
    padding: 10px 14px !important;
}

/* Map container */
.mapContainer {
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* ===== Item details page ===== */
.itemMainImage {
    border-radius: 16px !important;
    background-color: var(--color-gray) !important;
    border: none !important;
}
.thumbnailContainer,
.imageThumbnailContainer {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background: var(--color-gray) !important;
    transition: all 0.3s !important;
}
.thumbnailContainer:hover,
.imageThumbnailContainer:hover {
    border-color: var(--color-green) !important;
    box-shadow: 0 2px 8px rgba(40,167,69,0.2) !important;
    transform: translateY(-2px) !important;
}
.thumbnailContainer img:hover,
.imageThumbnailContainer img:hover {
    transform: scale(1.05) !important;
}

/* Variant blocks */
.variantBlock,
.variantOption {
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    transition: all 0.2s !important;
}
.variantBlock:hover,
.variantOption:hover {
    border-color: var(--color-green) !important;
    background: #f0fff4 !important;
}
.variantBlock.selected,
.variantOption.selected,
.variantBlock input:checked + *,
.variantOption input:checked + * {
    border-color: var(--color-green) !important;
    background: #f0fff4 !important;
    box-shadow: 0 0 5px rgba(40,167,69,0.2) !important;
}
.variantBlock input,
.variantOption input {
    accent-color: var(--color-green) !important;
}

/* Supplier tiles */
.supplierTile {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    transition: all 0.2s !important;
}
.supplierTile:hover {
    border-color: var(--color-green) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(40,167,69,0.1) !important;
}

/* Item price */
.itemPrice, .offerPrice {
    color: var(--color-green) !important;
    font-weight: 700 !important;
}
.oldPrice, .originalPrice {
    color: #ccc !important;
    text-decoration: line-through !important;
}

/* ===== Section headings ===== */
h2, h3, h4, h5, h6 {
    color: var(--color-dark) !important;
}

/* ===== Links ===== */
a:hover {
    color: var(--color-green) !important;
}

/* ===== Pagination ===== */
.btnPagination {
    background: var(--color-gray) !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--color-dark) !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.btnPagination:not(:disabled):hover {
    background: var(--color-green) !important;
    color: #fff !important;
    border-color: var(--color-green) !important;
    transform: translateY(-1px) !important;
}

/* Outline-style buttons (green text on white) - ensure readable on hover */
.btn-view-cart-btn:hover {
    background: var(--color-green) !important;
    color: #fff !important;
    border-color: var(--color-green) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    background: var(--color-green) !important;
    color: #fff !important;
    border-color: var(--color-green) !important;
}
.btn-primary:hover {
    background: var(--color-green-dark) !important;
    border-color: var(--color-green-dark) !important;
}

/* ===== Popup/modal ===== */
#popup-info-country {
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
}
#popup-info-country h2 {
    color: #fff !important;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    /* Items list page - make central block full width */
    .centralItemsMainBLock {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
        padding: 0 5px !important;
    }
    /* Filter heading bar */
    .filterBlockHeadingInLowResolution {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
        padding: 8px 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }
    .filterBlockHeadingInLowResolution h3 {
        font-size: 15px !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }
    .filterBlockHeadingInLowResolution .viewFilter {
        margin-left: 0 !important;
        width: auto !important;
        padding-top: 0 !important;
        cursor: pointer !important;
    }
    .filterBlockHeadingInLowResolution .viewFilter img {
        width: 18px !important;
    }
    /* Mobile filter overlay - hidden by default, shown when .mobile-filter-visible */
    .filterBlock {
        display: none !important;
        width: 100% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100vh !important;
        z-index: 1005 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 15px 15px 70px 15px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
    }
    .filterBlock.mobile-filter-visible {
        display: block !important;
    }
    .filterBlock.mobile-filter-visible .filterCloseBtn {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        margin: 0 0 15px 0 !important;
        width: 100% !important;
        background: #fff !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
    }
    .filterBlock.mobile-filter-visible .filterCloseBtn span {
        font-size: 22px !important;
        color: #333 !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }
    /* Filter sections inside overlay - match desktop filter sizes */
    .filterBlock .groupsNavigationBlock,
    .filterBlock .categoryNavigationBlock,
    .filterBlock .subcategoryNavigationBlock,
    .filterBlock .subcategorySelectedBlock,
    .filterBlock .eachFilterBlock {
        padding: 0 0 15px 0 !important;
        margin: 0 0 18px 0 !important;
        float: none !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    .filterBlock .eachFilterBlock:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .filterBlock .eachFilterBlock > div:first-child {
        font-size: 15px !important;
        font-weight: 600 !important;
        margin-top: 15px !important;
    }
    .filterBlock .eachFilterBlock ul li {
        font-size: 13px !important;
        padding: 9px 0 !important;
    }
    .filterBlock .groupsList li,
    .filterBlock .categoryList li,
    .filterBlock .subcategoryList li {
        font-size: 13px !important;
        padding: 11px 14px !important;
        margin-bottom: 8px !important;
    }
    .filterBlock h4,
    .filterBlock .filterTitle {
        font-size: 15px !important;
    }
    /* View results button - sticky at bottom, only when filter visible */
    .filterBlock.mobile-filter-visible .btn-viewResultBlock {
        position: sticky !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 10px 0 !important;
        background: #fff !important;
        border-top: 1px solid #e0e0e0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    .filterBlock .btn-viewResult {
        width: 100% !important;
        border-radius: 8px !important;
        padding: 10px 16px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }
    /* Breadcrumb full width */
    #breadcrumbNavigation {
        width: 100% !important;
        float: none !important;
        border-radius: 8px !important;
        margin-bottom: 15px !important;
    }
    /* Items grid - 1 column on tablet and mobile */
    body {
        font-size: 16px !important;
    }
    /* Override responsive.css font shrinking - match homepage approach */
    /* Exclude header elements which have their own font sizes */
    p, li, span, a, div, label, button, input, select, textarea {
        font-size: inherit !important;
    }
    /* Restore header element font sizes */
    .top-bar { font-size: 13px !important; }
    .top-nav-links a { font-size: 12px !important; }
    .language-switcher-wrap select { font-size: 12px !important; }
    .language-switcher-wrap i { font-size: 14px !important; }
    .header-icon { font-size: 18px !important; }
    .logo-text { font-size: 24px !important; }
    .logo-icon { font-size: 32px !important; }
    .menu-toggle { font-size: 24px !important; }
    .search-dropdown select { font-size: 11px !important; }
    .search-form input { font-size: 13px !important; }
    .search-form button { font-size: 14px !important; }
    .cart-count { font-size: 10px !important; }
    .cart-title { font-size: 18px !important; }
    .cart-panel-header h3 { font-size: 18px !important; }
    /* BBC PRO badge - preserve inline font sizes */
    .bbc-pro-badge > div:first-child { font-size: 11px !important; }
    .bbc-pro-badge > div:last-child { font-size: 16px !important; }
    h1 { font-size: 24px !important; }
    h2 { font-size: 22px !important; }
    h3 { font-size: 20px !important; }
    h4 { font-size: 18px !important; }
    h5 { font-size: 16px !important; }
    h6 { font-size: 15px !important; }
    .itemsAllContainer {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 -8px !important;
    }
    .itemsAllContainer .eachItemMainBlock {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        float: left !important;
        margin-bottom: 0 !important;
    }
    .itemsAllContainer .eachItemMainBlock .eachItemBlock {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    /* Remove blank spaces - override bidsstyle.css */
    .eachItemBlock div {
        float: none !important;
        width: auto !important;
    }
    .eachItemBlock > a {
        display: block !important;
        width: 100% !important;
    }
    .eachItemBlock .itemMainImage {
        height: 200px !important;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 12px !important;
        position: relative !important;
    }
    /* Overlay action buttons on top of image - like homepage offer-actions */
    .eachItemBlock .btnAddToCartFromList {
        position: absolute !important;
        top: 8px;
        right: 8px;
        width: 28px !important;
        height: 28px !important;
        font-size: 11px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 50% !important;
        z-index: 5;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    }
    .eachItemBlockDetails {
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
    }
    .eachItemBlock .eachItemHeading {
        height: auto !important;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .eachItemBlock .eachItemcostblock {
        padding-top: 0 !important;
        margin-bottom: 8px !important;
    }
    .eachItemBlock .wholeDiv {
        width: 100% !important;
        float: none !important;
    }
    .eachItemBlock .wholeDiv > * {
        float: none !important;
        width: auto !important;
    }
    /* Item card - match homepage offer-card fonts */
    .eachItemBlock {
        padding: 15px 15px 20px 15px !important;
    }
    .eachItemHeading {
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: left !important;
        margin: 0 0 8px 0 !important;
        line-height: 1.4 !important;
    }
    .eachItemcostblock {
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    .eachItemsupplierName {
        font-size: 13px !important;
    }
    .eachItemoffercuttingblock {
        font-size: 13px !important;
    }
    .btnAddToCartFromList {
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    /* Match homepage 768px fonts */
    .eachItemHeading {
        font-size: 14px !important;
    }
    .eachItemcostblock {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    /* Match homepage 480px header fonts */
    .logo-text { font-size: 17px !important; }
    .logo-icon { font-size: 22px !important; }
    .header-icons { gap: 10px !important; }
    .header-icon { font-size: 15px !important; }
    .language-switcher-wrap { padding: 3px 6px !important; }
    .language-switcher-wrap select { font-size: 12px !important; }
    .cart-panel.open { width: 85% !important; max-width: 320px !important; }
    .cart-panel-body { flex: 1 !important; min-height: 0 !important; }
    .wish-list { padding: 15px !important; }
    .cart-title { font-size: 14px !important; }
    .cart-panel-header h3 { font-size: 16px !important; }
    /* Match homepage 480px item fonts */
    .eachItemHeading {
        font-size: 12px !important;
    }
    .eachItemcostblock {
        font-size: 12px !important;
    }
    .eachItemsupplierName {
        font-size: 12px !important;
    }
    .eachItemoffercuttingblock {
        font-size: 12px !important;
    }
    .btnAddToCartFromList {
        font-size: 10px !important;
        width: 24px !important;
        height: 24px !important;
        top: 6px !important;
        right: 6px !important;
    }
    .eachItemBlock {
        padding: 12px 12px 16px 12px !important;
    }
    .eachItemBlock .itemMainImage {
        height: 180px !important;
    }
    /* Cart panel - even smaller fonts for mobile */
    .cart-panel-header h3 { font-size: 14px !important; }
    .cart-title { font-size: 12px !important; }
    .cartItem h5 { font-size: 12px !important; }
    .cartItem p { font-size: 10px !important; }
    .cartItem .small { font-size: 10px !important; }
    .cartItem .priceDiv { font-size: 12px !important; }
    .cartItem .originalPriceDiv { font-size: 10px !important; }
    .cartItem .itemCount { font-size: 11px !important; padding: 3px 4px !important; width: 45px !important; min-width: 45px !important; }
    .cartItem .deleteCartItem { font-size: 10px !important; }
    .cartItem .text-primary { font-size: 10px !important; }
    .wish-list .text-primary { font-size: 10px !important; }
    .cart-panel-body .text-primary { font-size: 10px !important; }
    .cart-panel-footer { padding: 8px 10px !important; gap: 6px !important; }
    .btn-view-cart-btn, .btn-checkout-btn { font-size: 11px !important; padding: 7px 10px !important; }
    .cartMainPageBlock .container { margin: 0 auto !important; margin-top: 0 !important; width: 100% !important; padding: 0 10px !important; }
    /* Cart summary - smaller fonts and margins */
    .cartSummaryBlock { margin: 10px 0 !important; padding: 10px !important; }
    .cartSummaryBlock .card { margin: 5px 0 !important; padding: 10px !important; }
    .cartSummaryBlock h5 { font-size: 13px !important; }
    .cartSummaryBlock p, .cartSummaryBlock span, .cartSummaryBlock div { font-size: 12px !important; }
    .cartSummaryBlock strong { font-size: 12px !important; }
    .cartSummaryBlock .btn { font-size: 12px !important; padding: 8px 12px !important; }
    /* Alert messages - responsive */
    .alert { font-size: 12px !important; padding: 8px 12px !important; margin-bottom: 8px !important; border-radius: 6px !important; }
    /* Country popup - responsive */
    #popup-info-country { max-width: 92% !important; margin: 15px auto !important; }
    #popup-info-country h2 { font-size: 14px !important; }
    #popup-info-country p { font-size: 11px !important; }
    #popup-info-country .btnShoppingCountriesList { padding: 12px !important; gap: 8px !important; }
    #popup-info-country .btnShoppingLocation { min-width: 10px !important; padding: 6px 8px !important; font-size: 13px !important; }

    /* ===== Checkout page - mobile responsive ===== */
    /* Minimize container side padding */
    .blockPosition.container { padding-left: 5px !important; padding-right: 5px !important; }
    .mainDiv[style*="margin-top:50px"] { margin-top: 10px !important; }
    .cartContainer .row.container-fluid { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
    .cartContainerUserFormBlock { padding-left: 0 !important; padding-right: 0 !important; }
    /* Form field rows - very compact */
    .cartContainerUserFormBlock ul.row { margin-bottom: 6px !important; margin-left: 0 !important; margin-right: 0 !important; }
    .cartContainerUserFormBlock ul.row > li { padding: 0 2px !important; }
    .cartContainerUserFormBlock ul.row > li.col-md-3 { font-size: 11px !important; margin-bottom: 1px !important; }
    /* Form field inputs - use ID + class selectors for max specificity */
    .cartContainerUserFormBlock #name,
    .cartContainerUserFormBlock #phone,
    .cartContainerUserFormBlock #email,
    .cartContainerUserFormBlock #zipcode,
    .cartContainerUserFormBlock #address,
    .cartContainerUserFormBlock #locationSearch,
    .cartContainerUserFormBlock #preBookingSlot,
    .cartContainerUserFormBlock select.form-control,
    .cartContainerUserFormBlock input.form-control,
    .cartContainerUserFormBlock textarea.form-control { font-size: 11px !important; padding: 6px 8px !important; }
    /* Delivery option labels - stack vertically, compact */
    .cartContainerUserFormBlock ul.row li.col-sm-12 > div[style*="flex"] { flex-direction: column !important; gap: 8px !important; }
    .deliveryOptionLabel { padding: 8px 10px !important; }
    .deliveryOptionLabel strong { font-size: 13px !important; }
    .deliveryOptionLabel p { font-size: 11px !important; margin: 3px 0 0 20px !important; }
    .selectionMethodLabel { padding: 6px 10px !important; }
    .selectionMethodLabel strong { font-size: 13px !important; }
    /* Section headings */
    #collectionPointSection h6 { font-size: 13px !important; margin-bottom: 6px !important; }
    .cartContainerUserFormBlock ul.row li.col-sm-12 > h6 { font-size: 13px !important; margin-bottom: 6px !important; }
    /* Map - shorter on mobile */
    #map { height: 250px !important; }
    /* Search input */
    #locationSearch { padding: 8px 10px !important; font-size: 12px !important; margin-bottom: 8px !important; }
    /* Search results */
    #searchResults { max-height: 250px !important; }
    .search-result-item { padding: 8px 10px !important; }
    .search-result-item strong { font-size: 13px !important; }
    .search-result-item span { font-size: 11px !important; }
    /* Selected location info */
    #selectedLocationInfo { padding: 6px 8px !important; margin-top: 8px !important; }
    #selectedLocationInfo span { font-size: 12px !important; }
    /* Cart items card */
    .cartContainerUserFormBlock .card { margin-bottom: 10px !important; }
    .cartContainerUserFormBlock .card .card-body { padding: 10px 12px !important; }
    .cartContainerUserFormBlock .card h3 { font-size: 15px !important; margin-bottom: 8px !important; }
    .cartContainerUserFormBlock .card h5 { font-size: 13px !important; margin-bottom: 6px !important; }
    /* Cart item rows - compact */
    .cartItem .row.mb-4 { margin-bottom: 8px !important; }
    .cartItem hr.mb-4 { margin-top: 4px !important; margin-bottom: 8px !important; }
    .cartItem h5 { font-size: 13px !important; }
    .cartItem .text-muted.small { font-size: 11px !important; }
    .cartItem .alert { padding: 6px 8px !important; font-size: 11px !important; margin-bottom: 6px !important; }
    /* Payment block */
    .cartContainer > .row > .col-lg-4 { padding-left: 0 !important; padding-right: 0 !important; margin-top: 10px; }
    .cartContainer .col-lg-4 .card .card-body { padding: 10px 12px !important; }
    .cartContainer .col-lg-4 .card h5 { font-size: 14px !important; margin-bottom: 8px !important; }
    .cartContainer .col-lg-4 .list-group-item { padding: 5px 0 !important; font-size: 12px !important; }
    .cartContainer .col-lg-4 .list-group-item strong { font-size: 13px !important; }
    .cartContainer .col-lg-4 .list-group-item p { font-size: 11px !important; }
    /* Payment method radio buttons area */
    .cartContainer .col-lg-4 .list-group-item div[style*="background:#eee"] { padding: 8px !important; }
    .cartContainer .col-lg-4 .list-group-item input[type="radio"] { margin-right: 4px !important; }
    /* Proceed button */
    #btnProceed { font-size: 13px !important; padding: 8px !important; }
    /* Pre-order fields */
    .cartContainerUserFormBlock .preOrderDate { padding: 5px 8px !important; height: 34px !important; font-size: 12px !important; }
    /* Payment card rate options - stack */
    .paymentCardRateOption { padding: 8px !important; }
    .paymentCardRateOption div { font-size: 12px !important; }
    /* Loading overlay */
    #checkoutLoadingOverlay .loading-content { padding: 20px 25px !important; }
    #checkoutLoadingOverlay .loading-content img { width: 48px !important; height: 48px !important; }
    #checkoutLoadingOverlay .loading-content p { font-size: 14px !important; }
}

@media (max-width: 991px) {
    /* Hide Buy Now button on mobile and tablet */
    .btnBuyNow {
        display: none !important;
    }
    /* Item details sticky footer */
    .btnCartWholeBlock {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: #fff !important;
        border-top: 1px solid #e0e0e0 !important;
        padding: 6px 12px !important;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.05) !important;
        z-index: 100 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    /* Quantity block - left side */
    .btnCartWholeBlock .quantityBlock,
    .btnCartWholeBlock > div:first-child {
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        float: none !important;
        margin-right: auto !important;
        flex-shrink: 0 !important;
    }
    /* Cart button block - right side */
    .btnCartWholeBlock .cartBtnBlock,
    .btnCartWholeBlock > div:nth-child(2) {
        width: auto !important;
        flex: none !important;
        float: none !important;
        flex-shrink: 0 !important;
    }
    .btnCartWholeBlock .btnPlus,
    .btnCartWholeBlock .btnMinus {
        min-width: 34px !important;
        min-height: 34px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 5px !important;
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        padding: 0 !important;
        text-decoration: none !important;
        background: #f0f0f0 !important;
        border: 1px solid #e0e0e0 !important;
        color: #333 !important;
    }
    /* Override responsive.css touch target sizes for footer buttons */
    .btnCartWholeBlock .btnAddToCart {
        min-height: 34px !important;
        min-width: 34px !important;
    }
    .btnCartWholeBlock .lblCount {
        width: 24px !important;
        height: 24px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .btnCartWholeBlock .btnAddToCart {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
        border-radius: 5px !important;
        padding: 5px 14px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        background: var(--color-green) !important;
        color: #fff !important;
        border: none !important;
        white-space: nowrap !important;
    }
    /* Body padding to prevent footer overlap on item details */
    body {
        padding-bottom: 45px !important;
    }
    /* Cart panel - smaller fonts for mobile/tablet */
    .cart-panel-header { padding: 12px 15px !important; }
    .cart-panel-header h3 { font-size: 15px !important; }
    .cart-close { font-size: 16px !important; }
    .wish-list { padding: 12px !important; }
    .cart-title { font-size: 13px !important; }
    .cartItem h5 { font-size: 13px !important; }
    .cartItem p { font-size: 11px !important; }
    .cartItem .small { font-size: 11px !important; }
    .cartItem .priceDiv { font-size: 13px !important; }
    .cartItem .originalPriceDiv { font-size: 11px !important; }
    .cartItem .itemCount { font-size: 12px !important; padding: 4px 6px !important; width: 50px !important; min-width: 50px !important; }
    .cartItem .deleteCartItem { font-size: 11px !important; }
    .cartItem .text-primary { font-size: 11px !important; }
    .wish-list .text-primary { font-size: 11px !important; }
    .cart-panel-body .text-primary { font-size: 11px !important; }
    .cartLoadingIndicator p { font-size: 12px !important; }
    .emptyCartMessage i { font-size: 40px !important; }
    .emptyCartMessage p { font-size: 13px !important; }
    .emptyCartMessage a { font-size: 11px !important; padding: 8px 20px !important; }
    .cart-panel-footer { padding: 10px 12px !important; gap: 8px !important; }
    .btn-view-cart-btn, .btn-checkout-btn { font-size: 12px !important; padding: 8px 12px !important; }
    /* Fix cart page top margin from stylenew.css */
    .cartMainPageBlock .container { margin: 0 auto !important; margin-top: 0 !important; width: 100% !important; padding: 0 15px !important; }
    /* Cart summary - smaller fonts and margins */
    .cartSummaryBlock { margin: 10px 0 !important; padding: 12px !important; }
    .cartSummaryBlock .card { margin: 5px 0 !important; padding: 12px !important; }
    .cartSummaryBlock h5 { font-size: 14px !important; }
    .cartSummaryBlock p, .cartSummaryBlock span, .cartSummaryBlock div { font-size: 13px !important; }
    .cartSummaryBlock strong { font-size: 13px !important; }
    .cartSummaryBlock .btn { font-size: 13px !important; padding: 8px 14px !important; }
    /* Alert messages - responsive */
    .alert { font-size: 13px !important; padding: 10px 14px !important; margin-bottom: 10px !important; border-radius: 8px !important; }
    .alert alert-danger { font-size: 13px !important; }
    /* Country popup - responsive */
    #popup-info-country { max-width: 90% !important; margin: 20px auto !important; }
    #popup-info-country h2 { font-size: 16px !important; }
    #popup-info-country p { font-size: 12px !important; }
    #popup-info-country .btnShoppingCountriesList { padding: 15px !important; gap: 10px !important; }
    .btnShoppingLocation { min-width: 100px !important; padding: 12px 16px !important; font-size: 13px !important; }

    /* ===== Checkout page - tablet responsive ===== */
    /* Reduce top margin and container padding */
    .blockPosition.container { padding-left: 10px !important; padding-right: 10px !important; }
    .mainDiv[style*="margin-top:50px"] { margin-top: 15px !important; margin-bottom: 5px !important; }
    .cartContainer .row.container-fluid { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
    .cartContainerUserFormBlock { padding-left: 5px !important; padding-right: 5px !important; }
    /* Checkout form field rows - reduce vertical spacing */
    .cartContainerUserFormBlock ul.row { margin-bottom: 8px !important; margin-top: 0 !important; }
    .cartContainerUserFormBlock ul.row > li { padding: 0 5px !important; }
    .cartContainerUserFormBlock ul.row > li.col-md-3 { margin-bottom: 2px !important; font-size: 12px !important; font-weight: 500 !important; }
    /* Form field inputs - use ID + class selectors for max specificity */
    .cartContainerUserFormBlock #name,
    .cartContainerUserFormBlock #phone,
    .cartContainerUserFormBlock #email,
    .cartContainerUserFormBlock #zipcode,
    .cartContainerUserFormBlock #address,
    .cartContainerUserFormBlock #locationSearch,
    .cartContainerUserFormBlock #preBookingSlot,
    .cartContainerUserFormBlock select.form-control,
    .cartContainerUserFormBlock input.form-control,
    .cartContainerUserFormBlock textarea.form-control { font-size: 12px !important; padding: 8px 10px !important; }
    /* Delivery option labels - reduce padding and min-width */
    .deliveryOptionLabel { min-width: unset !important; padding: 10px 12px !important; }
    .deliveryOptionLabel p { font-size: 12px !important; margin-top: 3px !important; }
    .selectionMethodLabel { min-width: unset !important; padding: 8px 12px !important; }
    /* Collection point section headings */
    #collectionPointSection h6 { font-size: 14px !important; margin-bottom: 8px !important; }
    /* Map height - shorter on tablet */
    #map { height: 350px !important; }
    /* Search input */
    #locationSearch { padding: 10px !important; font-size: 13px !important; }
    /* Selected location info */
    #selectedLocationInfo { padding: 8px 10px !important; margin-top: 10px !important; }
    #selectedLocationInfo span { font-size: 13px !important; }
    /* Cart items card in checkout */
    .cartContainerUserFormBlock .card { margin-bottom: 15px !important; }
    .cartContainerUserFormBlock .card .card-body { padding: 12px 15px !important; }
    .cartContainerUserFormBlock .card h3 { font-size: 17px !important; margin-bottom: 12px !important; }
    .cartContainerUserFormBlock .card h5 { font-size: 15px !important; margin-bottom: 10px !important; }
    /* Cart item rows - reduce spacing */
    .cartItem .row.mb-4 { margin-bottom: 12px !important; }
    .cartItem hr.mb-4 { margin-top: 8px !important; margin-bottom: 12px !important; }
    .cartItem h5 { font-size: 14px !important; }
    .cartItem .text-muted.small { font-size: 12px !important; }
    /* Payment block (col-lg-4) */
    .cartContainer > .row > .col-lg-4 { padding-left: 5px !important; padding-right: 5px !important; margin-top: 15px; }
    .cartContainer .col-lg-4 .card { margin-bottom: 10px !important; }
    .cartContainer .col-lg-4 .card .card-body { padding: 12px 15px !important; }
    .cartContainer .col-lg-4 .card h5 { font-size: 16px !important; margin-bottom: 10px !important; }
    /* Payment block list items */
    .cartContainer .col-lg-4 .list-group-item { padding: 6px 0 !important; font-size: 13px !important; }
    .cartContainer .col-lg-4 .list-group-item strong { font-size: 14px !important; }
    /* Payment method radio labels */
    .cartContainer .col-lg-4 .list-group-item input[type="radio"] { margin-right: 5px !important; }
    /* Proceed button */
    #btnProceed { font-size: 14px !important; padding: 10px !important; }
    /* Pre-order fields */
    .cartContainerUserFormBlock .preOrderDate { padding: 6px 10px !important; height: 38px !important; }
    /* Payment card rate options */
    .paymentCardRateOption { min-width: unset !important; padding: 10px !important; }
    .paymentCardRateOption div { font-size: 13px !important; }
}

/* ===== Dashboard pages responsive ===== */

/* Tablet (max-width: 991px) */
@media (max-width: 991px) {
    /* Sidebar: full width, collapsible */
    .side-dashboardMainBlock {
        width: 100% !important;
        max-width: 280px;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 10000;
        background: #fff;
        height: 100vh;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        display: block !important;
        box-shadow: 2px 0 15px rgba(0,0,0,0.15);
    }
    .side-dashboardMainBlock.open {
        transform: translateX(0);
    }
    .side-dashboardMainBlock .side-dashboard {
        margin-top: 0 !important;
        border: none !important;
        padding: 15px 0 !important;
    }
    .moreIconInLeftMenu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        position: fixed;
        top: 75px;
        right: 15px;
        z-index: 9999;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        border: 1px solid #f0f0f0;
        cursor: pointer;
    }
    .closeIconInLeftMenu {
        display: block !important;
    }
    /* Prevent page titles from overlapping the menu button */
    .orders-page-title,
    .aboutBlock .profile-header h3,
    .container-detail-box h3,
    .section__title h3,
    .change-password-container h3 {
        padding-right: 55px !important;
    }
    /* Content area: full width */
    .col-lg-10.col-md-9 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .container-detail-box {
        padding: 15px !important;
        margin-top: 20px !important;
    }
    /* Profile/About page */
    .aboutBlock .row.container-fluid { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
    .aboutBlock .my-profile { padding: 15px 18px !important; }
    .aboutBlock .profile-header { flex-direction: column !important; align-items: flex-start !important; gap: 12px; }
    .aboutBlock .profile-header h3 { font-size: 18px !important; }
    .aboutBlock .detail-item { margin-bottom: 15px !important; }
    .aboutBlock .detail-item label { font-size: 11px !important; }
    .aboutBlock .detail-item p { font-size: 14px !important; word-break: break-word; }
    /* Edit profile modal */
    #editProfileModal .modal-dialog { max-width: 95% !important; margin: 15px auto !important; }
    #editProfileModal .modal-body { padding: 20px !important; }
    #editProfileModal .modal-header { padding: 15px 20px !important; }
    #editProfileModal .modal-footer { padding: 15px 20px !important; flex-wrap: wrap; gap: 10px; }
    #editProfileModal .form-group input,
    #editProfileModal .form-group textarea { font-size: 13px !important; padding: 8px 12px !important; }
    /* Orders page */
    .order-row { padding: 10px 14px !important; }
    .order-row-header { gap: 8px !important; margin-bottom: 3px !important; }
    .order-row-info { gap: 6px 12px !important; font-size: 12px !important; }
    .order-row-header .order-number { font-size: 13px !important; }
    .order-row-header .order-amount { font-size: 13px !important; }
    .order-row-header .order-status { font-size: 10px !important; padding: 3px 10px !important; }
    .order-row-header .order-action .btn { font-size: 10px !important; padding: 4px 10px !important; margin-top: 0 !important; min-height: 0 !important; }
    .order-row-info .order-paystatus { font-size: 10px !important; padding: 3px 8px !important; }
    .order-row-details { font-size: 12px !important; gap: 5px 14px !important; padding-top: 4px !important; margin-top: 4px !important; }
    .order-row-details .order-address { flex: 1 1 100% !important; }
    .orders-page-title { font-size: 17px !important; margin-bottom: 14px !important; padding-bottom: 10px !important; }
    /* Order details page */
    .orderDetails .col-lg-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .orderDetails .col-lg-8 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .orderDetails .col-lg-12 {
        width: 100% !important;
    }
    .orderDetails div ul li,
    .orderDetails div ul li.col1,
    .orderDetails div ul li.col2 {
        font-size: 13px !important;
    }
    .cartItem h5 { font-size: 15px !important; }
    .section__title h3 { font-size: 20px !important; }
    /* Change password */
    .change-password-container {
        width: 100% !important;
        max-width: 400px;
        padding: 20px !important;
    }
    /* Notifications */
    .senderImage { max-width: 35px !important; max-height: 35px !important; }
}

/* Mobile (max-width: 480px) */
@media (max-width: 480px) {
    /* Sidebar */
    .side-dashboardMainBlock {
        max-width: 85% !important;
    }
    .moreIconInLeftMenu {
        width: 36px;
        height: 36px;
        top: 70px;
        right: 10px;
    }
    .moreIconInLeftMenu i { font-size: 16px !important; }
    /* Content area */
    .col-lg-10.col-md-9 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .container-detail-box {
        padding: 10px !important;
        margin-top: 15px !important;
        border-radius: 12px !important;
    }
    /* Profile/About page */
    .aboutBlock .my-profile { padding: 12px 14px !important; border-radius: 12px !important; }
    .aboutBlock .profile-header { padding-bottom: 10px !important; margin-bottom: 15px !important; }
    .aboutBlock .profile-header h3 { font-size: 16px !important; }
    .aboutBlock .detail-item { margin-bottom: 12px !important; }
    .aboutBlock .detail-item label { font-size: 10px !important; }
    .aboutBlock .detail-item p { font-size: 13px !important; }
    .aboutBlock .col-md-6 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
    /* Edit profile modal */
    #editProfileModal .modal-dialog { max-width: 92% !important; margin: 10px auto !important; }
    #editProfileModal .modal-content { border-radius: 12px !important; }
    #editProfileModal .modal-header { padding: 12px 15px !important; border-radius: 12px 12px 0 0 !important; }
    #editProfileModal .modal-header h5 { font-size: 16px !important; }
    #editProfileModal .modal-body { padding: 15px !important; }
    #editProfileModal .modal-footer { padding: 12px 15px !important; flex-direction: column !important; gap: 8px; }
    #editProfileModal .modal-footer .btn { width: 100% !important; }
    #editProfileModal .form-group { margin-bottom: 15px !important; }
    #editProfileModal .form-group label { font-size: 13px !important; }
    #editProfileModal .form-group input,
    #editProfileModal .form-group textarea { font-size: 14px !important; padding: 10px 12px !important; }
    #editProfileModal .col-md-6 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
    /* Orders page */
    .order-row { padding: 10px 12px !important; }
    .order-row-header { gap: 8px !important; }
    .order-row-header .order-number { font-size: 13px !important; }
    .order-row-header .order-amount { font-size: 14px !important; }
    .order-row-header .order-status { font-size: 10px !important; padding: 3px 10px !important; }
    .order-row-header .order-action .btn { font-size: 11px !important; padding: 5px 12px !important; }
    .order-row-info { gap: 6px 12px !important; font-size: 12px !important; }
    .order-row-info .order-paystatus { font-size: 10px !important; padding: 3px 8px !important; }
    .order-row-details { flex-direction: column !important; gap: 5px 0 !important; font-size: 12px !important; }
    .orders-page-title { font-size: 17px !important; margin-bottom: 15px !important; padding-bottom: 10px !important; }
    /* Order details page */
    .orderDetails div ul li,
    .orderDetails div ul li.col1,
    .orderDetails div ul li.col2 {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
    .cartItem h5 { font-size: 14px !important; }
    .section__title h3 { font-size: 18px !important; }
    .wish-list h3 { font-size: 16px !important; }
    .wish-list p, .wish-list h5 { font-size: 13px !important; }
    .orderDetails .col-lg-6 .col1 { width: 35% !important; }
    .orderDetails .col-lg-6 .col2 { width: 65% !important; }
    /* Change password */
    .change-password-container {
        padding: 15px !important;
        border-radius: 12px !important;
    }
    .change-password-container h3 { font-size: 18px !important; margin-bottom: 18px !important; }
    .form-group label { font-size: 13px !important; }
    .form-group input { font-size: 14px !important; padding: 10px 12px !important; }
    .btn-change-password { font-size: 14px !important; padding: 10px 20px !important; }
    .password-requirements { font-size: 12px !important; }
    /* Notifications */
    .senderImage { max-width: 30px !important; max-height: 30px !important; margin-right: 8px !important; }
    /* About/Profile page */
    .aboutBlock input { height: 38px !important; font-size: 14px !important; }
    .aboutBlock select { height: 34px !important; font-size: 14px !important; }
    .col1 { width: 35% !important; }
    .col2 { width: 65% !important; }
    /* Dashboard sidebar menu */
    .dashboard-menu ul li a {
        font-size: 13px !important;
        padding: 10px 14px !important;
    }
    .dashboard-sidebar-header h6 { font-size: 12px !important; }
}

/* Dashboard overlay backdrop for tablet/mobile sidebar */
.dashboard-sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9998;
}
.dashboard-sidebar-backdrop.open {
    display: block;
}