:root {
    --mc-bg: #080604;
    --mc-bg-soft: #100b07;
    --mc-card: rgba(255,255,255,.07);
    --mc-border: rgba(217,163,93,.24);
    --mc-border-strong: rgba(217,163,93,.42);
    --mc-gold: #d9a35d;
    --mc-gold-soft: #efd8b7;
    --mc-text: #f6ead9;
    --mc-muted: #b9a78d;
    --mc-danger: #d9806a;
    --mc-success: #8fcf9a;
    --mc-radius-xl: 28px;
    --mc-radius-lg: 20px;
    --mc-shadow: 0 30px 80px rgba(0,0,0,.38);
    --mc-container: 1220px;
}
body.black-leaf-ui, body {
    background:
        radial-gradient(circle at 20% 0%, rgba(217,163,93,.12), transparent 30%),
        radial-gradient(circle at 90% 18%, rgba(239,216,183,.08), transparent 32%),
        linear-gradient(180deg, #080604 0%, #110c08 46%, #080604 100%);
}
.site-shell { max-width: var(--mc-container); margin-inline: auto; }
.mc-glass {
    background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
    border: 1px solid var(--mc-border);
    border-radius: var(--mc-radius-xl);
    box-shadow: var(--mc-shadow);
    backdrop-filter: blur(16px);
}
.mc-chip {
    display: inline-flex; align-items: center; gap: 8px; min-height: 34px;
    padding: 7px 12px; border-radius: 999px;
    background: rgba(217,163,93,.11);
    border: 1px solid rgba(217,163,93,.22);
    color: var(--mc-gold-soft); font-size: 12px; letter-spacing: .08em;
    text-transform: uppercase;
}
.primary-btn, .enter-store-btn {
    background: linear-gradient(135deg, #d9a35d, #efd8b7);
    color: #120b07 !important; border: 0;
    box-shadow: 0 16px 36px rgba(217,163,93,.24);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.primary-btn:hover, .enter-store-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 48px rgba(217,163,93,.34);
    filter: saturate(1.08);
}
.site-header {
    position: sticky; top: 12px; z-index: 30; margin: 12px 0 18px;
    padding: 14px 16px; border-radius: 22px;
    background: rgba(8,6,4,.78);
    border: 1px solid rgba(217,163,93,.18);
    box-shadow: 0 18px 60px rgba(0,0,0,.32);
    backdrop-filter: blur(18px);
}
.site-nav a { position: relative; }
.site-nav a::after {
    content: ""; position: absolute; inset-inline: 10px; bottom: -6px;
    height: 1px; transform: scaleX(0); transform-origin: center;
    background: var(--mc-gold); transition: transform .22s ease;
}
.site-nav a:hover::after { transform: scaleX(1); }
.hero {
    border-radius: 36px; overflow: hidden; min-height: 680px;
    border: 1px solid rgba(217,163,93,.18); box-shadow: var(--mc-shadow);
}
.hero::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background:
        linear-gradient(90deg, rgba(8,6,4,.78) 0%, rgba(8,6,4,.44) 38%, rgba(8,6,4,.08) 100%),
        linear-gradient(0deg, rgba(8,6,4,.82) 0%, transparent 28%);
}
.is-rtl .hero::after {
    background:
        linear-gradient(270deg, rgba(8,6,4,.78) 0%, rgba(8,6,4,.44) 38%, rgba(8,6,4,.08) 100%),
        linear-gradient(0deg, rgba(8,6,4,.82) 0%, transparent 28%);
}
.hero-copy { z-index: 2; }
.hero-copy h1 {
    line-height: .92; letter-spacing: -.075em;
    text-shadow: 0 16px 50px rgba(0,0,0,.48);
}
.benefits {
    margin-top: -38px; position: relative; z-index: 3;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
    border: 1px solid rgba(217,163,93,.22);
    box-shadow: var(--mc-shadow);
}
.product-card, .checkout-card, .review-item, .review-totals {
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
    border: 1px solid rgba(217,163,93,.18);
    box-shadow: 0 18px 50px rgba(0,0,0,.22);
    border-radius: 22px;
}
.product-card {
    border-radius: 26px; overflow: hidden;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.product-card:hover {
    transform: translateY(-6px);
    border-color: rgba(217,163,93,.42);
    box-shadow: 0 28px 70px rgba(0,0,0,.34);
}
.mc-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.mc-kpi {
    padding: 18px; border-radius: 18px; background: rgba(255,255,255,.05);
    border: 1px solid rgba(217,163,93,.18);
}
.mc-kpi strong { display: block; font-size: 28px; color: var(--mc-gold-soft); }
.mc-table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 18px; }
.mc-table th, .mc-table td { padding: 12px 10px; border-bottom: 1px solid rgba(217,163,93,.12); text-align: start; }
.mc-table th { color: var(--mc-gold-soft); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.mc-bottom-nav { display: none; }
@media print {
    .site-header, .system-copyright, .primary-btn, .mc-bottom-nav { display: none !important; }
    body { background: #fff !important; color: #111 !important; }
    .checkout-card { box-shadow: none !important; border-color: #ddd !important; }
}
@media (max-width: 900px) {
    .hero { min-height: 580px; border-radius: 24px; }
    .benefits { margin-top: 18px; }
    .mc-kpi-grid { grid-template-columns: 1fr; }
    .site-nav { display: none; }
    .mc-bottom-nav {
        position: fixed; bottom: 12px; left: 12px; right: 12px; z-index: 40;
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
        padding: 10px; border-radius: 22px;
        background: rgba(8,6,4,.88);
        border: 1px solid rgba(217,163,93,.24);
        backdrop-filter: blur(18px);
        box-shadow: 0 18px 60px rgba(0,0,0,.38);
    }
    .mc-bottom-nav a {
        color: var(--mc-gold-soft); text-decoration: none; font-size: 11px;
        text-align: center; padding: 8px 4px; border-radius: 14px;
    }
    body { padding-bottom: 86px; }
}