/* ===== CSS VARIABLES ===== */
:root {
    --rsrch-bg-dark: #1a1410;
    --rsrch-bg-medium: #2a211a;
    --rsrch-bg-light: #f5f0ea;
    --rsrch-accent: #c1674d;
    --rsrch-accent-hover: #aa5840;
    --rsrch-text-light: #e8e0d5;
    --rsrch-text-medium: #c9bfb3;
    --rsrch-text-dark: #2a211a;
    --rsrch-border: #3d3228;
    --rsrch-white: #ffffff;
}

/* ===== GLOBAL STYLES ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--rsrch-bg-dark) !important;
    color: var(--rsrch-text-light) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Helvetica Neue', sans-serif !important;
    line-height: 1.6 !important;
}

/* ===== TOP NAVIGATION BAR ===== */
.top-nav {
    background-color: var(--rsrch-bg-medium) !important;
    border-bottom: 1px solid var(--rsrch-border) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Mobile Menu Button */
.top-nav__mobile-menu {
    padding: 1rem 5% !important;
}

.open-mobile-navigation {
    background-color: transparent !important;
    border: none !important;
    color: var(--rsrch-text-light) !important;
    cursor: pointer !important;
    padding: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
}

.open-mobile-navigation:hover {
    color: var(--rsrch-accent) !important;
}

/* Desktop Navigation Links */
.top-nav--links {
    flex: 1 !important;
    padding: 0 1rem !important;
}

.top-nav--links ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.3rem !important;
    flex-wrap: nowrap !important;
}

.top-nav--links ul li {
    display: inline-flex !important;
}

.top-nav--links ul li a,
.top-nav--links a {
    color: var(--rsrch-text-light) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    padding: 0.8rem 1rem !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    background-color: transparent !important;
    border-radius: 4px !important;
}

.top-nav--links ul li a:hover,
.top-nav--links a:hover {
    color: var(--rsrch-white) !important;
    background-color: var(--rsrch-accent) !important;
}

/* Dropdown Buttons */
.top-nav__dropdown-button {
    color: var(--rsrch-text-light) !important;
    background-color: transparent !important;
    border: none !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    padding: 1rem 1.2rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    transition: all 0.3s ease !important;
    border-radius: 4px !important;
}

.top-nav__dropdown-button:hover {
    color: var(--rsrch-white) !important;
    background-color: var(--rsrch-accent) !important;
}

.top-nav__dropdown-arrow {
    width: 12px !important;
    height: 12px !important;
}

/* Dropdown Content */
.top-nav__dropdown-content {
    background-color: var(--rsrch-bg-medium) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.top-nav__dropdown-list {
    list-style: none !important;
    padding: 0.5rem 0 !important;
}

.top-nav__dropdown-list li a {
    color: var(--rsrch-text-light) !important;
    padding: 0.8rem 1.5rem !important;
    display: block !important;
}

.top-nav__dropdown-list li a:hover {
    background-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
}

/* Top Nav Icons (Search & Cart) */
.top-nav__icons {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.8rem 5% !important;
}

.top-nav__icons-search,
.open-search {
    background-color: transparent !important;
    border: none !important;
    color: var(--rsrch-text-light) !important;
    cursor: pointer !important;
    padding: 0.6rem !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.3s ease !important;
    border-radius: 4px !important;
}

.top-nav__icons-search:hover {
    color: var(--rsrch-white) !important;
    background-color: var(--rsrch-accent) !important;
}

.top-nav__icons-cart {
    position: relative !important;
    background-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
    padding: 0.6rem 1.2rem !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}

.top-nav__icons-cart:hover {
    background-color: var(--rsrch-accent-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(193, 103, 77, 0.4) !important;
}

.top-nav__icons-cart span {
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

/* ===== HEADER (STORE NAME/LOGO) ===== */
header,
header[data-bc-hook="header"] {
    background-color: var(--rsrch-bg-dark) !important;
    border-bottom: 1px solid var(--rsrch-border) !important;
    padding: 2.5rem 5% !important;
    text-align: center !important;
}

.header-store-link {
    text-decoration: none !important;
    display: inline-block !important;
}

.header-store-link--text {
    color: var(--rsrch-accent) !important;
    font-size: 3rem !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    transition: color 0.3s ease !important;
}

.header-store-link--text:hover {
    color: var(--rsrch-accent-hover) !important;
}

.store-logo {
    max-height: 150px !important;
    width: auto !important;
}

/* ===== MOBILE NAVIGATION OVERLAY ===== */
#navigation-modal {
    background-color: rgba(26, 20, 16, 0.95) !important;
}

.overlay_background {
    background-color: rgba(26, 20, 16, 0.95) !important;
}

.overlay_content {
    background-color: var(--rsrch-bg-medium) !important;
    border-left: 1px solid var(--rsrch-border) !important;
}

.overlay-page-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.overlay-page-list li {
    border-bottom: 1px solid var(--rsrch-border) !important;
}

.overlay-page-list li a {
    color: var(--rsrch-text-light) !important;
    padding: 1.2rem 2rem !important;
    display: block !important;
    font-size: 1.1rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.overlay-page-list li a:hover {
    color: var(--rsrch-white) !important;
    background-color: var(--rsrch-accent) !important;
}

.close-mobile-navigation {
    color: var(--rsrch-text-light) !important;
    background-color: transparent !important;
    border: none !important;
    padding: 1rem !important;
    cursor: pointer !important;
}

/* ===== MAIN CONTENT ===== */
.site-content,
#content,
main {
    background-color: var(--rsrch-bg-dark) !important;
    padding: 2rem 5% !important;
    min-height: 60vh !important;
}

/* ===== PAGE TITLES ===== */
.page-title,
h1.page-title,
h1 {
    color: var(--rsrch-text-light) !important;
    font-size: 2.5rem !important;
    margin-bottom: 2rem !important;
    text-align: center !important;
    font-weight: 700 !important;
}

h2 {
    color: var(--rsrch-text-light) !important;
    font-size: 2rem !important;
    margin-bottom: 1.5rem !important;
}

h3 {
    color: var(--rsrch-text-light) !important;
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
}

h4, h5, h6 {
    color: var(--rsrch-text-light) !important;
}

p {
    color: var(--rsrch-text-medium) !important;
    line-height: 1.8 !important;
    margin-bottom: 1rem !important;
}

/* ===== PRODUCT GRID ===== */
.product-list-container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.product-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 2rem !important;
    padding: 2rem 0 !important;
}

.product-list-thumb {
    background-color: var(--rsrch-bg-medium) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
}

.product-list-thumb:hover {
    border-color: var(--rsrch-accent) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(193, 103, 77, 0.25) !important;
}

.product-list-image-container {
    width: 100% !important;
    height: 250px !important;
    background: linear-gradient(135deg, #3d3228 0%, #2a211a 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.product-list-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.product-list-thumb-info {
    padding: 1.5rem !important;
    background-color: var(--rsrch-bg-medium) !important;
}

.product-list-thumb-name {
    color: var(--rsrch-text-light) !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
}

.product-list-thumb-price {
    color: var(--rsrch-accent) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin: 1rem 0 !important;
}

.product-list-thumb-options-description {
    color: var(--rsrch-text-medium) !important;
    font-size: 0.9rem !important;
}

/* Product Status Badges */
.product-list-thumb-status {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    background-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
    padding: 0.4rem 1rem !important;
    border-radius: 4px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    z-index: 10 !important;
}

.product-list-thumb-status.status-secondary {
    background-color: var(--rsrch-bg-light) !important;
    color: var(--rsrch-text-dark) !important;
}

.product-list-link {
    text-decoration: none !important;
    color: inherit !important;
}

/* ===== INDIVIDUAL PRODUCT PAGE ===== */
.product-page {
    background-color: var(--rsrch-bg-dark) !important;
    padding: 2rem 5% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.product-title {
    color: var(--rsrch-text-light) !important;
    font-size: 2.5rem !important;
    margin-bottom: 1rem !important;
}

.product-description {
    color: var(--rsrch-text-medium) !important;
    line-height: 1.8 !important;
    margin-bottom: 2rem !important;
    font-size: 1.1rem !important;
}

.product-price,
.price {
    color: var(--rsrch-accent) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 1.5rem 0 !important;
}

.price-suffix {
    color: var(--rsrch-text-medium) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    margin-left: 0.5rem !important;
}

/* Product Options */
.product-options,
.product-option {
    margin: 1.5rem 0 !important;
}

.product-options label,
.product-option label {
    color: var(--rsrch-text-light) !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}

.product-options select,
.product-option select,
select {
    width: 100% !important;
    max-width: 400px !important;
    background-color: var(--rsrch-bg-medium) !important;
    color: var(--rsrch-text-light) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 4px !important;
    padding: 0.8rem !important;
    font-size: 1rem !important;
    cursor: pointer !important;
}

.product-options select:focus,
select:focus {
    border-color: var(--rsrch-accent) !important;
    outline: none !important;
}

/* ===== BUTTONS ===== */
.button,
button,
input[type="submit"],
.add-to-cart {
    background-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0.9rem 1.8rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: var(--rsrch-accent-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(193, 103, 77, 0.4) !important;
}

.button--minimal,
.button-secondary {
    background-color: transparent !important;
    border: 2px solid var(--rsrch-accent) !important;
    color: var(--rsrch-accent) !important;
}

.button--minimal:hover,
.button-secondary:hover {
    background-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
}

/* ===== CART PAGE ===== */
.cart-items {
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 2rem !important;
}

.cart-item {
    background-color: var(--rsrch-bg-medium) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
    margin-bottom: 1rem !important;
    display: grid !important;
    grid-template-columns: 100px 1fr auto auto !important;
    gap: 1.5rem !important;
    align-items: center !important;
}

.cart-item-image-holder {
    width: 100px !important;
    height: 100px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #3d3228 0%, #2a211a 100%) !important;
}

.cart-item-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.cart-item .product-name {
    color: var(--rsrch-text-light) !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
}

.cart-item .option-name {
    color: var(--rsrch-text-medium) !important;
    font-size: 0.9rem !important;
}

.cart-item-unit-price {
    color: var(--rsrch-text-medium) !important;
    font-size: 0.9rem !important;
}

.cart-item-price {
    color: var(--rsrch-accent) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

/* Quantity Controls */
.qty-holder {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background-color: var(--rsrch-bg-dark) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 4px !important;
    padding: 0.3rem !important;
}

.qty-button {
    background-color: transparent !important;
    border: none !important;
    color: var(--rsrch-accent) !important;
    padding: 0.3rem 0.6rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.qty-button:hover {
    color: var(--rsrch-accent-hover) !important;
    background-color: rgba(193, 103, 77, 0.1) !important;
}

.product-quantity {
    width: 60px !important;
    text-align: center !important;
    background-color: transparent !important;
    border: none !important;
    color: var(--rsrch-text-light) !important;
    font-size: 1rem !important;
}

.cart-remove-item {
    color: var(--rsrch-text-medium) !important;
    font-size: 0.9rem !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0.3rem !important;
}

.cart-remove-item:hover {
    color: var(--rsrch-accent) !important;
}

/* Cart Footer */
.cart-footer {
    background-color: var(--rsrch-bg-medium) !important;
    border: 2px solid var(--rsrch-accent) !important;
    border-radius: 8px !important;
    padding: 2rem !important;
    margin-top: 2rem !important;
}

.cart-subtotal {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 1.5rem !important;
}

.cart-subtotal__label {
    color: var(--rsrch-text-light) !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
}

.cart-subtotal__amount {
    color: var(--rsrch-accent) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
}

.cart-empty {
    text-align: center !important;
    padding: 3rem !important;
}

/* Bank Transfer Notice */
.bank-transfer-notice {
    background-color: var(--rsrch-bg-light) !important;
    color: var(--rsrch-text-dark) !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.bank-transfer-notice h3 {
    color: var(--rsrch-text-dark) !important;
    margin-top: 0 !important;
}

/* ===== FORMS & INPUTS ===== */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea {
    background-color: var(--rsrch-bg-medium) !important;
    color: var(--rsrch-text-light) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 4px !important;
    padding: 0.8rem !important;
    font-size: 1rem !important;
    font-family: inherit !important;
}

input:focus,
textarea:focus {
    border-color: var(--rsrch-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(193, 103, 77, 0.1) !important;
}

label {
    color: var(--rsrch-text-light) !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}

/* Contact Form */
.contact-form {
    max-width: 600px !important;
    margin: 0 auto !important;
    background-color: var(--rsrch-bg-medium) !important;
    padding: 2rem !important;
    border-radius: 8px !important;
    border: 1px solid var(--rsrch-border) !important;
}

.contact-form-block {
    margin-bottom: 1.5rem !important;
}

/* ===== CATEGORY NAVIGATION ===== */
.category-navigation {
    margin: 2rem 0 !important;
    text-align: center !important;
}

.category-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    display: flex !important;
    gap: 1rem !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.category-navigation li {
    margin: 0 !important;
}

.category-navigation a {
    color: var(--rsrch-text-light) !important;
    background-color: var(--rsrch-bg-medium) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 4px !important;
    padding: 0.6rem 1.2rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.category-navigation a:hover,
.category-navigation .selected a {
    background-color: var(--rsrch-accent) !important;
    border-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
}

/* ===== MESSAGE BANNERS ===== */
.message-banner {
    background-color: var(--rsrch-bg-light) !important;
    color: var(--rsrch-text-dark) !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
    margin-bottom: 2rem !important;
    text-align: center !important;
}

.message-banner--errors {
    background-color: #fee !important;
    color: #c00 !important;
    border: 1px solid #fcc !important;
}

.message-banner--no-bg {
    background-color: transparent !important;
    color: var(--rsrch-text-medium) !important;
}

/* ===== ANNOUNCEMENT BAR ===== */
.announcement-message {
    background: linear-gradient(135deg, var(--rsrch-accent) 0%, var(--rsrch-accent-hover) 100%) !important;
    color: var(--rsrch-white) !important;
    padding: 1rem 5% !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    position: relative !important;
}

.announcement-message__text {
    color: var(--rsrch-white) !important;
}

.announcement-message__close-button {
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: transparent !important;
    border: none !important;
    color: var(--rsrch-white) !important;
    cursor: pointer !important;
    padding: 0.3rem !important;
}

/* ===== PAGINATION ===== */
.pagination {
    display: flex !important;
    gap: 0.5rem !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 3rem 0 !important;
    flex-wrap: wrap !important;
}

.pagination a,
.pagination span,
.page-link,
.page-numbers {
    background-color: var(--rsrch-bg-medium) !important;
    color: var(--rsrch-text-light) !important;
    border: 1px solid var(--rsrch-border) !important;
    border-radius: 4px !important;
    padding: 0.6rem 1rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    min-width: 40px !important;
    text-align: center !important;
}

.pagination a:hover {
    background-color: var(--rsrch-accent) !important;
    border-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
}

.pagination .current {
    background-color: var(--rsrch-accent) !important;
    color: var(--rsrch-white) !important;
    border-color: var(--rsrch-accent) !important;
}

.page-link.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* ===== FOOTER ===== */
footer,
.site-footer {
    background-color: var(--rsrch-bg-dark) !important;
    border-top: 1px solid var(--rsrch-border) !important;
    padding: 3rem 5% 1.5rem !important;
    color: var(--rsrch-text-medium) !important;
}

footer .wrapper {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 2rem !important;
}

footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

footer ul li {
    margin-bottom: 0.5rem !important;
}

footer h4 {
    color: var(--rsrch-accent) !important;
    font-size: 1.2rem !important;
    margin-bottom: 1rem !important;
}

footer a {
    color: var(--rsrch-text-medium) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

footer a:hover {
    color: var(--rsrch-accent) !important;
}

footer p {
    color: var(--rsrch-text-medium) !important;
    margin-bottom: 0.5rem !important;
}

/* ===== LINKS ===== */
a {
    color: var(--rsrch-accent) !important;
    transition: color 0.3s ease !important;
}

a:hover {
    color: var(--rsrch-accent-hover) !important;
}

/* ===== SEARCH ===== */
input[type="search"] {
    width: 100% !important;
}

/* ===== RESPONSIVE - MOBILE ===== */
@media (max-width: 768px) {
    /* ULTRA-SPECIFIC: Hide desktop nav on mobile */
    body div.top-nav nav.top-nav--links,
    body div.top-nav .top-nav--links,
    body .top-nav nav.top-nav--links,
    body .top-nav .top-nav--links,
    .top-nav nav.top-nav--links,
    .top-nav .top-nav--links,
    nav.top-nav--links {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* ULTRA-SPECIFIC: Show mobile menu button */
    body div.top-nav div.top-nav__mobile-menu,
    body div.top-nav .top-nav__mobile-menu,
    body .top-nav .top-nav__mobile-menu,
    .top-nav .top-nav__mobile-menu,
    div.top-nav__mobile-menu {
        display: flex !important;
        visibility: visible !important;
    }
    
    /* Adjust top nav layout on mobile */
    .top-nav {
        justify-content: space-between !important;
    }
    
    .top-nav__icons {
        padding: 0.8rem 5% 0.8rem 0 !important;
    }
    
    /* Header */
    header,
    header[data-bc-hook="header"] {
        padding: 1.5rem 5% !important;
    }
    
    .header-store-link--text {
        font-size: 2rem !important;
    }
    
    /* Page titles */
    .page-title,
    h1.page-title {
        font-size: 2rem !important;
    }
    
    /* Product grid */
    .product-list {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    /* Cart */
    .cart-item {
        grid-template-columns: 80px 1fr !important;
        gap: 1rem !important;
    }
    
    .cart-item-image-holder {
        width: 80px !important;
        height: 80px !important;
    }
    
    .cart-item-price,
    .cart-qty {
        grid-column: 1 / -1 !important;
    }
    
    /* Buttons */
    .button,
    button {
        padding: 0.8rem 1.5rem !important;
        font-size: 0.95rem !important;
    }
}

/* Desktop: Show nav, hide mobile button */
@media (min-width: 769px) {
    /* ULTRA-SPECIFIC: Hide mobile button on desktop */
    body div.top-nav div.top-nav__mobile-menu,
    body div.top-nav .top-nav__mobile-menu,
    body .top-nav .top-nav__mobile-menu,
    .top-nav .top-nav__mobile-menu,
    div.top-nav__mobile-menu {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* CRITICAL: Hide the mobile navigation modal on desktop */
    #navigation-modal,
    div#navigation-modal,
    [id="navigation-modal"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* ULTRA-SPECIFIC: Show desktop nav */
    body div.top-nav nav.top-nav--links,
    body div.top-nav .top-nav--links,
    body .top-nav .top-nav--links,
    .top-nav .top-nav--links,
    nav.top-nav--links {
        display: block !important;
        visibility: visible !important;
    }
}

/* ===== UTILITY CLASSES ===== */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
}