/* ==================================================
       LUXURY RESTAURANT OPENCART THEME - COMPLETE FIX
       100% Browser Width + Black/Gold Luxury Style
       UPDATED: Exact padding & margins as per design
    ================================================== */
    
    /* ===============================
       FORCE 100% BROWSER WIDTH (CRITICAL FIX)
    =============================== */
    * {
        box-sizing: border-box !important;
    }
    
    html, body {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        font-size: 100% !important;
        -webkit-text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
    }
    
    body {
        background: #0a0a0a !important;
        color: #e0e0e0 !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 300 !important;
        line-height: 1.7 !important;
    }
    
    /* Force all major containers to 100% width */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin: 0 auto !important;
    }
    
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    /* Fix row and column overflow */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
    .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* ===============================
       GLOBAL VARIABLES
    =============================== */
    :root {
        --gold: #c5a059 !important;
        --gold-light: #e0c078 !important;
        --gold-dark: #a8883e !important;
        --black: #0a0a0a !important;
        --dark: #121212 !important;
        --dark-hover: #1a1a1a !important;
        --text-main: #e0e0e0 !important;
        --text-muted: #888888 !important;
        --border: #2a2a2a !important;
        --whatsapp-green: #25D366 !important;
        --font-heading: 'Cormorant Garamond', serif !important;
        --font-body: 'Montserrat', sans-serif !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-heading) !important;
        color: #ffffff !important;
        font-weight: 500 !important;
        letter-spacing: 0.5px !important;
    }
    
    a {
        color: var(--gold) !important;
        transition: all 0.3s ease !important;
        text-decoration: none !important;
    }
    
    a:hover {
        color: var(--gold-light) !important;
        text-decoration: none !important;
    }
    
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* ===============================
       TOP BAR
    =============================== */
    #top {
        background: var(--black) !important;
        border-bottom: 1px solid var(--border) !important;
        padding: 8px 0 !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        width: 100% !important;
    }
    
    #top a {
        color: var(--text-muted) !important;
    }
    
    #top a:hover {
        color: var(--gold) !important;
    }
    
    #top .list-inline > li {
        margin-left: 15px !important;
    }
    
    /* ===============================
       MAIN HEADER - EXACT PADDING & MARGINS
    =============================== */
    #lux-header {
        background: rgba(10, 10, 10, 0.98) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid var(--border) !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        width: 100% !important;
        transition: all 0.3s ease !important;
    }
    
    .lux-header-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }
    
    /* Logo */
    .lux-logo-img {
        max-height: 55px !important;
        width: auto !important;
    }
    
    .lux-text-logo a {
        color: var(--gold) !important;
        font-size: 28px !important;
        letter-spacing: 3px !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
    }
    
    /* ===============================
       CUSTOM NAVIGATION - EXACT SPACING
    =============================== */
    .lux-custom-nav {
        flex: 1 !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    .lux-custom-nav ul {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        list-style: none !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }
    
    .lux-custom-nav li {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .lux-custom-nav a {
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 1.5px !important;
        text-transform: uppercase !important;
        padding: 15px 18px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        position: relative !important;
        transition: all 0.3s ease !important;
        margin: 0 !important;
    }
    
    .lux-custom-nav a i {
        font-size: 14px !important;
        color: var(--gold) !important;
        transition: transform 0.3s ease !important;
    }
    
    .lux-custom-nav a:hover {
        color: var(--gold) !important;
    }
    
    .lux-custom-nav a:hover i {
        transform: translateY(-2px) !important;
    }
    
    /* Active link style */
    .lux-custom-nav a.active {
        color: var(--gold) !important;
    }
    
    /* ===============================
       HEADER ACTIONS - EXACT SPACING
    =============================== */
    .lux-actions {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
        margin-left: auto !important;
    }
    
    .lux-action-btn {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 8px 16px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        border: 1px solid var(--gold) !important;
        color: var(--gold) !important;
        transition: all 0.3s ease !important;
        border-radius: 0 !important;
        background: transparent !important;
        margin: 0 !important;
    }
    
    .call-btn:hover {
        background: var(--gold) !important;
        color: var(--black) !important;
    }
    
    .call-btn:hover i {
        color: var(--black) !important;
    }
    
    .whatsapp-btn {
        border-color: var(--border) !important;
        color: var(--text-main) !important;
    }
    
    .whatsapp-btn i {
        color: var(--whatsapp-green) !important;
        font-size: 16px !important;
    }
    
    .whatsapp-btn:hover {
        border-color: var(--whatsapp-green) !important;
        color: #ffffff !important;
        background: rgba(37, 211, 102, 0.1) !important;
    }
    
    /* @TIFFIN_SO_DD text styling */
    .lux-brand-text {
        color: var(--gold) !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 1.5px !important;
        text-transform: uppercase !important;
        margin-left: 10px !important;
        padding: 8px 12px !important;
        border-left: 1px solid var(--border) !important;
    }
    
    /* Cart Styling */
    .lux-cart #cart .btn {
        background: transparent !important;
        border: 1px solid var(--border) !important;
        color: var(--text-muted) !important;
        border-radius: 0 !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        margin: 0 !important;
    }
    
    .lux-cart #cart .btn:hover {
        border-color: var(--gold) !important;
        color: var(--gold) !important;
    }
    
    #cart .dropdown-menu {
        background: var(--dark) !important;
        border: 1px solid var(--border) !important;
        border-radius: 0 !important;
        min-width: 280px !important;
        padding: 15px !important;
    }
    
    #cart .dropdown-menu .dropdown-toggle {
        background: var(--gold) !important;
        color: var(--black) !important;
        border: none !important;
        border-radius: 0 !important;
    }
    
    /* ===============================
       SLIDER/BANNER SECTION (CRITICAL FIX)
    =============================== */
    #slideshow0, .slideshow, .carousel, .owl-carousel {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--black) !important;
    }
    
    #slideshow0 .item, .slideshow .item, .carousel .item {
        width: 100% !important;
        background: var(--black) !important;
    }
    
    #slideshow0 img, .slideshow img, .carousel img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    /* Fix slider controls */
    .owl-controls {
        position: absolute !important;
        top: 50% !important;
        width: 100% !important;
        transform: translateY(-50%) !important;
        pointer-events: none !important;
    }
    
    .owl-controls .owl-buttons {
        display: flex !important;
        justify-content: space-between !important;
        pointer-events: none !important;
    }
    
    .owl-controls .owl-buttons div {
        pointer-events: all !important;
        background: rgba(0,0,0,0.7) !important;
        color: var(--gold) !important;
        padding: 15px 20px !important;
        border: 1px solid var(--gold) !important;
        transition: all 0.3s ease !important;
    }
    
    .owl-controls .owl-buttons div:hover {
        background: var(--gold) !important;
        color: var(--black) !important;
    }
    
    /* Fix the white background issue on slider */
    #content .row > div:first-child {
        background: var(--black) !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    /* ===============================
       FEATURED SECTION HEADING
    =============================== */
    #content h3, .box-heading, h3.box-heading {
        font-family: var(--font-heading) !important;
        color: var(--gold) !important;
        font-size: 36px !important;
        font-weight: 500 !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        margin: 40px 0 30px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid var(--border) !important;
        position: relative !important;
    }
    
    #content h3::after, .box-heading::after {
        content: '' !important;
        position: absolute !important;
        bottom: -1px !important;
        left: 0 !important;
        width: 80px !important;
        height: 2px !important;
        background: var(--gold) !important;
    }
    
    /* ===============================
       PRODUCT CARDS (MENU ITEMS)
    =============================== */
    .product-thumb {
        background: var(--dark) !important;
        border: 1px solid var(--border) !important;
        padding: 25px !important;
        text-align: center !important;
        transition: all 0.4s ease !important;
        border-radius: 0 !important;
        margin-bottom: 30px !important;
        width: 100% !important;
        position: relative !important;
    }
    
    .product-thumb:hover {
        border-color: var(--gold) !important;
        transform: translateY(-5px) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    }
    
    .product-thumb .image {
        margin-bottom: 20px !important;
        overflow: hidden !important;
        background: var(--black) !important;
        padding: 15px !important;
        position: relative !important;
    }
    
    .product-thumb .image img {
        transition: transform 0.4s ease !important;
        max-width: 100% !important;
    }
    
    .product-thumb:hover .image img {
        transform: scale(1.05) !important;
    }
    
    .product-thumb .sale-badge {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        background: var(--gold) !important;
        color: var(--black) !important;
        padding: 5px 15px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }
    
    .product-thumb h4 {
        font-family: var(--font-heading) !important;
        font-size: 26px !important;
        margin: 15px 0 10px !important;
    }
    
    .product-thumb h4 a {
        color: #ffffff !important;
    }
    
    .product-thumb h4 a:hover {
        color: var(--gold) !important;
    }
    
    .product-thumb .caption {
        padding: 0 !important;
    }
    
    .product-thumb .description {
        color: var(--text-muted) !important;
        font-size: 14px !important;
        margin-bottom: 15px !important;
    }
    
    .product-thumb .price {
        color: var(--gold) !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        font-family: var(--font-heading) !important;
        letter-spacing: 1px !important;
        margin: 15px 0 !important;
    }
    
    .product-thumb .price .price-new {
        color: var(--gold) !important;
    }
    
    .product-thumb .price .price-old {
        color: var(--text-muted) !important;
        text-decoration: line-through !important;
        font-size: 16px !important;
        margin-right: 10px !important;
    }
    
    .product-thumb .button-group {
        margin-top: 20px !important;
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    
    .product-thumb .btn-primary {
        background: transparent !important;
        border: 1px solid var(--gold) !important;
        color: var(--gold) !important;
        border-radius: 0 !important;
        text-transform: uppercase !important;
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
        padding: 10px 20px !important;
        transition: all 0.3s ease !important;
    }
    
    .product-thumb .btn-primary:hover {
        background: var(--gold) !important;
        color: var(--black) !important;
    }
    
    .product-thumb .btn-wishlist {
        background: transparent !important;
        border: 1px solid var(--border) !important;
        color: var(--text-muted) !important;
        border-radius: 0 !important;
        padding: 10px 15px !important;
        transition: all 0.3s ease !important;
    }
    
    .product-thumb .btn-wishlist:hover {
        border-color: var(--gold) !important;
        color: var(--gold) !important;
    }
    
    /* ===============================
       OPENCART FORMS & INPUTS
    =============================== */
    .form-control {
        background: var(--dark) !important;
        border: 1px solid var(--border) !important;
        color: #ffffff !important;
        border-radius: 0 !important;
        height: 45px !important;
        box-shadow: none !important;
        transition: all 0.3s ease !important;
        padding: 10px 15px !important;
    }
    
    .form-control:focus {
        border-color: var(--gold) !important;
        box-shadow: 0 0 5px rgba(197, 160, 89, 0.3) !important;
        background: var(--dark-hover) !important;
    }
    
    textarea.form-control {
        height: auto !important;
        min-height: 120px !important;
    }
    
    label {
        color: var(--text-main) !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 8px !important;
    }
    
    /* ===============================
       OPENCART BUTTONS
    =============================== */
    .btn-primary,
    .btn-success,
    .btn-warning {
        background: var(--gold) !important;
        border-color: var(--gold) !important;
        color: var(--black) !important;
        border-radius: 0 !important;
        padding: 10px 25px !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        transition: all 0.3s ease !important;
    }
    
    .btn-primary:hover,
    .btn-success:hover,
    .btn-warning:hover {
        background: transparent !important;
        border-color: var(--gold) !important;
        color: var(--gold) !important;
    }
    
    .btn-default {
        background: transparent !important;
        border: 1px solid var(--border) !important;
        color: var(--text-main) !important;
        border-radius: 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 12px !important;
        padding: 10px 25px !important;
    }
    
    .btn-default:hover {
        border-color: var(--gold) !important;
        color: var(--gold) !important;
    }
    
    /* ===============================
       OPENCART BREADCRUMB
    =============================== */
    .breadcrumb {
        background: var(--dark) !important;
        border: 1px solid var(--border) !important;
        border-radius: 0 !important;
        padding: 15px 20px !important;
        margin-bottom: 30px !important;
    }
    
    .breadcrumb li a {
        color: var(--gold) !important;
    }
    
    .breadcrumb li.active {
        color: var(--text-muted) !important;
    }
    
    /* ===============================
       PAGINATION
    =============================== */
    .pagination {
        border-radius: 0 !important;
    }
    
    .pagination > li > a,
    .pagination > li > span {
        background: var(--dark) !important;
        border-color: var(--border) !important;
        color: var(--text-main) !important;
        border-radius: 0 !important;
    }
    
    .pagination > li > a:hover,
    .pagination > li > span:hover {
        background: var(--gold) !important;
        border-color: var(--gold) !important;
        color: var(--black) !important;
    }
    
    .pagination > .active > a,
    .pagination > .active > span {
        background: var(--gold) !important;
        border-color: var(--gold) !important;
        color: var(--black) !important;
    }
    
    /* ===============================
       FOOTER
    =============================== */
    footer {
        background: #050505 !important;
        border-top: 1px solid var(--border) !important;
        padding: 60px 0 30px !important;
        margin-top: 60px !important;
        width: 100% !important;
    }
    
    footer h5 {
        color: var(--gold) !important;
        font-size: 24px !important;
        margin-bottom: 20px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-family: var(--font-heading) !important;
    }
    
    footer a {
        color: var(--text-muted) !important;
        font-size: 14px !important;
        transition: all 0.3s ease !important;
    }
    
    footer a:hover {
        color: var(--gold) !important;
        padding-left: 5px !important;
    }
    
    footer .list-unstyled li {
        margin-bottom: 8px !important;
    }
    
    footer .social-icons {
        display: flex !important;
        gap: 15px !important;
        margin-top: 20px !important;
    }
    
    footer .social-icons a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 45px !important;
        height: 45px !important;
        border: 1px solid var(--border) !important;
        color: var(--text-muted) !important;
        font-size: 20px !important;
        transition: all 0.3s ease !important;
    }
    
    footer .social-icons a:hover {
        border-color: var(--gold) !important;
        color: var(--gold) !important;
        transform: translateY(-3px) !important;
    }
    
    footer .footer-bottom {
        border-top: 1px solid var(--border) !important;
        padding-top: 30px !important;
        margin-top: 30px !important;
        text-align: center !important;
        color: var(--text-muted) !important;
        font-size: 13px !important;
    }
    
    /* ===============================
       DROPDOWN MENUS
    =============================== */
    .dropdown-menu {
        background: var(--dark) !important;
        border: 1px solid var(--border) !important;
        border-radius: 0 !important;
        padding: 10px 0 !important;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important;
    }
    
    .dropdown-menu > li > a {
        color: var(--text-main) !important;
        padding: 10px 25px !important;
        font-size: 13px !important;
        letter-spacing: 1px !important;
        transition: all 0.3s ease !important;
    }
    
    .dropdown-menu > li > a:hover {
        background: var(--gold) !important;
        color: var(--black) !important;
    }
    
    .dropdown-menu > li > a i {
        width: 20px !important;
        color: var(--gold) !important;
    }
    
    /* ===============================
       ALERTS & MESSAGES
    =============================== */
    .alert {
        border-radius: 0 !important;
        border: 1px solid var(--border) !important;
        background: var(--dark) !important;
        color: var(--text-main) !important;
    }
    
    .alert-success {
        border-color: var(--gold) !important;
        color: var(--gold) !important;
    }
    
    .alert-danger {
        border-color: #dc3545 !important;
        color: #dc3545 !important;
    }
    
    /* ===============================
       CHECKOUT & CART PAGES
    =============================== */
    .table {
        border-color: var(--border) !important;
        color: var(--text-main) !important;
    }
    
    .table > thead > tr > th {
        border-bottom: 2px solid var(--gold) !important;
        color: var(--gold) !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-weight: 500 !important;
    }
    
    .table > tbody > tr > td {
        border-top: 1px solid var(--border) !important;
        vertical-align: middle !important;
    }
    
    .table > tfoot > tr > td {
        border-top: 1px solid var(--border) !important;
    }
    
    /* ===============================
       MOBILE RESPONSIVENESS
    =============================== */
    @media (max-width: 991px) {
        .lux-header-row {
            flex-direction: column !important;
            gap: 15px !important;
        }
        
        .lux-custom-nav ul {
            flex-wrap: wrap !important;
            justify-content: center !important;
        }
        
        .lux-custom-nav a {
            padding: 10px 14px !important;
            font-size: 12px !important;
        }
        
        .lux-actions {
            flex-wrap: wrap !important;
            justify-content: center !important;
            margin-left: 0 !important;
        }
        
        .lux-action-btn span {
            display: none !important;
        }
        
        .lux-action-btn {
            padding: 8px 12px !important;
        }
        
        .lux-brand-text {
            margin-left: 5px !important;
            padding: 5px 8px !important;
            font-size: 11px !important;
        }
        
        .product-thumb {
            margin-bottom: 25px !important;
        }
        
        #content h3, .box-heading {
            font-size: 30px !important;
        }
    }
    
    @media (max-width: 768px) {
        .container {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
        
        #top .list-inline > li {
            margin-left: 10px !important;
        }
        
        .lux-text-logo a {
            font-size: 22px !important;
            letter-spacing: 2px !important;
        }
        
        .lux-custom-nav a {
            padding: 8px 12px !important;
            font-size: 11px !important;
            letter-spacing: 1px !important;
        }
        
        .lux-actions {
            gap: 8px !important;
        }
        
        .lux-action-btn {
            padding: 6px 10px !important;
            font-size: 10px !important;
        }
        
        .lux-action-btn i {
            font-size: 14px !important;
        }
        
        .lux-brand-text {
            font-size: 10px !important;
            padding: 4px 6px !important;
            margin-left: 3px !important;
        }
        
        .lux-cart #cart .btn {
            padding: 6px 10px !important;
            font-size: 10px !important;
        }
        
        .product-thumb h4 {
            font-size: 22px !important;
        }
        
        .product-thumb .price {
            font-size: 20px !important;
        }
        
        footer h5 {
            font-size: 20px !important;
        }
        
        #content h3, .box-heading {
            font-size: 26px !important;
        }
        
        #content h3::after, .box-heading::after {
            width: 50px !important;
        }
        
        .product-thumb {
            padding: 20px !important;
        }
        
        .table-responsive {
            border: 1px solid var(--border) !important;
        }
    }
    
    @media (max-width: 480px) {
        .lux-custom-nav a {
            padding: 6px 10px !important;
            font-size: 9px !important;
            letter-spacing: 0.5px !important;
        }
        
        .lux-custom-nav a i {
            font-size: 11px !important;
        }
        
        .lux-action-btn {
            padding: 5px 8px !important;
            font-size: 9px !important;
        }
        
        .lux-action-btn i {
            font-size: 12px !important;
        }
        
        .lux-brand-text {
            font-size: 9px !important;
            padding: 3px 5px !important;
            margin-left: 2px !important;
        }
        
        .lux-cart #cart .btn {
            padding: 5px 8px !important;
            font-size: 9px !important;
        }
        
        .product-thumb {
            padding: 15px !important;
        }
        
        .product-thumb h4 {
            font-size: 20px !important;
        }
        
        .product-thumb .price {
            font-size: 18px !important;
        }
        
        #content h3, .box-heading {
            font-size: 22px !important;
            letter-spacing: 1px !important;
        }
        
        footer {
            padding: 40px 0 20px !important;
        }
        
        footer h5 {
            font-size: 18px !important;
        }
        
        .btn-primary,
        .btn-success,
        .btn-warning {
            padding: 8px 15px !important;
            font-size: 10px !important;
            letter-spacing: 1px !important;
        }
    }
    
    /* ===============================
       SCROLLBAR STYLING
    =============================== */
    ::-webkit-scrollbar {
        width: 8px !important;
    }
    
    ::-webkit-scrollbar-track {
        background: var(--black) !important;
    }
    
    ::-webkit-scrollbar-thumb {
        background: var(--gold) !important;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: var(--gold-light) !important;
    }
    
    /* ===============================
       SELECTION STYLING
    =============================== */
    ::selection {
        background: var(--gold) !important;
        color: var(--black) !important;
    }
    
    ::-moz-selection {
        background: var(--gold) !important;
        color: var(--black) !important;
    }
    .restaurant-about{
        padding:100px 0;
        background:#0b0b0b;
    }
    
    .restaurant-about .row{
        display:flex;
        align-items:center;
    }
    
    .about-image{
        padding-right:40px;
    }
    
    .about-image img{
        width:100%;
        display:block;
        border-radius:15px;
    }
    
    .about-content{
        padding-left:30px;
    }
    
    .about-subtitle{
        display:block;
        color:#D4AF37;
        letter-spacing:4px;
        margin-bottom:15px;
        font-size:14px;
    }
    
    .about-content h2{
        color:#fff;
        font-size:48px;
        margin-bottom:25px;
    }
    
    .about-content p{
        color:#cfcfcf;
        line-height:1.9;
        margin-bottom:25px;
    }
    
    .about-list{
        list-style:none;
        padding:0;
        margin:0 0 30px;
    }
    
    .about-list li{
        color:#fff;
        margin-bottom:12px;
    }
    
    .about-btn{
        display:inline-block;
        padding:15px 35px;
        background:#D4AF37;
        color:#111;
        text-decoration:none;
        border-radius:50px;
        font-weight:600;
    }
    
    .about-btn:hover{
        background:#fff;
        color:#111;
    }
    
    @media (max-width:991px){
    
        .restaurant-about{
            padding:60px 0;
        }
    
        .about-image{
            padding-right:0;
            margin-bottom:30px;
        }
    
        .about-content{
            padding-left:0;
            text-align:center;
        }
    
        .about-content h2{
            font-size:36px;
        }
    }
    
    /*=============================
    WHY CHOOSE US
    =============================*/
    
    .why-us{
        padding:100px 0;
        background:#0d0d0d;
    }
    
    .section-title{
        max-width:750px;
        margin:0 auto 60px;
    }
    
    .section-subtitle{
        color:#d4af37;
        letter-spacing:4px;
        font-size:14px;
        text-transform:uppercase;
    }
    
    .section-title h2{
        color:#fff;
        font-size:48px;
        margin:15px 0;
        font-family:'Cormorant Garamond',serif;
    }
    
    .section-title p{
        color:#bfbfbf;
        font-size:17px;
    }
    
    .why-card{
        background:#181818;
        border:1px solid #2d2d2d;
        border-radius:10px;
        padding:40px 25px;
        text-align:center;
        transition:.4s;
        margin-bottom:30px;
        min-height:340px;
    }
    
    .why-card:hover{
        transform:translateY(-10px);
        border-color:#d4af37;
        box-shadow:0 15px 35px rgba(212,175,55,.15);
    }
    
    .why-icon{
        width:90px;
        height:90px;
        border:2px solid #d4af37;
        border-radius:50%;
        margin:0 auto 25px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .why-icon i{
        font-size:38px;
        color:#d4af37;
    }
    
    .why-card h3{
        color:#fff;
        margin-bottom:15px;
        font-size:28px;
        font-family:'Cormorant Garamond',serif;
    }
    
    .why-card p{
        color:#bdbdbd;
        line-height:28px;
    }.why-us{
        padding:100px 0;
        background:#0d0d0d;
    }
    
    .section-title{
        max-width:750px;
        margin:0 auto 60px;
    }
    
    .section-subtitle{
        color:#d4af37;
        letter-spacing:4px;
        font-size:14px;
        text-transform:uppercase;
    }
    
    .section-title h2{
        color:#fff;
        font-size:48px;
        margin:15px 0;
        font-family:'Cormorant Garamond',serif;
    }
    
    .section-title p{
        color:#bfbfbf;
        font-size:17px;
    }
    
    .why-card{
        background:#181818;
        border:1px solid #2d2d2d;
        border-radius:10px;
        padding:40px 25px;
        text-align:center;
        transition:.4s;
        margin-bottom:30px;
        min-height:340px;
    }
    
    .why-card:hover{
        transform:translateY(-10px);
        border-color:#d4af37;
        box-shadow:0 15px 35px rgba(212,175,55,.15);
    }
    
    .why-icon{
        width:90px;
        height:90px;
        border:2px solid #d4af37;
        border-radius:50%;
        margin:0 auto 25px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .why-icon i{
        font-size:38px;
        color:#d4af37;
    }
    
    .why-card h3{
        color:#fff;
        margin-bottom:15px;
        font-size:28px;
        font-family:'Cormorant Garamond',serif;
    }
    
    .why-card p{
        color:#bdbdbd;
        line-height:28px;
    }
    
    /*=========================
     CHEF SPECIAL
    ==========================*/
    
   /*====================================
        CHEF SPECIAL
====================================*/

.chef-special{

    background:#0d3528;
    padding:100px 0;

}

.chef-special .section-title{

    text-align:center;
    margin-bottom:60px;

}

.section-subtitle{

    color:#d4af37;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;
    display:block;
    margin-bottom:15px;

}

.chef-special h2{

    color:#fff;
    font-size:54px;
    font-family:'Cormorant Garamond',serif;
    margin-bottom:20px;

}

.chef-special p{

    color:#d9d9d9;
    font-size:17px;

}

/* Cards */

.chef-card{

    background:#12382d;
    border:1px solid rgba(212,175,55,.25);
    border-radius:20px;
    overflow:hidden;
    transition:.4s;
    margin-bottom:35px;

}

.chef-card:hover{

    transform:translateY(-10px);
    border-color:#d4af37;
    box-shadow:0 20px 40px rgba(0,0,0,.4);

}

/* Image */

.chef-image{

    width:100%;
    height:260px;
    overflow:hidden;
    background:#081d17;

}

.chef-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;

}

.chef-card:hover img{

    transform:scale(1.08);

}

/* Content */

.chef-content{

    padding:25px;

}

.chef-content h3{

    margin:0 0 15px;

}

.chef-content h3 a{

    color:#fff;
    font-size:30px;
    font-family:'Cormorant Garamond',serif;
    text-decoration:none;

}

.chef-content h3 a:hover{

    color:#d4af37;

}

.chef-rating{

    margin-bottom:15px;

}

.chef-rating i{

    color:#d4af37;
    margin-right:2px;

}

.chef-desc{

    color:#d8d8d8;
    line-height:28px;
    min-height:90px;

}

.chef-price{

    color:#d4af37;
    font-size:30px;
    font-weight:bold;
    margin:20px 0;

}

.old-price{

    color:#999;
    text-decoration:line-through;
    font-size:18px;
    margin-left:10px;

}

.chef-btn{

    width:100%;
    background:#d4af37;
    color:#12382d;
    border:none;
    padding:15px;
    border-radius:40px;
    font-weight:700;
    transition:.4s;

}

.chef-btn:hover{

    background:#fff;
    color:#12382d;

}

/* Mobile */

@media(max-width:768px){

    .chef-special{

        padding:70px 0;

    }

    .chef-special h2{

        font-size:38px;

    }

}

.food-menu{

padding:90px 0;

background:#111;

}

.menu-title{

text-align:center;

margin-bottom:60px;

}

.menu-title h5{

color:#d4af37;

letter-spacing:3px;

margin-bottom:10px;

}

.menu-title h2{

color:#fff;

font-size:52px;

font-family:'Cormorant Garamond',serif;

}
.food-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}
.food-card{

background:#1c1c1c;

border-radius:20px;

padding:30px;

text-align:center;

transition:.4s;

border:1px solid #2c2c2c;

}
.food-card:hover{

transform:translateY(-10px);

border-color:#d4af37;

box-shadow:0 20px 50px rgba(0,0,0,.5);

}
.food-img{

width:150px;

height:150px;

margin:auto;

border-radius:50%;

overflow:hidden;

border:5px solid #d4af37;

margin-bottom:20px;

}
.food-img img{

width:100%;

height:100%;

object-fit:cover;

transition:.4s;

}

.food-card:hover img{

transform:scale(1.1);

}
.food-card h3{

color:white;

font-size:30px;

font-family:'Cormorant Garamond',serif;

margin-bottom:8px;

}

.food-card p{

color:#bbb;

margin-bottom:20px;

}

.food-card a{

display:inline-block;

padding:12px 28px;

background:#d4af37;

color:#111;

border-radius:40px;

text-decoration:none;

font-weight:bold;

}

.food-card a:hover{

background:white;

}
@media(max-width:992px){

.food-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.food-grid{

grid-template-columns:1fr;

}

}

/* ========================================
   LUXURY CHECKOUT - COMPLETE CSS
======================================== */
#checkout-checkout, #checkout {
    background: #0a0a0a !important;
    padding: 40px 0 !important;
}

#checkout-checkout .breadcrumb {
    background: #121212 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 4px !important;
    padding: 15px 20px !important;
    margin-bottom: 30px !important;
}
#checkout-checkout .breadcrumb a { color: #c5a059 !important; }
#checkout-checkout .breadcrumb .active { color: #888888 !important; }

/* Progress Bar */
.luxury-checkout-progress {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 40px !important;
    padding: 30px !important;
    background: #121212 !important;
    border-radius: 8px !important;
    border: 1px solid #2a2a2a !important;
    overflow-x: auto !important;
}
.luxury-checkout-progress .progress-step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
    position: relative !important;
    min-width: 80px !important;
}
.luxury-checkout-progress .progress-step::after {
    content: '' !important;
    position: absolute !important;
    top: 20px !important;
    left: 50% !important;
    width: 100% !important;
    height: 2px !important;
    background: #2a2a2a !important;
    z-index: 0 !important;
}
.luxury-checkout-progress .progress-step:last-child::after { display: none !important; }
.luxury-checkout-progress .progress-step.completed::after { background: #c5a059 !important; }

.luxury-checkout-progress .progress-number {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #1a1a1a !important;
    border: 2px solid #2a2a2a !important;
    color: #888888 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    z-index: 1 !important;
    transition: all 0.4s ease !important;
    font-family: 'Cormorant Garamond', serif !important;
}
.luxury-checkout-progress .progress-step.active .progress-number {
    background: linear-gradient(135deg, #c5a059 0%, #a8883e 100%) !important;
    border-color: #c5a059 !important;
    color: #0a0a0a !important;
    box-shadow: 0 0 20px rgba(197, 160, 89, 0.4) !important;
    transform: scale(1.1);
}
.luxury-checkout-progress .progress-step.completed .progress-number {
    background: #c5a059 !important;
    border-color: #c5a059 !important;
    color: #0a0a0a !important;
}
.luxury-checkout-progress .progress-label {
    margin-top: 12px !important;
    color: #888888 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}
.luxury-checkout-progress .progress-step.active .progress-label,
.luxury-checkout-progress .progress-step.completed .progress-label {
    color: #c5a059 !important;
    font-weight: 700 !important;
}

/* Accordion Panels */
.luxury-accordion { border: none !important; }
.luxury-step.panel {
    background: #121212 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.4s ease !important;
}
.luxury-step.panel.active-step {
    border-color: #c5a059 !important;
    box-shadow: 0 8px 30px rgba(197, 160, 89, 0.15) !important;
}
.luxury-panel-heading.panel-heading {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
}
.luxury-step.active-step .luxury-panel-heading.panel-heading {
    background: linear-gradient(135deg, #1f1f1f 0%, #121212 100%) !important;
    border-bottom: 2px solid #c5a059 !important;
}
.luxury-panel-heading .panel-title { margin: 0 !important; }
.luxury-panel-heading .panel-title a {
    display: flex !important;
    align-items: center !important;
    padding: 20px 25px !important;
    color: #e0e0e0 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.luxury-panel-heading .panel-title a:hover {
    color: #c5a059 !important;
    background: rgba(197, 160, 89, 0.05) !important;
}
.luxury-panel-heading .panel-title a .fa-caret-down {
    margin-left: auto !important;
    transition: transform 0.3s ease !important;
    color: #c5a059 !important;
}
.luxury-panel-heading .panel-title a.collapsed .fa-caret-down {
    transform: rotate(-90deg) !important;
    color: #888888 !important;
}

/* STEP NUMBERS VIA CSS (Immune to OpenCart JS overwrites) */
#step-checkout-option .panel-heading .panel-title a::before { content: '01'; }
#step-payment-address .panel-heading .panel-title a::before { content: '02'; }
#step-shipping-address .panel-heading .panel-title a::before { content: '03'; }
#step-shipping-method .panel-heading .panel-title a::before { content: '04'; }
#step-payment-method .panel-heading .panel-title a::before { content: '05'; }
#step-checkout-confirm .panel-heading .panel-title a::before { content: '06'; }

.luxury-panel-heading .panel-title a::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: linear-gradient(135deg, #c5a059 0%, #a8883e 100%) !important;
    color: #0a0a0a !important;
    border-radius: 50% !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-right: 15px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 10px rgba(197, 160, 89, 0.3) !important;
}
.luxury-step.active-step .panel-heading .panel-title a::before {
    background: linear-gradient(135deg, #e0c078 0%, #c5a059 100%) !important;
    box-shadow: 0 4px 15px rgba(197, 160, 89, 0.5) !important;
}

.luxury-panel-body.panel-body {
    background: #0f0f0f !important;
    padding: 30px !important;
    color: #e0e0e0 !important;
}

/* Forms & Inputs */
.luxury-panel-body .form-group { margin-bottom: 25px !important; }
.luxury-panel-body label {
    color: #c5a059 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    display: block !important;
}
.luxury-panel-body .form-control,
.luxury-panel-body input[type="text"],
.luxury-panel-body input[type="email"],
.luxury-panel-body input[type="tel"],
.luxury-panel-body input[type="password"],
.luxury-panel-body select,
.luxury-panel-body textarea {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    color: #ffffff !important;
    padding: 14px 18px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}
.luxury-panel-body .form-control:focus,
.luxury-panel-body input:focus,
.luxury-panel-body select:focus,
.luxury-panel-body textarea:focus {
    border-color: #c5a059 !important;
    background: #222222 !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15) !important;
    outline: none !important;
}
.luxury-panel-body input[type="radio"],
.luxury-panel-body input[type="checkbox"] {
    accent-color: #c5a059 !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
}
.luxury-panel-body .radio label,
.luxury-panel-body .checkbox label {
    color: #e0e0e0 !important;
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    font-size: 15px !important;
    margin-bottom: 0 !important;
}
.luxury-panel-body .radio,
.luxury-panel-body .checkbox {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    margin-bottom: 12px !important;
    transition: all 0.3s ease !important;
}
.luxury-panel-body .radio:hover,
.luxury-panel-body .checkbox:hover {
    border-color: #c5a059 !important;
    background: #222222 !important;
}

/* Buttons */
.luxury-panel-body .btn, #checkout .btn {
    background: linear-gradient(135deg, #c5a059 0%, #a8883e 100%) !important;
    color: #0a0a0a !important;
    border: none !important;
    padding: 14px 35px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}
.luxury-panel-body .btn:hover {
    background: linear-gradient(135deg, #e0c078 0%, #c5a059 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(197, 160, 89, 0.4) !important;
    color: #0a0a0a !important;
}
.luxury-panel-body .btn-default {
    background: transparent !important;
    border: 1px solid #2a2a2a !important;
    color: #e0e0e0 !important;
}
.luxury-panel-body .btn-default:hover {
    border-color: #c5a059 !important;
    color: #c5a059 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
#button-confirm {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    color: #ffffff !important;
    padding: 16px 40px !important;
    font-size: 15px !important;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3) !important;
}
#button-confirm:hover {
    background: linear-gradient(135deg, #2fe075 0%, #15a090 100%) !important;
    box-shadow: 0 12px 30px rgba(37, 211, 102, 0.5) !important;
    color: #ffffff !important;
}

/* Order Summary */
.luxury-panel-body .table, .luxury-panel-body .well {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 6px !important;
}
.luxury-panel-body .table th {
    background: #121212 !important;
    color: #c5a059 !important;
    border-bottom: 2px solid #c5a059 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
}
.luxury-panel-body .table td {
    border-top: 1px solid #2a2a2a !important;
    color: #e0e0e0 !important;
    vertical-align: middle !important;
}
.luxury-panel-body .well { padding: 25px !important; }
.luxury-panel-body .well h4 {
    color: #c5a059 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding-bottom: 15px !important;
}
.luxury-panel-body .well .text-right {
    color: #c5a059 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: 'Cormorant Garamond', serif !important;
}

/* Alerts */
.luxury-panel-body .alert {
    background: rgba(197, 160, 89, 0.1) !important;
    border: 1px solid #c5a059 !important;
    color: #c5a059 !important;
    border-radius: 6px !important;
}
.luxury-panel-body .alert-danger {
    background: rgba(220, 53, 69, 0.1) !important;
    border-color: #dc3545 !important;
    color: #ff6b6b !important;
}
.luxury-panel-body .text-danger {
    color: #ff6b6b !important;
    font-size: 13px !important;
    margin-top: 5px !important;
}

/* Responsive */
@media (max-width: 768px) {
    .luxury-checkout-progress {
        flex-wrap: wrap !important;
        gap: 20px !important;
        padding: 20px !important;
        justify-content: center !important;
    }
    .luxury-checkout-progress .progress-step::after { display: none !important; }
    .luxury-panel-heading .panel-title a { font-size: 16px !important; padding: 15px 20px !important; }
    .luxury-panel-heading .panel-title a::before { width: 30px !important; height: 30px !important; font-size: 15px !important; }
    .luxury-panel-body.panel-body { padding: 20px !important; }
    .luxury-panel-body .btn { width: 100% !important; margin-bottom: 10px !important; }
}