/*
Theme Name: Maxxer Biotech Research Child
Theme URI: https://maxxerbiotech.com
Description: Child theme for Maxxer Biotech Research Labs - Premium Research Peptides Store. Built on Astra base theme.
Author: Maxxer Biotech Research
Author URI: https://maxxerbiotech.com
Template: astra
Version: 1.0.0
Tags: woocommerce, research, peptides, dark, premium
Text Domain: maxxer-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* =============================================
   MAXXER BIOTECH RESEARCH - CHILD THEME CSS
   Based on: Olympex Solutions visual reference
   Primary: Dark biotech / premium lab aesthetic
   ============================================= */

/* === GOOGLE FONTS IMPORT === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap');

/* === CSS CUSTOM PROPERTIES (DESIGN TOKENS) === */
:root {
    /* Brand Colors */
    --maxxer-black:         #0E0E0E;   /* Primary background - matches scraped theme-color */
    --maxxer-dark:          #141414;
    --maxxer-dark-2:        #1A1A1A;
    --maxxer-dark-3:        #222222;
    --maxxer-card:          #181818;
    --maxxer-border:        #2A2A2A;
    --maxxer-border-light:  #333333;

    /* Accent Colors */
    --maxxer-white:         #FFFFFF;
    --maxxer-off-white:     #F5F5F5;
    --maxxer-grey:          #888888;
    --maxxer-grey-light:    #AAAAAA;
    --maxxer-accent:        #C8A96E;   /* Premium gold accent */
    --maxxer-accent-light:  #D4B97E;
    --maxxer-accent-dark:   #A88A50;
    --maxxer-green:         #2ECC71;   /* Trust/verified green */
    --maxxer-green-dark:    #27AE60;
    --maxxer-red:           #E74C3C;   /* Warning/disclaimer red */

    /* Typography */
    --font-primary:   'Inter', sans-serif;
    --font-heading:   'Space Grotesk', sans-serif;
    --font-display:   'Rajdhani', sans-serif;

    /* Spacing */
    --section-padding: 80px 0;
    --container-max:   1280px;

    /* Effects */
    --transition-fast:   0.15s ease;
    --transition-med:    0.3s ease;
    --transition-slow:   0.5s ease;
    --shadow-card:       0 4px 24px rgba(0,0,0,0.4);
    --shadow-hover:      0 8px 40px rgba(0,0,0,0.6);
    --glow-accent:       0 0 20px rgba(200,169,110,0.15);
    --radius-sm:         4px;
    --radius-md:         8px;
    --radius-lg:         12px;
}

/* === BASE RESET & BODY === */
*, *::before, *::after { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    background-color: var(--maxxer-black) !important;
    color: var(--maxxer-white) !important;
    font-family: var(--font-primary) !important;
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* === TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading) !important;
    color: var(--maxxer-white) !important;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

h1 { font-size: clamp(2rem, 5vw, 4rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.5rem); }
h3 { font-size: clamp(1.2rem, 2vw, 1.75rem); }
h4 { font-size: 1.25rem; }

p {
    color: var(--maxxer-grey-light);
    line-height: 1.7;
    margin-bottom: 1em;
}

a {
    color: var(--maxxer-accent);
    text-decoration: none;
    transition: color var(--transition-fast);
}
a:hover { color: var(--maxxer-accent-light); }

/* === CONTAINER === */
.ast-container,
.entry-content,
.site-content {
    max-width: var(--container-max) !important;
}

/* === ANNOUNCEMENT BAR === */
#maxxer-announcement-bar {
    background: var(--maxxer-dark-2);
    border-bottom: 1px solid var(--maxxer-border);
    padding: 10px 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: var(--maxxer-grey-light);
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

#maxxer-announcement-bar .ticker-wrap {
    display: inline-block;
    animation: ticker 40s linear infinite;
}

@keyframes ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

#maxxer-announcement-bar span {
    color: var(--maxxer-accent);
    font-weight: 600;
}

/* === HEADER / NAVIGATION === */
#masthead,
.site-header,
.ast-primary-header-bar {
    background: rgba(14,14,14,0.97) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--maxxer-border) !important;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 0 !important;
}

.ast-site-header-sticky-element--move .site-header {
    background: rgba(14,14,14,0.98) !important;
}

/* Logo */
.site-branding .site-title a,
.ast-site-identity .site-title a {
    font-family: var(--font-display) !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    color: var(--maxxer-white) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.custom-logo {
    max-height: 50px;
    width: auto;
}

/* Primary Nav */
.main-navigation a,
.ast-primary-menu > li > a,
#ast-hf-menu-1 .menu-item > a {
    font-family: var(--font-heading) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--maxxer-grey-light) !important;
    padding: 28px 16px !important;
    transition: color var(--transition-fast) !important;
}

.main-navigation a:hover,
.ast-primary-menu > li > a:hover,
.ast-primary-menu > li.current-menu-item > a {
    color: var(--maxxer-white) !important;
    background: transparent !important;
}

/* Nav Cart Icon */
.ast-cart-menu-wrap .count {
    background: var(--maxxer-accent) !important;
    color: var(--maxxer-black) !important;
    font-weight: 700 !important;
}

/* === HERO SECTION === */
.maxxer-hero {
    background: var(--maxxer-black);
    min-height: 90vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.maxxer-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(ellipse 60% 50% at 70% 50%, rgba(200,169,110,0.06) 0%, transparent 70%),
        radial-gradient(ellipse 40% 60% at 20% 80%, rgba(200,169,110,0.04) 0%, transparent 60%);
    pointer-events: none;
}

.maxxer-hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(200,169,110,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(200,169,110,0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
    opacity: 0.6;
}

.maxxer-hero-content {
    position: relative;
    z-index: 2;
    max-width: 700px;
}

.maxxer-hero-eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--maxxer-accent);
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.maxxer-hero-eyebrow::before {
    content: '';
    width: 30px;
    height: 1px;
    background: var(--maxxer-accent);
    display: inline-block;
}

.maxxer-hero h1 {
    font-family: var(--font-display) !important;
    font-size: clamp(3rem, 7vw, 6rem) !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.0 !important;
    margin-bottom: 24px;
}

.maxxer-hero h1 span {
    color: var(--maxxer-accent);
}

.maxxer-hero-sub {
    font-size: 1.1rem;
    color: var(--maxxer-grey);
    max-width: 500px;
    margin-bottom: 40px;
    font-weight: 300;
    line-height: 1.7;
}

.maxxer-hero-badges {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.maxxer-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--maxxer-grey-light);
    padding: 8px 14px;
    border: 1px solid var(--maxxer-border-light);
    border-radius: var(--radius-sm);
    background: rgba(255,255,255,0.02);
}

.maxxer-badge .icon {
    color: var(--maxxer-green);
    font-size: 14px;
}

/* === BUTTONS === */
.btn-maxxer-primary,
.maxxer-hero .wp-block-button .wp-block-button__link,
.btn-primary {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    background: var(--maxxer-white) !important;
    color: var(--maxxer-black) !important;
    font-family: var(--font-heading) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 16px 32px !important;
    border-radius: var(--radius-sm) !important;
    border: 2px solid var(--maxxer-white) !important;
    cursor: pointer;
    transition: all var(--transition-med) !important;
    text-decoration: none !important;
}

.btn-maxxer-primary:hover {
    background: transparent !important;
    color: var(--maxxer-white) !important;
    box-shadow: var(--glow-accent);
}

.btn-maxxer-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    color: var(--maxxer-white);
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 14px 30px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--maxxer-border-light);
    cursor: pointer;
    transition: all var(--transition-med);
}

.btn-maxxer-secondary:hover {
    border-color: var(--maxxer-accent);
    color: var(--maxxer-accent);
}

/* WooCommerce Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: var(--maxxer-white) !important;
    color: var(--maxxer-black) !important;
    font-family: var(--font-heading) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 14px 24px !important;
    border-radius: var(--radius-sm) !important;
    border: 2px solid var(--maxxer-white) !important;
    transition: all var(--transition-med) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: transparent !important;
    color: var(--maxxer-white) !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.wc-block-components-checkout-place-order-button {
    background: var(--maxxer-accent) !important;
    color: var(--maxxer-black) !important;
    border-color: var(--maxxer-accent) !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background: var(--maxxer-accent-dark) !important;
    border-color: var(--maxxer-accent-dark) !important;
    color: var(--maxxer-black) !important;
}

/* === PRODUCT CARDS === */
.woocommerce ul.products li.product,
.products .product {
    background: var(--maxxer-card) !important;
    border: 1px solid var(--maxxer-border) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden;
    transition: all var(--transition-med) !important;
    position: relative;
}

.woocommerce ul.products li.product:hover {
    border-color: var(--maxxer-border-light) !important;
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-4px);
}

.woocommerce ul.products li.product img {
    background: var(--maxxer-dark-3);
    padding: 20px;
    transition: transform var(--transition-med);
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.03);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--maxxer-white) !important;
    padding: 12px 16px 4px !important;
}

.woocommerce ul.products li.product .price {
    color: var(--maxxer-accent) !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 16px !important;
}

.woocommerce ul.products li.product .price del {
    color: var(--maxxer-grey) !important;
    font-size: 12px !important;
}

.woocommerce ul.products li.product a.button {
    margin: 12px 16px 16px !important;
    width: calc(100% - 32px) !important;
    text-align: center !important;
    justify-content: center !important;
}

/* Research Use Only Badge on Products */
.woocommerce ul.products li.product::after {
    content: 'FOR RESEARCH USE ONLY';
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(14,14,14,0.9);
    color: var(--maxxer-accent);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 4px 8px;
    border-radius: 2px;
    border: 1px solid var(--maxxer-accent);
    z-index: 2;
    pointer-events: none;
}

/* Sale Badge */
.woocommerce ul.products li.product .onsale {
    background: var(--maxxer-red) !important;
    color: var(--maxxer-white) !important;
    font-family: var(--font-heading) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    border-radius: 2px !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    min-height: auto !important;
    line-height: 1 !important;
    padding: 5px 8px !important;
}

/* === SINGLE PRODUCT PAGE === */
.woocommerce div.product {
    background: var(--maxxer-card);
    border-radius: var(--radius-lg);
    padding: 40px;
    border: 1px solid var(--maxxer-border);
}

.woocommerce div.product .product_title {
    font-family: var(--font-display) !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: var(--maxxer-white) !important;
    margin-bottom: 8px !important;
}

.woocommerce div.product .price {
    font-size: 1.8rem !important;
    color: var(--maxxer-accent) !important;
    font-weight: 700 !important;
    font-family: var(--font-heading) !important;
}

/* Product Disclaimer Banner on Single Product */
.maxxer-product-disclaimer {
    background: rgba(231, 76, 60, 0.08);
    border: 1px solid rgba(231, 76, 60, 0.3);
    border-radius: var(--radius-md);
    padding: 16px 20px;
    margin: 20px 0;
    font-size: 12px;
    color: #E8A89F;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.5;
}

.maxxer-product-disclaimer strong {
    color: var(--maxxer-red);
    font-weight: 700;
}

/* WooCommerce Product Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent;
    border-bottom: 1px solid var(--maxxer-border);
    padding: 0;
    margin: 0 0 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: var(--maxxer-accent) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: var(--font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--maxxer-grey) !important;
    padding: 12px 20px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--maxxer-white) !important;
    background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background: var(--maxxer-dark-2);
    border-radius: var(--radius-md);
    padding: 30px;
    border: 1px solid var(--maxxer-border);
}

/* === SHOP / CATEGORY PAGES === */
.woocommerce-products-header__title,
.woocommerce .page-title,
.shop-header h1 {
    font-family: var(--font-display) !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
}

/* Filters / Sidebar */
.widget_layered_nav ul li a,
.woocommerce-widget-layered-nav-list a {
    color: var(--maxxer-grey-light);
    font-size: 13px;
    transition: color var(--transition-fast);
}

.widget_layered_nav ul li a:hover {
    color: var(--maxxer-white);
}

/* Sort dropdown */
.woocommerce-ordering select {
    background: var(--maxxer-dark-2);
    color: var(--maxxer-white);
    border: 1px solid var(--maxxer-border);
    border-radius: var(--radius-sm);
    padding: 10px 16px;
    font-family: var(--font-primary);
    font-size: 13px;
}

/* === CART & CHECKOUT === */
.woocommerce-cart-form,
.woocommerce-checkout,
#order_review {
    background: var(--maxxer-card);
    border: 1px solid var(--maxxer-border);
    border-radius: var(--radius-lg);
    padding: 40px;
}

.woocommerce table.shop_table {
    border: 1px solid var(--maxxer-border) !important;
    border-radius: var(--radius-md);
    overflow: hidden;
}

.woocommerce table.shop_table th {
    background: var(--maxxer-dark-3);
    color: var(--maxxer-white);
    font-family: var(--font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 16px 20px;
    border-color: var(--maxxer-border) !important;
}

.woocommerce table.shop_table td {
    border-color: var(--maxxer-border) !important;
    padding: 16px 20px;
    color: var(--maxxer-grey-light);
}

/* Checkout Fields */
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce .form-row input,
.woocommerce .form-row select {
    background: var(--maxxer-dark-2) !important;
    border: 1px solid var(--maxxer-border) !important;
    color: var(--maxxer-white) !important;
    border-radius: var(--radius-sm) !important;
    padding: 14px 16px !important;
    font-family: var(--font-primary) !important;
    font-size: 14px !important;
    transition: border-color var(--transition-fast) !important;
    width: 100% !important;
}

.woocommerce .form-row input:focus,
.woocommerce .form-row select:focus,
.woocommerce .form-row textarea:focus {
    border-color: var(--maxxer-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(200,169,110,0.1) !important;
}

.woocommerce .form-row label {
    color: var(--maxxer-grey-light) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Compliance Checkbox */
#maxxer_research_only_agreement,
.maxxer-compliance-checkbox {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--maxxer-accent);
    margin-right: 10px;
    cursor: pointer;
}

.maxxer-checkout-compliance {
    background: rgba(200,169,110,0.06);
    border: 1px solid rgba(200,169,110,0.2);
    border-radius: var(--radius-md);
    padding: 20px 24px;
    margin: 24px 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.maxxer-checkout-compliance label {
    font-size: 13px !important;
    color: var(--maxxer-grey-light) !important;
    line-height: 1.5 !important;
    cursor: pointer;
    font-weight: 400 !important;
}

.maxxer-checkout-compliance label strong {
    color: var(--maxxer-white);
    font-weight: 600;
}

/* === DISCLAIMER BARS === */
/* Fixed Footer Disclaimer */
#maxxer-fixed-disclaimer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(14,14,14,0.97);
    backdrop-filter: blur(8px);
    border-top: 1px solid var(--maxxer-border);
    padding: 10px 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: var(--maxxer-grey);
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

#maxxer-fixed-disclaimer strong {
    color: var(--maxxer-accent);
    text-transform: uppercase;
}

#maxxer-fixed-disclaimer .dismiss-btn {
    background: none;
    border: none;
    color: var(--maxxer-grey);
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 4px;
    opacity: 0.6;
    transition: opacity var(--transition-fast);
    position: absolute;
    right: 16px;
}

#maxxer-fixed-disclaimer .dismiss-btn:hover {
    opacity: 1;
}

/* Product Page Top Disclaimer Banner */
.maxxer-product-top-disclaimer {
    background: linear-gradient(135deg, rgba(231,76,60,0.06), rgba(200,169,110,0.04));
    border: 1px solid rgba(231,76,60,0.25);
    border-left: 3px solid var(--maxxer-red);
    border-radius: var(--radius-md);
    padding: 14px 18px;
    font-size: 11px;
    color: #C0A090;
    letter-spacing: 0.04em;
    line-height: 1.6;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Cart Disclaimer */
.maxxer-cart-disclaimer {
    background: var(--maxxer-dark-2);
    border: 1px solid var(--maxxer-border);
    border-radius: var(--radius-md);
    padding: 16px 20px;
    font-size: 11px;
    color: var(--maxxer-grey);
    text-align: center;
    letter-spacing: 0.03em;
    line-height: 1.6;
    margin: 20px 0;
}

/* === AGE GATE MODAL === */
#maxxer-age-gate {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.95);
    backdrop-filter: blur(20px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.maxxer-age-gate-box {
    background: var(--maxxer-dark);
    border: 1px solid var(--maxxer-border);
    border-radius: var(--radius-lg);
    padding: 60px 50px;
    max-width: 520px;
    width: 100%;
    text-align: center;
    box-shadow: var(--shadow-hover);
    position: relative;
}

.maxxer-age-gate-box::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, rgba(200,169,110,0.2), transparent 60%);
    z-index: -1;
    pointer-events: none;
}

.maxxer-age-gate-logo {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--maxxer-white);
    margin-bottom: 8px;
}

.maxxer-age-gate-logo span {
    color: var(--maxxer-accent);
}

.maxxer-age-gate-divider {
    width: 40px;
    height: 1px;
    background: var(--maxxer-accent);
    margin: 16px auto 32px;
}

.maxxer-age-gate-box h2 {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    color: var(--maxxer-white) !important;
}

.maxxer-age-gate-box p {
    font-size: 13px;
    color: var(--maxxer-grey);
    line-height: 1.6;
    margin-bottom: 32px;
}

.maxxer-age-gate-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.maxxer-age-gate-buttons .btn-yes {
    background: var(--maxxer-white);
    color: var(--maxxer-black);
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 16px 36px;
    border-radius: var(--radius-sm);
    border: 2px solid var(--maxxer-white);
    cursor: pointer;
    transition: all var(--transition-med);
}

.maxxer-age-gate-buttons .btn-yes:hover {
    background: transparent;
    color: var(--maxxer-white);
}

.maxxer-age-gate-buttons .btn-no {
    background: transparent;
    color: var(--maxxer-grey);
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 14px 24px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--maxxer-border);
    cursor: pointer;
    transition: all var(--transition-med);
}

.maxxer-age-gate-disclaimer {
    margin-top: 24px;
    font-size: 10px;
    color: var(--maxxer-grey);
    opacity: 0.6;
    line-height: 1.5;
}

/* === TRUST SECTION === */
.maxxer-trust-section {
    background: var(--maxxer-dark-2);
    border-top: 1px solid var(--maxxer-border);
    border-bottom: 1px solid var(--maxxer-border);
    padding: 60px 0;
}

.maxxer-trust-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
    text-align: center;
}

.maxxer-trust-item .icon {
    font-size: 2rem;
    margin-bottom: 12px;
    display: block;
}

.maxxer-trust-item h4 {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 8px !important;
}

.maxxer-trust-item p {
    font-size: 13px;
    color: var(--maxxer-grey);
    margin: 0;
    line-height: 1.5;
}

/* === CATEGORY CARDS === */
.maxxer-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.maxxer-category-card {
    background: var(--maxxer-card);
    border: 1px solid var(--maxxer-border);
    border-radius: var(--radius-md);
    padding: 40px 30px;
    text-align: center;
    transition: all var(--transition-med);
    cursor: pointer;
    text-decoration: none;
    display: block;
}

.maxxer-category-card:hover {
    border-color: var(--maxxer-accent);
    box-shadow: var(--glow-accent);
    transform: translateY(-4px);
}

.maxxer-category-card .cat-count {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--maxxer-accent);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.maxxer-category-card h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

/* === SITE FOOTER === */
.site-footer,
#colophon {
    background: var(--maxxer-dark) !important;
    border-top: 1px solid var(--maxxer-border) !important;
    padding: 60px 0 20px !important;
}

.maxxer-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 60px;
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .maxxer-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

@media (max-width: 480px) {
    .maxxer-footer-grid {
        grid-template-columns: 1fr;
    }
}

.footer-brand-name {
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--maxxer-white);
    margin-bottom: 12px;
}

.footer-brand-name span { color: var(--maxxer-accent); }

.footer-disclaimer-text {
    font-size: 11px;
    color: var(--maxxer-grey);
    line-height: 1.7;
    margin-bottom: 20px;
    max-width: 340px;
}

.footer-col-title {
    font-family: var(--font-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--maxxer-grey);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--maxxer-border);
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav li { margin-bottom: 10px; }

.footer-nav a {
    font-size: 13px;
    color: var(--maxxer-grey-light);
    transition: color var(--transition-fast);
    text-decoration: none;
}

.footer-nav a:hover { color: var(--maxxer-white); }

.maxxer-footer-bottom {
    border-top: 1px solid var(--maxxer-border);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 60px; /* Space for fixed disclaimer bar */
}

.maxxer-footer-bottom p {
    font-size: 11px;
    color: var(--maxxer-grey);
    margin: 0;
}

.maxxer-footer-bottom .legal-links {
    display: flex;
    gap: 20px;
}

.maxxer-footer-bottom .legal-links a {
    font-size: 11px;
    color: var(--maxxer-grey);
    transition: color var(--transition-fast);
}

.maxxer-footer-bottom .legal-links a:hover {
    color: var(--maxxer-white);
}

.maxxer-footer-legal {
    background: rgba(200,169,110,0.04);
    border: 1px solid rgba(200,169,110,0.1);
    border-radius: var(--radius-md);
    padding: 20px;
    margin-bottom: 30px;
    font-size: 11px;
    color: var(--maxxer-grey);
    line-height: 1.7;
}

/* === FORMS === */
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    background: var(--maxxer-dark-2) !important;
    border: 1px solid var(--maxxer-border) !important;
    color: var(--maxxer-white) !important;
    border-radius: var(--radius-sm) !important;
    padding: 14px 16px !important;
    font-family: var(--font-primary) !important;
    font-size: 14px !important;
    width: 100% !important;
    transition: border-color var(--transition-fast) !important;
}

input:focus, textarea:focus, select:focus {
    border-color: var(--maxxer-accent) !important;
    outline: none !important;
}

/* === WIDGETS === */
.widget-title {
    font-family: var(--font-heading) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: var(--maxxer-grey) !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--maxxer-border);
}

/* === NOTICES === */
.woocommerce-info,
.woocommerce-message {
    background: var(--maxxer-dark-2) !important;
    border-top-color: var(--maxxer-accent) !important;
    color: var(--maxxer-grey-light) !important;
}

.woocommerce-error {
    background: rgba(231,76,60,0.08) !important;
    border-top-color: var(--maxxer-red) !important;
    color: #E8A89F !important;
}

/* === SECTION UTILITIES === */
.maxxer-section {
    padding: var(--section-padding);
}

.maxxer-section-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--maxxer-accent);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.maxxer-section-label::before {
    content: '';
    width: 24px;
    height: 1px;
    background: var(--maxxer-accent);
}

.maxxer-section-title {
    font-family: var(--font-display) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.maxxer-divider {
    width: 40px;
    height: 2px;
    background: var(--maxxer-accent);
    margin: 16px 0 32px;
}

.text-accent { color: var(--maxxer-accent); }
.text-grey   { color: var(--maxxer-grey); }
.text-upper  { text-transform: uppercase; letter-spacing: 0.08em; }
.bg-dark     { background: var(--maxxer-dark-2); }
.bg-card     { background: var(--maxxer-card); }

/* === BLOG / ARTICLES === */
.entry-header .entry-title {
    font-family: var(--font-heading) !important;
    font-size: clamp(1.8rem, 4vw, 3rem) !important;
    color: var(--maxxer-white) !important;
}

.ast-blog-post-element {
    background: var(--maxxer-card);
    border: 1px solid var(--maxxer-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all var(--transition-med);
}

.ast-blog-post-element:hover {
    border-color: var(--maxxer-border-light);
    box-shadow: var(--shadow-hover);
    transform: translateY(-4px);
}

/* === RESPONSIVE === */
@media (max-width: 1024px) {
    .woocommerce div.product { padding: 24px; }
}

@media (max-width: 768px) {
    :root { --section-padding: 60px 0; }
    .maxxer-age-gate-box { padding: 40px 24px; }
    .maxxer-age-gate-buttons { flex-direction: column; }
    .maxxer-hero h1 { font-size: 2.5rem !important; }
    #maxxer-fixed-disclaimer { font-size: 9px; padding: 8px 12px; }
    .maxxer-footer-bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
    .woocommerce div.product { padding: 16px; }
    .maxxer-trust-grid { grid-template-columns: 1fr 1fr; }
}

/* === PRINT === */
@media print {
    #maxxer-age-gate,
    #maxxer-fixed-disclaimer,
    #maxxer-announcement-bar { display: none !important; }
}
/* ============================================================
   MAXXER BIOTECH RESEARCH — WOOCOMMERCE DARK THEME
   Paste into WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ── GLOBAL PAGE BODY ── */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
    color: #e0e0e0;
}

body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-order-received {
    background: #000;
    color: #e0e0e0;
}

/* ── HEADINGS ── */
body.woocommerce-cart h1, body.woocommerce-cart h2, body.woocommerce-cart h3,
body.woocommerce-checkout h1, body.woocommerce-checkout h2, body.woocommerce-checkout h3,
body.woocommerce-account h1, body.woocommerce-account h2, body.woocommerce-account h3,
body.woocommerce-order-received h1, body.woocommerce-order-received h2, body.woocommerce-order-received h3 {
    font-family: 'Bebas Neue', sans-serif;
    color: #fff;
    letter-spacing: 0.04em;
}

/* ── WOOCOMMERCE NOTICES ── */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-info {
    background: #111 !important;
    border-top: 3px solid #c9a84c !important;
    color: #e0e0e0 !important;
}

.woocommerce-notices-wrapper .woocommerce-error {
    background: #1a0000 !important;
    border-top: 3px solid #cc3333 !important;
    color: #ffaaaa !important;
    list-style: none;
}

.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-info a {
    color: #c9a84c;
}

/* ── CART TABLE ── */
.woocommerce table.shop_table {
    background: #0a0a0a;
    border: 1px solid #222;
    border-collapse: collapse;
    color: #e0e0e0;
}

.woocommerce table.shop_table th {
    background: #111;
    color: #fff;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 14px;
    letter-spacing: 0.08em;
    border-bottom: 1px solid #222;
    padding: 14px 16px;
    text-transform: uppercase;
}

.woocommerce table.shop_table td {
    border-bottom: 1px solid #1a1a1a;
    padding: 16px;
    vertical-align: middle;
    color: #e0e0e0;
    background: transparent;
}

.woocommerce table.shop_table .cart_item:hover td {
    background: #0d0d0d;
}

/* ── CART PRODUCT NAME & PRICE ── */
.woocommerce-cart-form .cart_item .product-name a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}

.woocommerce-cart-form .cart_item .product-name a:hover {
    color: #c9a84c;
}

.woocommerce-cart-form .cart_item .product-price .amount,
.woocommerce-cart-form .cart_item .product-subtotal .amount {
    color: #c9a84c;
    font-weight: 600;
}

/* ── REMOVE ITEM BUTTON ── */
.woocommerce-cart-form a.remove {
    color: #555 !important;
    font-size: 20px;
    transition: color 0.2s;
}

.woocommerce-cart-form a.remove:hover {
    color: #cc3333 !important;
    background: transparent;
}

/* ── QUANTITY INPUT ── */
.woocommerce .quantity .qty {
    background: #111;
    border: 1px solid #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 8px 12px;
    width: 70px;
    font-size: 14px;
}

.woocommerce .quantity .qty:focus {
    outline: none;
    border-color: #c9a84c;
}

/* ── COUPON & UPDATE CART ── */
.woocommerce-cart-form .coupon input[type='text'] {
    background: #111;
    border: 1px solid #333;
    color: #e0e0e0;
    padding: 10px 14px;
    border-radius: 2px;
    height: auto;
    font-size: 13px;
}

.woocommerce-cart-form .coupon input[type='text']::placeholder {
    color: #555;
}

.woocommerce-cart-form .coupon input[type='text']:focus {
    outline: none;
    border-color: #c9a84c;
    background: #151515;
}

/* ── ALL WOOCOMMERCE BUTTONS ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: transparent;
    border: 1px solid #444;
    color: #e0e0e0;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 14px;
    letter-spacing: 0.08em;
    padding: 12px 24px;
    border-radius: 2px;
    transition: all 0.2s;
    cursor: pointer;
    text-transform: uppercase;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background: #111;
    border-color: #c9a84c;
    color: #fff;
}

/* ── PRIMARY / CTA BUTTONS ── */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce .checkout-button {
    background: #c9a84c !important;
    border: 1px solid #c9a84c !important;
    color: #000 !important;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 16px;
    letter-spacing: 0.1em;
    padding: 16px 32px;
    border-radius: 2px;
    font-weight: 700;
    transition: all 0.2s;
    text-transform: uppercase;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover {
    background: #e0c060 !important;
    border-color: #e0c060 !important;
    color: #000 !important;
    transform: translateY(-1px);
}

/* ── CART TOTALS BOX ── */
.woocommerce .cart-collaterals,
.woocommerce .cart_totals {
    background: #0a0a0a;
}

.woocommerce .cart_totals h2 {
    font-family: 'Bebas Neue', sans-serif;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #222;
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.woocommerce .cart_totals table {
    background: #111;
    border: 1px solid #222;
    color: #e0e0e0;
}

.woocommerce .cart_totals table th {
    background: #111;
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 1px solid #1a1a1a;
    padding: 12px 16px;
}

.woocommerce .cart_totals table td {
    background: #111;
    border-bottom: 1px solid #1a1a1a;
    color: #e0e0e0;
    padding: 12px 16px;
}

.woocommerce .cart_totals .order-total .amount {
    color: #c9a84c;
    font-size: 20px;
    font-weight: 700;
}

/* ── CHECKOUT PAGE ── */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
    color: #e0e0e0;
}

.woocommerce-checkout h3 {
    font-family: 'Bebas Neue', sans-serif;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* ── CHECKOUT FORM FIELDS ── */
.woocommerce form .form-row label {
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
}

.woocommerce form .form-row input[type='text'],
.woocommerce form .form-row input[type='email'],
.woocommerce form .form-row input[type='tel'],
.woocommerce form .form-row input[type='password'],
.woocommerce form .form-row input[type='number'],
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    background: #111 !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
    border-radius: 2px;
    padding: 12px 14px;
    font-size: 14px;
    width: 100%;
    transition: border-color 0.2s;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    outline: none;
    border-color: #c9a84c !important;
    background: #151515 !important;
}

.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder {
    color: #555;
}

/* ── SELECT2 DROPDOWNS ── */
.select2-container--default .select2-selection--single {
    background: #111 !important;
    border: 1px solid #333 !important;
    border-radius: 2px;
    height: 44px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e0e0e0 !important;
    line-height: 44px !important;
    padding-left: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
}

.select2-dropdown {
    background: #111 !important;
    border: 1px solid #333 !important;
}

.select2-container--default .select2-results__option {
    color: #e0e0e0 !important;
    padding: 10px 14px;
}

.select2-container--default .select2-results__option--highlighted {
    background: #1a1a1a !important;
    color: #c9a84c !important;
}

/* ── ORDER REVIEW TABLE ── */
#order_review table.shop_table {
    background: #0d0d0d;
    border: 1px solid #222;
}

#order_review table.shop_table th,
#order_review table.shop_table td {
    border-color: #1a1a1a;
    color: #e0e0e0;
}

#order_review .order-total .amount {
    color: #c9a84c;
    font-weight: 700;
    font-size: 18px;
}

/* ── PAYMENT SECTION ── */
#payment {
    background: #0a0a0a !important;
    border: 1px solid #222 !important;
    border-radius: 2px;
}

#payment .payment_methods {
    border-bottom: 1px solid #1a1a1a !important;
}

#payment .payment_methods li {
    border-bottom: 1px solid #1a1a1a;
    padding: 12px 16px;
}

#payment .payment_methods li label {
    color: #e0e0e0;
    font-weight: 500;
}

#payment .payment_methods .payment_box {
    background: #111 !important;
    color: #aaa;
    border-radius: 0;
}

#payment .payment_methods .payment_box::before {
    border-bottom-color: #111 !important;
}

/* ── PLACE ORDER SECTION ── */
#payment #place_order {
    display: block;
    width: 100%;
    font-size: 18px;
    padding: 18px;
    margin-top: 16px;
}

/* ── MY ACCOUNT ── */
.woocommerce-MyAccount-navigation {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    border-radius: 2px;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 14px 20px;
    color: #aaa;
    text-decoration: none;
    border-bottom: 1px solid #1a1a1a;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    transition: all 0.2s;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #c9a84c;
    background: #111;
}

.woocommerce-MyAccount-content {
    color: #e0e0e0;
}

.woocommerce-MyAccount-content table {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #e0e0e0;
}

.woocommerce-MyAccount-content table th {
    background: #111;
    color: #fff;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.06em;
    border-bottom: 1px solid #222;
    padding: 12px 16px;
}

.woocommerce-MyAccount-content table td {
    border-bottom: 1px solid #1a1a1a;
    padding: 12px 16px;
}

.woocommerce-MyAccount-content .amount {
    color: #c9a84c;
    font-weight: 600;
}

/* ── ORDER STATUS BADGES ── */
.woocommerce-order-status-completed { color: #4caf50 !important; }
.woocommerce-order-status-processing { color: #c9a84c !important; }
.woocommerce-order-status-on-hold { color: #ff9800 !important; }
.woocommerce-order-status-cancelled { color: #cc3333 !important; }

/* ── ORDER RECEIVED / THANK YOU PAGE ── */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    color: #c9a84c;
    letter-spacing: 0.05em;
}

.woocommerce-order-received .woocommerce-order-overview {
    background: #0a0a0a;
    border: 1px solid #222;
    list-style: none;
    padding: 0;
    margin: 24px 0;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-order-received .woocommerce-order-overview li {
    padding: 16px 24px;
    border-right: 1px solid #1a1a1a;
    color: #aaa;
    font-size: 13px;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
    display: block;
    color: #c9a84c;
    font-size: 16px;
    margin-top: 4px;
}

/* ── LOGIN / REGISTER FORMS ── */
.woocommerce-account .woocommerce-form {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    padding: 32px;
    border-radius: 2px;
}

.woocommerce-account .woocommerce-form label {
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.woocommerce-account .woocommerce-form input {
    background: #111 !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
    padding: 12px 14px;
    border-radius: 2px;
}

.woocommerce-account .woocommerce-form input:focus {
    border-color: #c9a84c !important;
    outline: none;
}

.woocommerce-form__input-checkbox {
    accent-color: #c9a84c;
}

/* ── LOST PASSWORD ── */
.woocommerce-ResetPassword .woocommerce-form {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    padding: 32px;
}

/* ── BREADCRUMB ── */
.woocommerce .woocommerce-breadcrumb {
    color: #555;
    font-size: 12px;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #777;
    text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: #c9a84c;
}

/* ── SCROLLBAR ── */
.woocommerce-checkout ::-webkit-scrollbar,
.woocommerce-cart ::-webkit-scrollbar {
    width: 4px;
}

.woocommerce-checkout ::-webkit-scrollbar-track,
.woocommerce-cart ::-webkit-scrollbar-track {
    background: #111;
}

.woocommerce-checkout ::-webkit-scrollbar-thumb,
.woocommerce-cart ::-webkit-scrollbar-thumb {
    background: #333;
}

/* ── MOBILE RESPONSIVE ── */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-form {
        padding: 20px;
    }

    #payment #place_order {
        font-size: 16px;
        padding: 16px;
    }

    .woocommerce-order-received .woocommerce-order-overview {
        flex-direction: column;
    }

    .woocommerce-order-received .woocommerce-order-overview li {
        border-right: none;
        border-bottom: 1px solid #1a1a1a;
    }
}