/* === SASHome Dynamic Styles - Auto-generated === */
:root {
    --gold: #aa8a31;
    --gold-light: #E0C070;
    --gold-dark: #8B6914;
    --black: #0a0a0a;
    --dark: #1a1a1a;
    --dark2: #242424;
    --dark3: #2e2e2e;
    --white: #fafaf8;
    --cream: #f5f0e8;
    --secondary: #1a1a1a;
    --font-size-base: 24px;
    --font-size-h1: 52px;
    --font-size-h2: 36px;
    --navbar-height: 80px;
    --btn-radius: 0px;
    --card-radius: 4px;
    --section-padding: 100px;
    --logo-height: 45px;
    --footer-bg: #060606;
}

body { font-size: var(--font-size-base); background: var(--black); color: var(--white); }
body.ltr { font-family: 'Cormorant Garamond', Georgia, serif; }
body.rtl { font-family: 'Tajawal', Arial, sans-serif; }
h1 { font-size: var(--font-size-h1) !important; }
h2 { font-size: var(--font-size-h2) !important; }
h1,h2,h3,h4 { font-family: 'Cormorant Garamond', Georgia, serif; }

.navbar { height: var(--navbar-height); background: rgba(170,138,49,0.95) !important; backdrop-filter: blur(20px); border-bottom: 1px solid rgba(201,168,76,0.15); }
.nav-logo img { height: var(--logo-height); }
.navbar.scrolled .nav-logo img { height: 35px; }
.navbar.scrolled { height: calc(var(--navbar-height) - 15px); }

.btn-gold, .btn-order, .add-to-cart-btn { border-radius: var(--btn-radius) !important; padding: 14px 32px !important; background: var(--gold) !important; }
.product-card { border-radius: var(--card-radius) !important; }
section { padding: var(--section-padding) 0; }
footer { background: #060606; color: #888; }

a:hover, .nav-menu a:hover { color: var(--gold) !important; }
.price, .product-price { color: var(--gold) !important; }
::selection { background: var(--gold); color: var(--black); }