/*
 * ═══════════════════════════════════════════════
 *  ZINC HORIZON — Emergency Compiled Core CSS
 *  Generated: 2026-02-08
 *  This is a temporary compiled version until
 *  Tailwind build is run on the server.
 * ═══════════════════════════════════════════════
 */

/* ── Reset & Base ─────────────────────────────────────────────────────────── */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #09090b;
    color: #fafafa;
    line-height: 1.5;
    overflow-x: hidden;
    min-height: 100vh;
}

::selection {
    background-color: rgb(220 38 38 / 0.3);
    color: #fafafa;
}

/* ── Scrollbar (Zinc Design Language) ──────────────────────────────────────── */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #18181b;
}

::-webkit-scrollbar-thumb {
    background: #3f3f46;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #52525b;
}

/* ── Utility Classes (Tailwind-Compatible) ──────────────────────────────────── */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }

.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.block { display: block; }

.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }

.w-full { width: 100%; }
.h-full { height: 100%; }
.min-h-screen { min-height: 100vh; }
.min-h-\[90vh\] { min-height: 90vh; }
.max-w-\[1400px\] { max-width: 1400px; }
.max-w-2xl { max-width: 42rem; }
.max-w-4xl { max-width: 56rem; }

.mx-auto { margin-left: auto; margin-right: auto; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-12 { margin-bottom: 3rem; }
.mt-12 { margin-top: 3rem; }

.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }

.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.rounded-full { border-radius: 9999px; }

.border { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-zinc-700 { border-color: #3f3f46; }
.border-zinc-800 { border-color: #27272a; }
.border-zinc-900 { border-color: #18181b; }

.bg-zinc-950 { background-color: #09090b; }
.bg-zinc-900 { background-color: #18181b; }
.bg-zinc-800 { background-color: #27272a; }
.bg-zinc-800\/60 { background-color: rgb(39 39 42 / 0.6); }
.bg-red-600 { background-color: #dc2626; }
.bg-red-700 { background-color: #b91c1c; }
.bg-white { background-color: #ffffff; }

.text-zinc-50 { color: #fafafa; }
.text-zinc-100 { color: #f4f4f5; }
.text-zinc-300 { color: #d4d4d8; }
.text-zinc-400 { color: #a1a1aa; }
.text-zinc-500 { color: #71717a; }
.text-zinc-600 { color: #52525b; }
.text-white { color: #ffffff; }
.text-red-500 { color: #ef4444; }
.text-red-600 { color: #dc2626; }

.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-5xl { font-size: 3rem; }
.text-6xl { font-size: 3.75rem; }
.text-7xl { font-size: 4.5rem; }
.text-8xl { font-size: 6rem; }

.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 900; }

.leading-tight { line-height: 1.25; }
.leading-relaxed { line-height: 1.75; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }

.uppercase { text-transform: uppercase; }
.text-center { text-align: center; }

.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }

.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25), 0 4px 6px -4px rgb(0 0 0 / 0.2); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5); }

.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.transition-colors { transition-property: color, background-color, border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }

.overflow-hidden { overflow: hidden; }
.overflow-x-hidden { overflow-x: hidden; }

.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }

.cursor-pointer { cursor: pointer; }

/* ── Hover States ────────────────────────────────────────────────────────────── */
.hover\:bg-red-700:hover { background-color: #b91c1c; }
.hover\:bg-zinc-800:hover { background-color: #27272a; }
.hover\:text-zinc-50:hover { color: #fafafa; }
.hover\:border-zinc-700:hover { border-color: #3f3f46; }
.hover\:scale-\[1\.02\]:hover { transform: scale(1.02); }
.hover\:scale-105:hover { transform: scale(1.05); }

.group:hover .group-hover\:scale-105 { transform: scale(1.05); }
.group:hover .group-hover\:translate-x-1 { transform: translateX(0.25rem); }

/* ── Responsive Grid ──────────────────────────────────────────────────────────── */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (min-width: 640px) {
    .sm\:text-5xl { font-size: 3rem; }
    .sm\:flex-row { flex-direction: row; }
    .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md\:flex-row { flex-direction: row; }
}

@media (min-width: 1024px) {
    .lg\:text-5xl { font-size: 3rem; }
    .lg\:text-6xl { font-size: 3.75rem; }
    .lg\:text-7xl { font-size: 4.5rem; }
    .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
    .lg\:py-0 { padding-top: 0; padding-bottom: 0; }
    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .lg\:col-span-5 { grid-column: span 5 / span 5; }
    .lg\:col-span-7 { grid-column: span 7 / span 7; }
    .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .lg\:min-h-screen { min-height: 100vh; }
    .lg\:gap-6 { gap: 1.5rem; }
    .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: 2.5rem; }
}

@media (min-width: 1280px) {
    .xl\:text-7xl { font-size: 4.5rem; }
}

/* ── Aspect Ratios ──────────────────────────────────────────────────────────── */
.aspect-square { aspect-ratio: 1 / 1; }
.aspect-video { aspect-ratio: 16 / 9; }
.aspect-\[3\/2\] { aspect-ratio: 3 / 2; }
.aspect-\[4\/5\] { aspect-ratio: 4 / 5; }

/* ── Backdrop Filters ──────────────────────────────────────────────────────── */
.backdrop-blur-xl {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* ── Animations ──────────────────────────────────────────────────────────────── */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
    50% { transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}

.animate-bounce {
    animation: bounce 1s infinite;
}

/* ── Zinc-Specific Components ───────────────────────────────────────────────── */

/* Site Wrapper */
.site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-content {
    flex: 1;
}

/* ── HEADER ISOLATION: Below WP Admin Bar (z-index 99999) ─────────────────── */
#zinc-header-wrapper {
    position: relative;
    width: 100%;
    z-index: auto;
}

#zinc-header-wrapper.zinc-isolation-layer {
    isolation: isolate;
}

/* ── HEADER: Sticky Glassmorphism (Apple-Style) ───────────────────────────── */
/* position:fixed and z-index are set in zinc-templates.css (#zinc-header).
   This file only adds transition and reset rules.                          */
#zinc-header {
    width: 100%;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms;
    margin: 0;
    padding: 0;
}

#zinc-header[data-zinc-scroll="hidden"] {
    transform: translateY(-100%) !important;
}

/* Ensure body doesn't hide under sticky header */
body.zinc-header-active {
    padding-top: 80px; /* Height of header */
}

@media (min-width: 1024px) {
    body.zinc-header-active {
        padding-top: 88px;
    }
}

/* ── PRODUCT CARDS: Premium Tech Boutique Style ───────────────────────────── */
.zinc-product-card {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Premium Hover Effect: Border Glow + Lift */
.zinc-product-card:hover {
    transform: translateY(-4px);
    border-color: var(--zinc-accent, #dc2626); /* Red glow border — no !important */
    box-shadow: 
        0 20px 40px -12px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(220, 38, 38, 0.3),
        0 0 20px rgba(220, 38, 38, 0.2); /* Red glow */
}

/* Product Card Image Scale Effect */
.zinc-product-card:hover img {
    transform: scale(1.08);
}

/* Product Card CTA Button Gradient (Red to Dark) */
.zinc-product-card button[data-zinc-action="add-to-cart"] {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    position: relative;
    overflow: hidden;
}

.zinc-product-card button[data-zinc-action="add-to-cart"]:hover {
    background: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 10px 30px rgba(220, 38, 38, 0.4);
}

/* Shine Effect on CTA Button */
.zinc-product-card button[data-zinc-action="add-to-cart"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 600ms;
}

.zinc-product-card button[data-zinc-action="add-to-cart"]:hover::before {
    left: 100%;
}

/* Product Card Title Hover */
.zinc-product-card a:hover {
    color: #dc2626;
}

/* ── COMMAND CENTER: Glassmorphism Search Bar ───────────────────────────── */
#zinc-command-center {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15vh;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

#zinc-command-center[data-zinc-state="open"] {
    opacity: 1;
    pointer-events: auto;
}

/* Command Center Backdrop */
#zinc-command-center .zinc-command-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(9, 9, 11, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Command Center Panel (Premium Glassmorphism) */
#zinc-command-center .zinc-command-panel {
    position: relative;
    width: 90%;
    max-width: 640px;
    background: linear-gradient(135deg, rgba(24, 24, 27, 0.95) 0%, rgba(39, 39, 42, 0.95) 100%);
    border: 1px solid rgba(63, 63, 70, 0.6);
    border-radius: 16px;
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(220, 38, 38, 0.1),
        0 0 40px rgba(220, 38, 38, 0.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow: hidden;
    transform: scale(0.95) translateY(-20px);
    transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

#zinc-command-center[data-zinc-state="open"] .zinc-command-panel {
    transform: scale(1) translateY(0);
}

/* Command Center Search Input (Glassmorphism) */
#zinc-command-center .zinc-command-input {
    width: 100%;
    padding: 20px 60px 20px 56px;
    font-size: 18px;
    font-weight: 500;
    color: #fafafa;
    background: rgba(39, 39, 42, 0.6);
    border: none;
    border-bottom: 1px solid rgba(63, 63, 70, 0.4);
    outline: none;
    transition: background 200ms;
}

#zinc-command-center .zinc-command-input:focus {
    background: rgba(39, 39, 42, 0.8);
    border-bottom-color: rgba(220, 38, 38, 0.4);
}

#zinc-command-center .zinc-command-input::placeholder {
    color: #a1a1aa;
}

/* Command Center Icon */
#zinc-command-center .zinc-command-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #71717a;
}

/* Command Center Close Hint */
#zinc-command-center .zinc-command-close-hint {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #71717a;
    background: rgba(39, 39, 42, 0.6);
    border: 1px solid rgba(63, 63, 70, 0.4);
    border-radius: 6px;
}

/* Command Center Results */
#zinc-command-center .zinc-command-results {
    max-height: 400px;
    overflow-y: auto;
    padding: 8px;
}

#zinc-command-center .zinc-command-result-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 200ms;
}

#zinc-command-center .zinc-command-result-item:hover {
    background: rgba(39, 39, 42, 0.6);
    transform: translateX(4px);
}

/* Command Center Result Icon */
#zinc-command-center .zinc-command-result-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(63, 63, 70, 0.4);
    border-radius: 8px;
}

/* Command Center Empty State */
#zinc-command-center .zinc-command-empty {
    padding: 60px 20px;
    text-align: center;
    color: #71717a;
}

/* ── LOGO SCALING & POSITIONING ───────────────────────────────────────── */
.custom-logo,
.custom-logo-link img {
    max-height: 2.5rem !important; /* 40px */
    width: auto;
    height: auto;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
    .custom-logo,
    .custom-logo-link img {
        max-height: 2.75rem !important; /* 44px */
    }
}

.custom-logo-link:hover img {
    transform: scale(1.05);
    filter: drop-shadow(0 0 8px rgba(220, 38, 38, 0.4));
}

/* ── NAVIGATION MENUS: Zinc Dark Aesthetic ───────────────────────────── */

/* Primary Navigation (Header - Center) */
.zinc-primary-nav {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.zinc-primary-nav li {
    list-style: none;
    margin: 0;
}

.zinc-primary-nav a {
    position: relative;
    display: block;
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.025em;
    color: #d4d4d8;
    transition: all 200ms;
    border-radius: 0.5rem;
}

.zinc-primary-nav a:hover {
    color: #fafafa;
    background: rgba(39, 39, 42, 0.3);
}

.zinc-primary-nav a.current,
.zinc-primary-nav .current-menu-item > a,
.zinc-primary-nav .current_page_item > a {
    color: #ef4444;
    background: rgba(39, 39, 42, 0.4);
}

.zinc-primary-nav a.current::after,
.zinc-primary-nav .current-menu-item > a::after,
.zinc-primary-nav .current_page_item > a::after {
    content: '';
    position: absolute;
    bottom: 0.25rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.25rem;
    height: 0.25rem;
    background: #dc2626;
    border-radius: 50%;
}

/* Category/Sidebar Navigation (Zinc Dark) */
.zinc-sidebar-nav,
.widget_nav_menu ul,
.widget_categories ul,
.widget_product_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.zinc-sidebar-nav li,
.widget_nav_menu li,
.widget_categories li,
.widget_product_categories li {
    margin: 0 0 0.25rem 0;
}

.zinc-sidebar-nav a,
.widget_nav_menu a,
.widget_categories a,
.widget_product_categories a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #a1a1aa;
    background: rgba(24, 24, 27, 0.4);
    border: 1px solid rgba(39, 39, 42, 0.6);
    border-radius: 0.75rem;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.zinc-sidebar-nav a:hover,
.widget_nav_menu a:hover,
.widget_categories a:hover,
.widget_product_categories a:hover {
    color: #fafafa;
    background: rgba(39, 39, 42, 0.8);
    border-color: rgba(63, 63, 70, 0.8);
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.zinc-sidebar-nav a.current,
.zinc-sidebar-nav .current-menu-item > a,
.zinc-sidebar-nav .current_page_item > a,
.zinc-sidebar-nav .current-cat > a,
.widget_nav_menu .current-menu-item > a,
.widget_categories .current-cat > a,
.widget_product_categories .current-cat > a {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.3);
    font-weight: 600;
}

/* Sidebar Widget Titles */
.widget-title,
.widget .widgettitle {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #71717a;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(63, 63, 70, 0.3);
}

/* Product Count Badges (in category menus) */
.zinc-sidebar-nav .count,
.widget_categories .count,
.widget_product_categories .count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #a1a1aa;
    background: rgba(63, 63, 70, 0.4);
    border-radius: 0.5rem;
}

/* ── PRODUCT GRID: Premium Layout ───────────────────────────────────── */
.zinc-product-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .zinc-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .zinc-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .zinc-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Product Grid Section Header */
.zinc-product-grid-header {
    text-align: center;
    margin-bottom: 3rem;
}

.zinc-product-grid-title {
    font-size: 2.25rem;
    font-weight: 900;
    color: #fafafa;
    margin-bottom: 0.75rem;
    letter-spacing: -0.025em;
}

.zinc-product-grid-description {
    font-size: 1.125rem;
    color: #a1a1aa;
    max-width: 42rem;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .zinc-product-grid-title {
        font-size: 3rem;
    }
}

/* Glassmorphism Effects */
.zinc-glass {
    background: rgba(24, 24, 27, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(63, 63, 70, 0.5);
}

/* Gradient Text */
.zinc-gradient-text {
    background: linear-gradient(135deg, #fafafa 0%, #d4d4d8 60%, #dc2626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Button Reset */
button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

/* Button Disabled State */
button:disabled,
button[disabled],
input[type="submit"]:disabled,
input[type="button"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Link Reset */
a {
    color: inherit;
    text-decoration: none;
}

/* Image Defaults */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ── WordPress Core Classes ─────────────────────────────────────────────────── */
.alignnone { margin: 1.5rem 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }

.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; font-size: 0.875rem; color: #a1a1aa; margin-top: 0.5rem; }

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Zinc Loading State ────────────────────────────────────────────────────── */
[data-zinc-loading] {
    opacity: 0.6;
    pointer-events: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   COMMENTS
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-comments { padding: 48px 0; }

.zinc-comments__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fafafa;
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #27272a;
}

.zinc-comments__list { list-style: none; padding: 0; margin: 0; }

.zinc-comment {
    padding: 20px 0;
    border-bottom: 1px solid #27272a;
}

.zinc-comment__body { display: flex; flex-direction: column; gap: 12px; }

.zinc-comment__header { display: flex; align-items: center; gap: 12px; }
.zinc-comment__avatar img { border-radius: 50%; }
.zinc-comment__author { font-weight: 600; color: #fafafa; }
.zinc-comment__author a { color: #fafafa; text-decoration: none; }
.zinc-comment__date { font-size: 0.8125rem; color: #71717a; }
.zinc-comment__content { color: #a1a1aa; line-height: 1.7; }
.zinc-comment__content p { margin: 0 0 0.75em; }
.zinc-comment__moderation { color: #d97706; font-style: italic; font-size: 0.875rem; }

.zinc-comment__actions { display: flex; gap: 16px; }
.zinc-comment__actions a {
    font-size: 0.8125rem; color: #71717a; text-decoration: none;
    transition: color 150ms;
}
.zinc-comment__actions a:hover { color: #dc2626; }

.zinc-comments__closed {
    color: #71717a; font-style: italic; padding: 16px 0;
    border-top: 1px solid #27272a;
}

/* Comment Form */
.zinc-comment-form,
.comment-respond { padding: 32px 0; }

.comment-respond .comment-reply-title {
    font-size: 1.25rem; font-weight: 700; color: #fafafa; margin: 0 0 20px;
}

.comment-form label { display: block; font-size: 0.875rem; color: #a1a1aa; margin-bottom: 6px; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%; padding: 10px 14px;
    background: #18181b; border: 1px solid #3f3f46; border-radius: 8px;
    color: #fafafa; font-family: inherit; font-size: 0.9375rem;
    transition: border-color 200ms; outline: none;
}
.comment-form input:focus, .comment-form textarea:focus { border-color: #dc2626; }
.comment-form textarea { min-height: 120px; resize: vertical; }

.comment-form .form-submit input[type="submit"] {
    display: inline-flex; padding: 10px 28px;
    background: #dc2626; color: #fff; border: none; border-radius: 8px;
    font-weight: 600; font-size: 0.9375rem; cursor: pointer;
    transition: background 200ms;
}
.comment-form .form-submit input[type="submit"]:hover { background: #b91c1c; }

.comment-form p { margin: 0 0 16px; }

/* ═══════════════════════════════════════════════════════════════════════════
   ARCHIVE & SEARCH PAGES
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-archive,
.zinc-search-results { padding: 80px 0 48px; }

.zinc-archive__layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 40px;
    align-items: start;
}
@media (max-width: 968px) { .zinc-archive__layout { grid-template-columns: 1fr; } }

.zinc-archive__header,
.zinc-search-results__header {
    margin-bottom: 40px;
    padding-bottom: 24px;
    border-bottom: 1px solid #27272a;
}

.zinc-archive__title,
.zinc-search-results__title {
    font-size: 2rem; font-weight: 800; color: #fafafa;
    margin: 0 0 8px; letter-spacing: -0.02em;
}
.zinc-search-results__title span { color: #dc2626; }

.zinc-archive__description { color: #a1a1aa; font-size: 1rem; line-height: 1.6; }
.zinc-search-results__count { color: #71717a; font-size: 0.875rem; margin-bottom: 24px; }
.zinc-search-results__form { margin-top: 16px; max-width: 500px; }

/* Post Grid */
.zinc-post-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
@media (max-width: 640px) { .zinc-post-grid { grid-template-columns: 1fr; } }

/* Post Card */
.zinc-post-card {
    background: #18181b;
    border: 1px solid #27272a;
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 300ms, transform 300ms;
}
.zinc-post-card:hover { border-color: #3f3f46; transform: translateY(-2px); }

.zinc-post-card__image {
    display: block; aspect-ratio: 16/9; overflow: hidden;
}
.zinc-post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms; }
.zinc-post-card:hover .zinc-post-card__image img { transform: scale(1.05); }

.zinc-post-card__body { padding: 20px; }

.zinc-post-card__meta {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.8125rem; color: #71717a; margin-bottom: 8px;
}
.zinc-post-card__type {
    display: inline-block; padding: 2px 8px;
    background: rgba(220,38,38,0.1); color: #dc2626;
    border-radius: 4px; font-size: 0.6875rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.05em;
}

.zinc-post-card__title {
    font-size: 1.125rem; font-weight: 700; margin: 0 0 8px;
    line-height: 1.3;
}
.zinc-post-card__title a { color: #fafafa; text-decoration: none; }
.zinc-post-card__title a:hover { color: #dc2626; }

.zinc-post-card__excerpt { color: #a1a1aa; font-size: 0.875rem; line-height: 1.6; margin-bottom: 12px; }
.zinc-post-card__excerpt p { margin: 0; }

.zinc-post-card__link {
    display: inline-flex; align-items: center; gap: 4px;
    color: #dc2626; font-size: 0.875rem; font-weight: 600; text-decoration: none;
}
.zinc-post-card__link:hover { gap: 8px; }
.zinc-post-card__link svg { transition: transform 200ms; }
.zinc-post-card__link:hover svg { transform: translateX(2px); }

/* Empty State */
.zinc-empty-state {
    text-align: center; padding: 64px 24px;
    background: #18181b; border: 1px solid #27272a; border-radius: 16px;
}
.zinc-empty-state h2 { font-size: 1.5rem; font-weight: 700; color: #fafafa; margin: 0 0 8px; }
.zinc-empty-state p { color: #a1a1aa; margin: 0 0 24px; }

/* ═══════════════════════════════════════════════════════════════════════════
   SIDEBAR & WIDGETS
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-sidebar {
    background: #18181b;
    border: 1px solid #27272a;
    border-radius: 16px;
    padding: 24px;
    position: sticky;
    top: 100px;
}

.zinc-widget { margin-bottom: 24px; }
.zinc-widget:last-child { margin-bottom: 0; }

.zinc-widget__title {
    font-size: 0.8125rem; font-weight: 700; color: #fafafa;
    text-transform: uppercase; letter-spacing: 0.05em;
    margin: 0 0 16px; padding-bottom: 12px;
    border-bottom: 1px solid #27272a;
}

.zinc-widget ul {
    list-style: none; padding: 0; margin: 0;
}
.zinc-widget li {
    padding: 8px 0; border-bottom: 1px solid rgba(39,39,42,0.5);
}
.zinc-widget li:last-child { border-bottom: 0; }
.zinc-widget li a {
    color: #a1a1aa; text-decoration: none; font-size: 0.9375rem;
    transition: color 200ms;
}
.zinc-widget li a:hover { color: #dc2626; }

/* ═══════════════════════════════════════════════════════════════════════════
   FORMS (Global)
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-horizon input[type="text"],
.zinc-horizon input[type="email"],
.zinc-horizon input[type="password"],
.zinc-horizon input[type="tel"],
.zinc-horizon input[type="number"],
.zinc-horizon input[type="url"],
.zinc-horizon input[type="search"],
.zinc-horizon select,
.zinc-horizon textarea {
    width: 100%; padding: 10px 14px;
    background: #18181b; border: 1px solid #3f3f46; border-radius: 8px;
    color: #fafafa; font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.9375rem; outline: none;
    transition: border-color 200ms, box-shadow 200ms;
    box-sizing: border-box;
}
.zinc-horizon input:focus,
.zinc-horizon select:focus,
.zinc-horizon textarea:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220,38,38,0.15);
}
.zinc-horizon select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}
.zinc-horizon textarea { min-height: 100px; resize: vertical; }
.zinc-horizon label { display: block; font-size: 0.875rem; color: #a1a1aa; margin-bottom: 6px; font-weight: 500; }

.zinc-horizon button,
.zinc-horizon input[type="submit"],
.zinc-horizon .button {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 24px; background: #dc2626; color: #fff;
    border: none; border-radius: 8px; font-weight: 600;
    font-size: 0.9375rem; cursor: pointer; font-family: inherit;
    transition: background 200ms, transform 200ms;
}
.zinc-horizon button:hover,
.zinc-horizon input[type="submit"]:hover,
.zinc-horizon .button:hover { background: #b91c1c; transform: translateY(-1px); }

/* ═══════════════════════════════════════════════════════════════════════════
   TABLES
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-horizon table {
    width: 100%; border-collapse: collapse; margin: 1em 0;
}
.zinc-horizon th,
.zinc-horizon td {
    padding: 12px 16px; text-align: left;
    border-bottom: 1px solid #27272a;
}
.zinc-horizon th {
    font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.05em; color: #71717a; background: #09090b;
}
.zinc-horizon td { color: #a1a1aa; font-size: 0.9375rem; }
.zinc-horizon tbody tr:hover { background: rgba(39,39,42,0.3); }

/* ═══════════════════════════════════════════════════════════════════════════
   PAGINATION
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-pagination { padding: 32px 0; text-align: center; }

.zinc-pagination .nav-links {
    display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap;
}
.zinc-pagination .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 12px;
    background: #18181b; border: 1px solid #27272a; border-radius: 8px;
    color: #a1a1aa; font-size: 0.875rem; font-weight: 500; text-decoration: none;
    transition: all 200ms;
}
.zinc-pagination .page-numbers:hover { border-color: #dc2626; color: #fafafa; }
.zinc-pagination .page-numbers.current {
    background: #dc2626; border-color: #dc2626; color: #fff;
}
.zinc-pagination .page-numbers.dots { border: none; background: none; color: #52525b; }

/* ═══════════════════════════════════════════════════════════════════════════
   BREADCRUMBS
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-breadcrumbs {
    padding: 12px 0; font-size: 0.8125rem; color: #71717a;
}
.zinc-breadcrumbs a { color: #a1a1aa; text-decoration: none; transition: color 150ms; }
.zinc-breadcrumbs a:hover { color: #dc2626; }
.zinc-breadcrumbs .separator { margin: 0 6px; }

/* ═══════════════════════════════════════════════════════════════════════════
   WOOCOMMERCE NOTICES
   ═══════════════════════════════════════════════════════════════════════════ */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 14px 20px; border-radius: 10px; margin-bottom: 16px;
    font-size: 0.9375rem; display: flex; align-items: center; gap: 12px;
}
.woocommerce-message { background: rgba(22,163,74,0.1); border: 1px solid rgba(22,163,74,0.3); color: #4ade80; }
.woocommerce-info    { background: rgba(37,99,235,0.1); border: 1px solid rgba(37,99,235,0.3); color: #60a5fa; }
.woocommerce-error   { background: rgba(220,38,38,0.1); border: 1px solid rgba(220,38,38,0.3); color: #f87171; }
.woocommerce-error li { list-style: none; }
.woocommerce-message a,
.woocommerce-info a { color: inherit; font-weight: 600; text-decoration: underline; }

/* WC Product Card (content-product.php) */
.zinc-product-card {
    background: #18181b; border: 1px solid #27272a; border-radius: 12px;
    overflow: hidden; list-style: none;
    transition: border-color 300ms, transform 300ms, box-shadow 300ms;
}
.zinc-product-card:hover {
    border-color: #dc2626; transform: translateY(-4px);
    box-shadow: 0 0 24px rgba(220,38,38,0.15);
}

.zinc-product-card__link { display: block; text-decoration: none; color: inherit; }

.zinc-product-card__image {
    position: relative; aspect-ratio: 1; overflow: hidden; background: #09090b;
}
.zinc-product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms; }
.zinc-product-card:hover .zinc-product-card__image img { transform: scale(1.08); }

.zinc-product-card__badge {
    position: absolute; top: 12px; left: 12px;
    padding: 4px 10px; border-radius: 6px;
    font-size: 0.6875rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.05em; z-index: 2;
}
.zinc-product-card__badge--sale { background: #dc2626; color: #fff; }

.zinc-product-card__body { padding: 16px; }
.zinc-product-card__title { font-size: 0.9375rem; font-weight: 600; color: #fafafa; margin: 0 0 6px; line-height: 1.3; }
.zinc-product-card__rating { margin-bottom: 6px; }
.zinc-product-card__rating .star-rating { font-size: 0.875rem; color: #fbbf24; }
.zinc-product-card__price { font-size: 1rem; font-weight: 700; color: #fafafa; }
.zinc-product-card__price del { color: #52525b; font-weight: 400; margin-right: 6px; }
.zinc-product-card__price ins { text-decoration: none; color: #dc2626; }

.zinc-product-card__actions { padding: 0 16px 16px; }
.zinc-product-card__atc {
    display: block; width: 100%; padding: 10px; text-align: center;
    background: linear-gradient(135deg, #dc2626, #09090b); color: #fff;
    border: none; border-radius: 8px; font-weight: 600; font-size: 0.875rem;
    cursor: pointer; transition: opacity 200ms;
}
.zinc-product-card__atc:hover { opacity: 0.9; }

/* ═══════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY — Skip Link + Screen Reader Text
   ═══════════════════════════════════════════════════════════════════════════ */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.zinc-skip-link {
    background: #dc2626; color: #fff;
    font-size: 14px; font-weight: 600;
    padding: 8px 16px;
    z-index: 99999;
    text-decoration: none;
    border-radius: 0 0 8px 0;
}

.zinc-skip-link:focus {
    clip: auto !important;
    display: block; height: auto; width: auto;
    position: fixed; top: 0; left: 0;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Focus indicators for all interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BREADCRUMBS
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-breadcrumbs {
    padding: 0 0 24px;
}

.zinc-breadcrumb__list {
    list-style: none; padding: 0; margin: 0;
    display: flex; flex-wrap: wrap; align-items: center; gap: 0;
}

.zinc-breadcrumb__item {
    display: flex; align-items: center; gap: 0;
    font-size: 0.8125rem;
}

.zinc-breadcrumb__link {
    color: #a1a1aa; text-decoration: none;
    transition: color 200ms;
}

.zinc-breadcrumb__link:hover { color: #dc2626; }

.zinc-breadcrumb__sep {
    margin: 0 8px; color: #3f3f46; font-size: 0.75rem;
}

.zinc-breadcrumb__current {
    color: #fafafa; font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SOCIAL SHARE BUTTONS
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-share {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 0; margin: 16px 0;
    border-top: 1px solid #27272a;
    border-bottom: 1px solid #27272a;
}

.zinc-share__label {
    font-size: 0.875rem; font-weight: 600; color: #a1a1aa;
}

.zinc-share__btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px;
    background: #18181b; border: 1px solid #27272a;
    border-radius: 8px; color: #a1a1aa;
    transition: all 200ms; text-decoration: none;
}

.zinc-share__btn:hover {
    border-color: #3f3f46; color: #fafafa;
    transform: translateY(-1px);
}

.zinc-share__btn--facebook:hover { color: #1877f2; }
.zinc-share__btn--twitter:hover { color: #fafafa; }
.zinc-share__btn--linkedin:hover { color: #0a66c2; }
.zinc-share__btn--whatsapp:hover { color: #25d366; }
.zinc-share__btn--telegram:hover { color: #0088cc; }

/* ═══════════════════════════════════════════════════════════════════════════
   LIGHT MODE (prefers-color-scheme: light) — Phase 3.11
   ═══════════════════════════════════════════════════════════════════════════ */

.zinc-scheme-light,
.zinc-scheme-auto {
    --zinc-bg: #ffffff;
    --zinc-surface: #f4f4f5;
    --zinc-surface-alt: #e4e4e7;
    --zinc-text: #18181b;
    --zinc-text-muted: #71717a;
    --zinc-border: #d4d4d8;
}

@media (prefers-color-scheme: light) {
    .zinc-scheme-auto {
        --zinc-bg: #ffffff;
        --zinc-surface: #f4f4f5;
        --zinc-surface-alt: #e4e4e7;
        --zinc-text: #18181b;
        --zinc-text-muted: #71717a;
        --zinc-border: #d4d4d8;
    }

    .zinc-scheme-auto body,
    body.zinc-scheme-auto {
        background-color: var(--zinc-bg, #fff);
        color: var(--zinc-text, #18181b);
    }

    .zinc-scheme-auto .zinc-footer-2026 { background: #f4f4f5; color: #18181b; }
    .zinc-scheme-auto .zinc-footer-column h4 { color: #18181b; }
    .zinc-scheme-auto .zinc-footer-column a { color: #71717a; }
    .zinc-scheme-auto .zinc-footer-column a:hover { color: #dc2626; }

    .zinc-scheme-auto .zinc-post-card { background: #fff; border-color: #e4e4e7; }
    .zinc-scheme-auto .zinc-post-card:hover { border-color: #d4d4d8; }
    .zinc-scheme-auto .zinc-post-card__title a { color: #18181b; }
    .zinc-scheme-auto .zinc-post-card__excerpt { color: #71717a; }

    .zinc-scheme-auto .zinc-comment { border-color: #e4e4e7; }
    .zinc-scheme-auto .zinc-sidebar { background: #f4f4f5; border-color: #e4e4e7; }
}

.zinc-scheme-light body,
body.zinc-scheme-light {
    background-color: #fff;
    color: #18181b;
}

.zinc-scheme-light .zinc-footer-2026 { background: #f4f4f5; color: #18181b; }
.zinc-scheme-light .zinc-post-card { background: #fff; border-color: #e4e4e7; }
.zinc-scheme-light .zinc-post-card__title a { color: #18181b; }
.zinc-scheme-light .zinc-comment { border-color: #e4e4e7; }
.zinc-scheme-light .zinc-sidebar { background: #f4f4f5; border-color: #e4e4e7; }

/* ── Print Styles ──────────────────────────────────────────────────────────── */
@media print {
    body { background: white; color: black; }
    .no-print { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   TYPOGRAPHY SCALE — Complete Type System
   ═══════════════════════════════════════════════════════════════════════════ */

body {
    font-size: 1rem;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #fafafa;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

h1 { font-size: var(--zinc-font-h1, 2.5rem); line-height: 1.2; font-weight: var(--zinc-heading-weight, 800); }
h2 { font-size: 2rem; line-height: 1.25; font-weight: var(--zinc-heading-weight, 700); }
h3 { font-size: 1.5rem; line-height: 1.3; font-weight: var(--zinc-heading-weight, 700); }
h4 { font-size: 1.25rem; line-height: 1.35; font-weight: var(--zinc-heading-weight, 600); }
h5 { font-size: 1.125rem; line-height: 1.4; font-weight: var(--zinc-heading-weight, 600); }
h6 { font-size: 1rem; line-height: 1.5; font-weight: var(--zinc-heading-weight, 600); }

small { font-size: 0.875rem; }

/* ═══════════════════════════════════════════════════════════════════════════
   LIGHT MODE — Complete Component Overrides
   Extends the partial light mode (Phase 3.11) to cover ALL components.
   Uses --zinc-accent alongside the existing custom properties.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Add --zinc-accent to custom properties */
.zinc-scheme-light,
.zinc-scheme-auto {
    --zinc-accent: #dc2626;
}

/* ------------------------------------------------------------------
   .zinc-scheme-light — Explicit Light Mode (all components)
   ------------------------------------------------------------------ */

/* ── Scrollbar ── */
.zinc-scheme-light ::-webkit-scrollbar-track { background: #f4f4f5; }
.zinc-scheme-light ::-webkit-scrollbar-thumb { background: #d4d4d8; }
.zinc-scheme-light ::-webkit-scrollbar-thumb:hover { background: #a1a1aa; }

/* ── Selection ── */
.zinc-scheme-light ::selection {
    background-color: rgb(220 38 38 / 0.2);
    color: #18181b;
}

/* ── Header / Navigation ── */
.zinc-scheme-light #zinc-header,
.zinc-scheme-light .zinc-header {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid #e4e4e7;
}

.zinc-scheme-light .zinc-primary-nav a {
    color: #52525b;
}
.zinc-scheme-light .zinc-primary-nav a:hover {
    color: #18181b;
    background: rgba(244, 244, 245, 0.8);
}
.zinc-scheme-light .zinc-primary-nav a.current,
.zinc-scheme-light .zinc-primary-nav .current-menu-item > a,
.zinc-scheme-light .zinc-primary-nav .current_page_item > a {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.06);
}

/* ── Sidebar Navigation ── */
.zinc-scheme-light .zinc-sidebar-nav a,
.zinc-scheme-light .widget_nav_menu a,
.zinc-scheme-light .widget_categories a,
.zinc-scheme-light .widget_product_categories a {
    color: #52525b;
    background: rgba(244, 244, 245, 0.6);
    border-color: #e4e4e7;
}
.zinc-scheme-light .zinc-sidebar-nav a:hover,
.zinc-scheme-light .widget_nav_menu a:hover,
.zinc-scheme-light .widget_categories a:hover,
.zinc-scheme-light .widget_product_categories a:hover {
    color: #18181b;
    background: rgba(228, 228, 231, 0.8);
    border-color: #d4d4d8;
}
.zinc-scheme-light .zinc-sidebar-nav a.current,
.zinc-scheme-light .zinc-sidebar-nav .current-menu-item > a,
.zinc-scheme-light .zinc-sidebar-nav .current_page_item > a,
.zinc-scheme-light .zinc-sidebar-nav .current-cat > a,
.zinc-scheme-light .widget_nav_menu .current-menu-item > a,
.zinc-scheme-light .widget_categories .current-cat > a,
.zinc-scheme-light .widget_product_categories .current-cat > a {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.06);
    border-color: rgba(220, 38, 38, 0.2);
}

/* ── Widget Titles & Counts ── */
.zinc-scheme-light .widget-title,
.zinc-scheme-light .widget .widgettitle {
    color: #52525b;
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light .zinc-sidebar-nav .count,
.zinc-scheme-light .widget_categories .count,
.zinc-scheme-light .widget_product_categories .count {
    color: #52525b;
    background: rgba(228, 228, 231, 0.6);
}

/* ── Headings ── */
.zinc-scheme-light h1,
.zinc-scheme-light h2,
.zinc-scheme-light h3,
.zinc-scheme-light h4,
.zinc-scheme-light h5,
.zinc-scheme-light h6 {
    color: #18181b;
}

/* ── Paragraph, Links, Blockquotes ── */
.zinc-scheme-light p { color: #27272a; }
.zinc-scheme-light a { color: #18181b; }
.zinc-scheme-light a:hover { color: #dc2626; }

.zinc-scheme-light blockquote {
    border-left: 4px solid #dc2626;
    background: #f4f4f5;
    color: #27272a;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}
.zinc-scheme-light blockquote cite { color: #71717a; }

/* ── Forms ── */
.zinc-scheme-light input[type="text"],
.zinc-scheme-light input[type="email"],
.zinc-scheme-light input[type="password"],
.zinc-scheme-light input[type="tel"],
.zinc-scheme-light input[type="number"],
.zinc-scheme-light input[type="url"],
.zinc-scheme-light input[type="search"],
.zinc-scheme-light select,
.zinc-scheme-light textarea {
    background: #ffffff;
    border-color: #d4d4d8;
    color: #18181b;
}
.zinc-scheme-light input:focus,
.zinc-scheme-light select:focus,
.zinc-scheme-light textarea:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}
.zinc-scheme-light input::placeholder,
.zinc-scheme-light textarea::placeholder { color: #a1a1aa; }
.zinc-scheme-light label { color: #52525b; }

/* ── Tables ── */
.zinc-scheme-light th {
    background: #f4f4f5;
    color: #52525b;
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light td {
    color: #27272a;
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light tbody tr:hover { background: rgba(244, 244, 245, 0.5); }

/* ── Single Post Content ── */
.zinc-scheme-light .zinc-single-post { color: #27272a; }
.zinc-scheme-light .zinc-single-post h1,
.zinc-scheme-light .zinc-single-post h2,
.zinc-scheme-light .zinc-single-post h3,
.zinc-scheme-light .zinc-single-post h4,
.zinc-scheme-light .zinc-single-post h5,
.zinc-scheme-light .zinc-single-post h6 { color: #18181b; }
.zinc-scheme-light .zinc-single-post a { color: #dc2626; }
.zinc-scheme-light .zinc-single-post a:hover { color: #b91c1c; }
.zinc-scheme-light .zinc-single-post code {
    background: #f4f4f5;
    color: #dc2626;
    border: 1px solid #e4e4e7;
}
.zinc-scheme-light .zinc-single-post pre {
    background: #18181b;
    border: 1px solid #27272a;
}
.zinc-scheme-light .zinc-single-post hr { border-color: #e4e4e7; }
.zinc-scheme-light .zinc-single-post .wp-caption-text { color: #71717a; }

/* ── Comments Section (complete) ── */
.zinc-scheme-light .zinc-comments__title {
    color: #18181b;
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light .zinc-comment__author,
.zinc-scheme-light .zinc-comment__author a { color: #18181b; }
.zinc-scheme-light .zinc-comment__date { color: #71717a; }
.zinc-scheme-light .zinc-comment__content { color: #52525b; }
.zinc-scheme-light .zinc-comment__actions a { color: #71717a; }
.zinc-scheme-light .zinc-comment__actions a:hover { color: #dc2626; }
.zinc-scheme-light .zinc-comments__closed {
    color: #71717a;
    border-top-color: #e4e4e7;
}
.zinc-scheme-light .comment-respond .comment-reply-title { color: #18181b; }
.zinc-scheme-light .comment-form label { color: #52525b; }
.zinc-scheme-light .comment-form input[type="text"],
.zinc-scheme-light .comment-form input[type="email"],
.zinc-scheme-light .comment-form input[type="url"],
.zinc-scheme-light .comment-form textarea {
    background: #ffffff;
    border-color: #d4d4d8;
    color: #18181b;
}

/* ── Search Form ── */
.zinc-scheme-light .zinc-search-form input[type="search"],
.zinc-scheme-light #searchform input[type="text"],
.zinc-scheme-light .search-form input[type="search"] {
    background: #ffffff;
    border-color: #d4d4d8;
    color: #18181b;
}
.zinc-scheme-light .zinc-search-form input:focus,
.zinc-scheme-light #searchform input:focus,
.zinc-scheme-light .search-form input:focus {
    border-color: #dc2626;
}

/* ── 404 Page ── */
.zinc-scheme-light .zinc-404,
.zinc-scheme-light .error-404 { color: #18181b; }
.zinc-scheme-light .zinc-404 h1,
.zinc-scheme-light .error-404 h1 { color: #18181b; }
.zinc-scheme-light .zinc-404 p,
.zinc-scheme-light .error-404 p { color: #52525b; }

/* ── Archive Pages ── */
.zinc-scheme-light .zinc-archive__header,
.zinc-scheme-light .zinc-search-results__header {
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light .zinc-archive__title,
.zinc-scheme-light .zinc-search-results__title { color: #18181b; }
.zinc-scheme-light .zinc-archive__description { color: #52525b; }
.zinc-scheme-light .zinc-search-results__count { color: #71717a; }

/* ── Post Card (extends existing) ── */
.zinc-scheme-light .zinc-post-card__meta { color: #71717a; }
.zinc-scheme-light .zinc-post-card__excerpt { color: #52525b; }
.zinc-scheme-light .zinc-post-card__link { color: #dc2626; }

/* ── Empty State ── */
.zinc-scheme-light .zinc-empty-state {
    background: #f4f4f5;
    border-color: #e4e4e7;
}
.zinc-scheme-light .zinc-empty-state h2 { color: #18181b; }
.zinc-scheme-light .zinc-empty-state p { color: #52525b; }

/* ── Product Cards ── */
.zinc-scheme-light .zinc-product-card {
    background: #ffffff;
    border-color: #e4e4e7;
}
.zinc-scheme-light .zinc-product-card:hover {
    border-color: #dc2626;
    box-shadow: 0 0 24px rgba(220, 38, 38, 0.1);
}
.zinc-scheme-light .zinc-product-card__image { background: #f4f4f5; }
.zinc-scheme-light .zinc-product-card__title { color: #18181b; }
.zinc-scheme-light .zinc-product-card__price { color: #18181b; }
.zinc-scheme-light .zinc-product-card__price del { color: #a1a1aa; }

/* ── Product Grid Header ── */
.zinc-scheme-light .zinc-product-grid-title { color: #18181b; }
.zinc-scheme-light .zinc-product-grid-description { color: #52525b; }

/* ── WooCommerce Pages ── */
.zinc-scheme-light .woocommerce .shop_table th {
    background: #f4f4f5;
    color: #52525b;
}
.zinc-scheme-light .woocommerce .shop_table td { color: #27272a; }
.zinc-scheme-light .woocommerce .shop_table,
.zinc-scheme-light .woocommerce .shop_table th,
.zinc-scheme-light .woocommerce .shop_table td { border-color: #e4e4e7; }
.zinc-scheme-light .woocommerce .cart_totals,
.zinc-scheme-light .woocommerce .checkout_coupon,
.zinc-scheme-light .woocommerce-checkout .woocommerce-checkout-review-order {
    background: #f4f4f5;
    border-color: #e4e4e7;
}
.zinc-scheme-light .woocommerce .quantity .qty {
    background: #ffffff;
    border-color: #d4d4d8;
    color: #18181b;
}
.zinc-scheme-light .woocommerce-tabs .tabs li a { color: #52525b; }
.zinc-scheme-light .woocommerce-tabs .tabs li.active a {
    color: #18181b;
    border-bottom-color: #dc2626;
}
.zinc-scheme-light .woocommerce .star-rating::before { color: #d4d4d8; }
.zinc-scheme-light .woocommerce-product-details__short-description { color: #52525b; }
.zinc-scheme-light .woocommerce .price { color: #18181b; }
.zinc-scheme-light .woocommerce .price del { color: #a1a1aa; }
.zinc-scheme-light .woocommerce .price ins { color: #dc2626; }

/* ── Builder Blocks ── */
.zinc-scheme-light .zb-hero {
    background: #f4f4f5;
    color: #18181b;
}
.zinc-scheme-light .zb-hero h1,
.zinc-scheme-light .zb-hero h2 { color: #18181b; }
.zinc-scheme-light .zb-hero p { color: #52525b; }

.zinc-scheme-light .zb-cta {
    background: #f4f4f5;
    border-color: #e4e4e7;
    color: #18181b;
}
.zinc-scheme-light .zb-cta h2,
.zinc-scheme-light .zb-cta h3 { color: #18181b; }
.zinc-scheme-light .zb-cta p { color: #52525b; }

.zinc-scheme-light .zb-columns { color: #18181b; }
.zinc-scheme-light .zb-columns h2,
.zinc-scheme-light .zb-columns h3,
.zinc-scheme-light .zb-columns h4 { color: #18181b; }
.zinc-scheme-light .zb-columns p { color: #52525b; }

.zinc-scheme-light .zb-text { color: #27272a; }
.zinc-scheme-light .zb-text h1,
.zinc-scheme-light .zb-text h2,
.zinc-scheme-light .zb-text h3,
.zinc-scheme-light .zb-text h4,
.zinc-scheme-light .zb-text h5,
.zinc-scheme-light .zb-text h6 { color: #18181b; }

.zinc-scheme-light .zb-features { background: #f4f4f5; }
.zinc-scheme-light .zb-features h3 { color: #18181b; }
.zinc-scheme-light .zb-features p { color: #52525b; }

.zinc-scheme-light .zb-testimonials {
    background: #ffffff;
    border-color: #e4e4e7;
}
.zinc-scheme-light .zb-testimonials blockquote { color: #27272a; }
.zinc-scheme-light .zb-testimonials cite { color: #71717a; }

/* ── Breadcrumbs ── */
.zinc-scheme-light .zinc-breadcrumbs { color: #71717a; }
.zinc-scheme-light .zinc-breadcrumbs a,
.zinc-scheme-light .zinc-breadcrumb__link { color: #71717a; }
.zinc-scheme-light .zinc-breadcrumbs a:hover,
.zinc-scheme-light .zinc-breadcrumb__link:hover { color: #dc2626; }
.zinc-scheme-light .zinc-breadcrumb__current { color: #18181b; }
.zinc-scheme-light .zinc-breadcrumb__sep { color: #d4d4d8; }

/* ── Social Share Buttons ── */
.zinc-scheme-light .zinc-share,
.zinc-scheme-light .zinc-social-share {
    border-top-color: #e4e4e7;
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light .zinc-share__label { color: #52525b; }
.zinc-scheme-light .zinc-share__btn {
    background: #ffffff;
    border-color: #e4e4e7;
    color: #52525b;
}
.zinc-scheme-light .zinc-share__btn:hover {
    border-color: #d4d4d8;
    color: #18181b;
}

/* ── Quick View Modal ── */
.zinc-scheme-light .zinc-quick-view,
.zinc-scheme-light .zinc-modal {
    background: rgba(0, 0, 0, 0.3);
}
.zinc-scheme-light .zinc-quick-view__panel,
.zinc-scheme-light .zinc-modal__panel {
    background: #ffffff;
    border: 1px solid #e4e4e7;
    color: #18181b;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}
.zinc-scheme-light .zinc-quick-view__title { color: #18181b; }
.zinc-scheme-light .zinc-quick-view__price { color: #18181b; }
.zinc-scheme-light .zinc-quick-view__description { color: #52525b; }
.zinc-scheme-light .zinc-quick-view__close { color: #71717a; }
.zinc-scheme-light .zinc-quick-view__close:hover { color: #18181b; }

/* ── Sticky Add-to-Cart Bar ── */
.zinc-scheme-light .zinc-sticky-atc {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid #e4e4e7;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
}
.zinc-scheme-light .zinc-sticky-atc__title { color: #18181b; }
.zinc-scheme-light .zinc-sticky-atc__price { color: #18181b; }

/* ── Toast Notifications ── */
.zinc-scheme-light .zinc-toast {
    background: #ffffff;
    border: 1px solid #e4e4e7;
    color: #18181b;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.zinc-scheme-light .zinc-toast--success { border-left: 4px solid #16a34a; }
.zinc-scheme-light .zinc-toast--error { border-left: 4px solid #dc2626; }
.zinc-scheme-light .zinc-toast--info { border-left: 4px solid #2563eb; }

/* ── Pagination ── */
.zinc-scheme-light .zinc-pagination .page-numbers {
    background: #ffffff;
    border-color: #e4e4e7;
    color: #52525b;
}
.zinc-scheme-light .zinc-pagination .page-numbers:hover {
    border-color: #dc2626;
    color: #18181b;
}
.zinc-scheme-light .zinc-pagination .page-numbers.current {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

/* ── Sidebar & Widgets ── */
.zinc-scheme-light .zinc-widget__title {
    color: #18181b;
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light .zinc-widget li { border-bottom-color: #e4e4e7; }
.zinc-scheme-light .zinc-widget li a { color: #52525b; }
.zinc-scheme-light .zinc-widget li a:hover { color: #dc2626; }

/* ── Glassmorphism Override ── */
.zinc-scheme-light .zinc-glass {
    background: rgba(255, 255, 255, 0.7);
    border-color: #e4e4e7;
}

/* ── Gradient Text Override ── */
.zinc-scheme-light .zinc-gradient-text {
    background: linear-gradient(135deg, #18181b 0%, #52525b 60%, #dc2626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Command Center Override ── */
.zinc-scheme-light #zinc-command-center .zinc-command-backdrop {
    background: rgba(255, 255, 255, 0.7);
}
.zinc-scheme-light #zinc-command-center .zinc-command-panel {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 244, 245, 0.98) 100%);
    border-color: #d4d4d8;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(220, 38, 38, 0.05);
}
.zinc-scheme-light #zinc-command-center .zinc-command-input {
    color: #18181b;
    background: rgba(244, 244, 245, 0.6);
    border-bottom-color: #e4e4e7;
}
.zinc-scheme-light #zinc-command-center .zinc-command-input::placeholder { color: #a1a1aa; }
.zinc-scheme-light #zinc-command-center .zinc-command-input:focus {
    background: rgba(244, 244, 245, 0.8);
    border-bottom-color: rgba(220, 38, 38, 0.3);
}
.zinc-scheme-light #zinc-command-center .zinc-command-result-item:hover {
    background: rgba(244, 244, 245, 0.6);
}
.zinc-scheme-light #zinc-command-center .zinc-command-close-hint {
    color: #71717a;
    background: rgba(244, 244, 245, 0.6);
    border-color: #e4e4e7;
}
.zinc-scheme-light #zinc-command-center .zinc-command-empty { color: #71717a; }

/* ------------------------------------------------------------------
   @media (prefers-color-scheme: light) — .zinc-scheme-auto
   Mirrors all .zinc-scheme-light overrides for system auto detection.
   ------------------------------------------------------------------ */

@media (prefers-color-scheme: light) {

    /* ── Scrollbar ── */
    .zinc-scheme-auto ::-webkit-scrollbar-track { background: #f4f4f5; }
    .zinc-scheme-auto ::-webkit-scrollbar-thumb { background: #d4d4d8; }
    .zinc-scheme-auto ::-webkit-scrollbar-thumb:hover { background: #a1a1aa; }

    /* ── Selection ── */
    .zinc-scheme-auto ::selection {
        background-color: rgb(220 38 38 / 0.2);
        color: #18181b;
    }

    /* ── Header / Navigation ── */
    .zinc-scheme-auto #zinc-header,
    .zinc-scheme-auto .zinc-header {
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid #e4e4e7;
    }
    .zinc-scheme-auto .zinc-primary-nav a { color: #52525b; }
    .zinc-scheme-auto .zinc-primary-nav a:hover {
        color: #18181b;
        background: rgba(244, 244, 245, 0.8);
    }
    .zinc-scheme-auto .zinc-primary-nav a.current,
    .zinc-scheme-auto .zinc-primary-nav .current-menu-item > a,
    .zinc-scheme-auto .zinc-primary-nav .current_page_item > a {
        color: #dc2626;
        background: rgba(220, 38, 38, 0.06);
    }

    /* ── Sidebar Navigation ── */
    .zinc-scheme-auto .zinc-sidebar-nav a,
    .zinc-scheme-auto .widget_nav_menu a,
    .zinc-scheme-auto .widget_categories a,
    .zinc-scheme-auto .widget_product_categories a {
        color: #52525b;
        background: rgba(244, 244, 245, 0.6);
        border-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-sidebar-nav a:hover,
    .zinc-scheme-auto .widget_nav_menu a:hover,
    .zinc-scheme-auto .widget_categories a:hover,
    .zinc-scheme-auto .widget_product_categories a:hover {
        color: #18181b;
        background: rgba(228, 228, 231, 0.8);
        border-color: #d4d4d8;
    }
    .zinc-scheme-auto .zinc-sidebar-nav a.current,
    .zinc-scheme-auto .zinc-sidebar-nav .current-menu-item > a,
    .zinc-scheme-auto .zinc-sidebar-nav .current_page_item > a,
    .zinc-scheme-auto .zinc-sidebar-nav .current-cat > a,
    .zinc-scheme-auto .widget_nav_menu .current-menu-item > a,
    .zinc-scheme-auto .widget_categories .current-cat > a,
    .zinc-scheme-auto .widget_product_categories .current-cat > a {
        color: #dc2626;
        background: rgba(220, 38, 38, 0.06);
        border-color: rgba(220, 38, 38, 0.2);
    }

    /* ── Widget Titles & Counts ── */
    .zinc-scheme-auto .widget-title,
    .zinc-scheme-auto .widget .widgettitle {
        color: #52525b;
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-sidebar-nav .count,
    .zinc-scheme-auto .widget_categories .count,
    .zinc-scheme-auto .widget_product_categories .count {
        color: #52525b;
        background: rgba(228, 228, 231, 0.6);
    }

    /* ── Headings ── */
    .zinc-scheme-auto h1,
    .zinc-scheme-auto h2,
    .zinc-scheme-auto h3,
    .zinc-scheme-auto h4,
    .zinc-scheme-auto h5,
    .zinc-scheme-auto h6 { color: #18181b; }

    /* ── Paragraph, Links, Blockquotes ── */
    .zinc-scheme-auto p { color: #27272a; }
    .zinc-scheme-auto a { color: #18181b; }
    .zinc-scheme-auto a:hover { color: #dc2626; }

    .zinc-scheme-auto blockquote {
        border-left: 4px solid #dc2626;
        background: #f4f4f5;
        color: #27272a;
        padding: 1rem 1.5rem;
        margin: 1.5rem 0;
        border-radius: 0 8px 8px 0;
    }
    .zinc-scheme-auto blockquote cite { color: #71717a; }

    /* ── Forms ── */
    .zinc-scheme-auto input[type="text"],
    .zinc-scheme-auto input[type="email"],
    .zinc-scheme-auto input[type="password"],
    .zinc-scheme-auto input[type="tel"],
    .zinc-scheme-auto input[type="number"],
    .zinc-scheme-auto input[type="url"],
    .zinc-scheme-auto input[type="search"],
    .zinc-scheme-auto select,
    .zinc-scheme-auto textarea {
        background: #ffffff;
        border-color: #d4d4d8;
        color: #18181b;
    }
    .zinc-scheme-auto input:focus,
    .zinc-scheme-auto select:focus,
    .zinc-scheme-auto textarea:focus {
        border-color: #dc2626;
        box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
    }
    .zinc-scheme-auto input::placeholder,
    .zinc-scheme-auto textarea::placeholder { color: #a1a1aa; }
    .zinc-scheme-auto label { color: #52525b; }

    /* ── Tables ── */
    .zinc-scheme-auto th {
        background: #f4f4f5;
        color: #52525b;
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto td {
        color: #27272a;
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto tbody tr:hover { background: rgba(244, 244, 245, 0.5); }

    /* ── Single Post Content ── */
    .zinc-scheme-auto .zinc-single-post { color: #27272a; }
    .zinc-scheme-auto .zinc-single-post h1,
    .zinc-scheme-auto .zinc-single-post h2,
    .zinc-scheme-auto .zinc-single-post h3,
    .zinc-scheme-auto .zinc-single-post h4,
    .zinc-scheme-auto .zinc-single-post h5,
    .zinc-scheme-auto .zinc-single-post h6 { color: #18181b; }
    .zinc-scheme-auto .zinc-single-post a { color: #dc2626; }
    .zinc-scheme-auto .zinc-single-post a:hover { color: #b91c1c; }
    .zinc-scheme-auto .zinc-single-post code {
        background: #f4f4f5;
        color: #dc2626;
        border: 1px solid #e4e4e7;
    }
    .zinc-scheme-auto .zinc-single-post pre {
        background: #18181b;
        border: 1px solid #27272a;
    }
    .zinc-scheme-auto .zinc-single-post hr { border-color: #e4e4e7; }
    .zinc-scheme-auto .zinc-single-post .wp-caption-text { color: #71717a; }

    /* ── Comments Section (complete) ── */
    .zinc-scheme-auto .zinc-comments__title {
        color: #18181b;
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-comment__author,
    .zinc-scheme-auto .zinc-comment__author a { color: #18181b; }
    .zinc-scheme-auto .zinc-comment__date { color: #71717a; }
    .zinc-scheme-auto .zinc-comment__content { color: #52525b; }
    .zinc-scheme-auto .zinc-comment__actions a { color: #71717a; }
    .zinc-scheme-auto .zinc-comment__actions a:hover { color: #dc2626; }
    .zinc-scheme-auto .zinc-comments__closed {
        color: #71717a;
        border-top-color: #e4e4e7;
    }
    .zinc-scheme-auto .comment-respond .comment-reply-title { color: #18181b; }
    .zinc-scheme-auto .comment-form label { color: #52525b; }
    .zinc-scheme-auto .comment-form input[type="text"],
    .zinc-scheme-auto .comment-form input[type="email"],
    .zinc-scheme-auto .comment-form input[type="url"],
    .zinc-scheme-auto .comment-form textarea {
        background: #ffffff;
        border-color: #d4d4d8;
        color: #18181b;
    }

    /* ── Search Form ── */
    .zinc-scheme-auto .zinc-search-form input[type="search"],
    .zinc-scheme-auto #searchform input[type="text"],
    .zinc-scheme-auto .search-form input[type="search"] {
        background: #ffffff;
        border-color: #d4d4d8;
        color: #18181b;
    }
    .zinc-scheme-auto .zinc-search-form input:focus,
    .zinc-scheme-auto #searchform input:focus,
    .zinc-scheme-auto .search-form input:focus {
        border-color: #dc2626;
    }

    /* ── 404 Page ── */
    .zinc-scheme-auto .zinc-404,
    .zinc-scheme-auto .error-404 { color: #18181b; }
    .zinc-scheme-auto .zinc-404 h1,
    .zinc-scheme-auto .error-404 h1 { color: #18181b; }
    .zinc-scheme-auto .zinc-404 p,
    .zinc-scheme-auto .error-404 p { color: #52525b; }

    /* ── Archive Pages ── */
    .zinc-scheme-auto .zinc-archive__header,
    .zinc-scheme-auto .zinc-search-results__header {
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-archive__title,
    .zinc-scheme-auto .zinc-search-results__title { color: #18181b; }
    .zinc-scheme-auto .zinc-archive__description { color: #52525b; }
    .zinc-scheme-auto .zinc-search-results__count { color: #71717a; }

    /* ── Post Card (extends existing) ── */
    .zinc-scheme-auto .zinc-post-card__meta { color: #71717a; }
    .zinc-scheme-auto .zinc-post-card__link { color: #dc2626; }

    /* ── Empty State ── */
    .zinc-scheme-auto .zinc-empty-state {
        background: #f4f4f5;
        border-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-empty-state h2 { color: #18181b; }
    .zinc-scheme-auto .zinc-empty-state p { color: #52525b; }

    /* ── Product Cards ── */
    .zinc-scheme-auto .zinc-product-card {
        background: #ffffff;
        border-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-product-card:hover {
        border-color: #dc2626;
        box-shadow: 0 0 24px rgba(220, 38, 38, 0.1);
    }
    .zinc-scheme-auto .zinc-product-card__image { background: #f4f4f5; }
    .zinc-scheme-auto .zinc-product-card__title { color: #18181b; }
    .zinc-scheme-auto .zinc-product-card__price { color: #18181b; }
    .zinc-scheme-auto .zinc-product-card__price del { color: #a1a1aa; }

    /* ── Product Grid Header ── */
    .zinc-scheme-auto .zinc-product-grid-title { color: #18181b; }
    .zinc-scheme-auto .zinc-product-grid-description { color: #52525b; }

    /* ── WooCommerce Pages ── */
    .zinc-scheme-auto .woocommerce .shop_table th {
        background: #f4f4f5;
        color: #52525b;
    }
    .zinc-scheme-auto .woocommerce .shop_table td { color: #27272a; }
    .zinc-scheme-auto .woocommerce .shop_table,
    .zinc-scheme-auto .woocommerce .shop_table th,
    .zinc-scheme-auto .woocommerce .shop_table td { border-color: #e4e4e7; }
    .zinc-scheme-auto .woocommerce .cart_totals,
    .zinc-scheme-auto .woocommerce .checkout_coupon,
    .zinc-scheme-auto .woocommerce-checkout .woocommerce-checkout-review-order {
        background: #f4f4f5;
        border-color: #e4e4e7;
    }
    .zinc-scheme-auto .woocommerce .quantity .qty {
        background: #ffffff;
        border-color: #d4d4d8;
        color: #18181b;
    }
    .zinc-scheme-auto .woocommerce-tabs .tabs li a { color: #52525b; }
    .zinc-scheme-auto .woocommerce-tabs .tabs li.active a {
        color: #18181b;
        border-bottom-color: #dc2626;
    }
    .zinc-scheme-auto .woocommerce .star-rating::before { color: #d4d4d8; }
    .zinc-scheme-auto .woocommerce-product-details__short-description { color: #52525b; }
    .zinc-scheme-auto .woocommerce .price { color: #18181b; }
    .zinc-scheme-auto .woocommerce .price del { color: #a1a1aa; }
    .zinc-scheme-auto .woocommerce .price ins { color: #dc2626; }

    /* ── Builder Blocks ── */
    .zinc-scheme-auto .zb-hero {
        background: #f4f4f5;
        color: #18181b;
    }
    .zinc-scheme-auto .zb-hero h1,
    .zinc-scheme-auto .zb-hero h2 { color: #18181b; }
    .zinc-scheme-auto .zb-hero p { color: #52525b; }

    .zinc-scheme-auto .zb-cta {
        background: #f4f4f5;
        border-color: #e4e4e7;
        color: #18181b;
    }
    .zinc-scheme-auto .zb-cta h2,
    .zinc-scheme-auto .zb-cta h3 { color: #18181b; }
    .zinc-scheme-auto .zb-cta p { color: #52525b; }

    .zinc-scheme-auto .zb-columns { color: #18181b; }
    .zinc-scheme-auto .zb-columns h2,
    .zinc-scheme-auto .zb-columns h3,
    .zinc-scheme-auto .zb-columns h4 { color: #18181b; }
    .zinc-scheme-auto .zb-columns p { color: #52525b; }

    .zinc-scheme-auto .zb-text { color: #27272a; }
    .zinc-scheme-auto .zb-text h1,
    .zinc-scheme-auto .zb-text h2,
    .zinc-scheme-auto .zb-text h3,
    .zinc-scheme-auto .zb-text h4,
    .zinc-scheme-auto .zb-text h5,
    .zinc-scheme-auto .zb-text h6 { color: #18181b; }

    .zinc-scheme-auto .zb-features { background: #f4f4f5; }
    .zinc-scheme-auto .zb-features h3 { color: #18181b; }
    .zinc-scheme-auto .zb-features p { color: #52525b; }

    .zinc-scheme-auto .zb-testimonials {
        background: #ffffff;
        border-color: #e4e4e7;
    }
    .zinc-scheme-auto .zb-testimonials blockquote { color: #27272a; }
    .zinc-scheme-auto .zb-testimonials cite { color: #71717a; }

    /* ── Breadcrumbs ── */
    .zinc-scheme-auto .zinc-breadcrumbs { color: #71717a; }
    .zinc-scheme-auto .zinc-breadcrumbs a,
    .zinc-scheme-auto .zinc-breadcrumb__link { color: #71717a; }
    .zinc-scheme-auto .zinc-breadcrumbs a:hover,
    .zinc-scheme-auto .zinc-breadcrumb__link:hover { color: #dc2626; }
    .zinc-scheme-auto .zinc-breadcrumb__current { color: #18181b; }
    .zinc-scheme-auto .zinc-breadcrumb__sep { color: #d4d4d8; }

    /* ── Social Share Buttons ── */
    .zinc-scheme-auto .zinc-share,
    .zinc-scheme-auto .zinc-social-share {
        border-top-color: #e4e4e7;
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-share__label { color: #52525b; }
    .zinc-scheme-auto .zinc-share__btn {
        background: #ffffff;
        border-color: #e4e4e7;
        color: #52525b;
    }
    .zinc-scheme-auto .zinc-share__btn:hover {
        border-color: #d4d4d8;
        color: #18181b;
    }

    /* ── Quick View Modal ── */
    .zinc-scheme-auto .zinc-quick-view,
    .zinc-scheme-auto .zinc-modal {
        background: rgba(0, 0, 0, 0.3);
    }
    .zinc-scheme-auto .zinc-quick-view__panel,
    .zinc-scheme-auto .zinc-modal__panel {
        background: #ffffff;
        border: 1px solid #e4e4e7;
        color: #18181b;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    }
    .zinc-scheme-auto .zinc-quick-view__title { color: #18181b; }
    .zinc-scheme-auto .zinc-quick-view__price { color: #18181b; }
    .zinc-scheme-auto .zinc-quick-view__description { color: #52525b; }
    .zinc-scheme-auto .zinc-quick-view__close { color: #71717a; }
    .zinc-scheme-auto .zinc-quick-view__close:hover { color: #18181b; }

    /* ── Sticky Add-to-Cart Bar ── */
    .zinc-scheme-auto .zinc-sticky-atc {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-top: 1px solid #e4e4e7;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
    }
    .zinc-scheme-auto .zinc-sticky-atc__title { color: #18181b; }
    .zinc-scheme-auto .zinc-sticky-atc__price { color: #18181b; }

    /* ── Toast Notifications ── */
    .zinc-scheme-auto .zinc-toast {
        background: #ffffff;
        border: 1px solid #e4e4e7;
        color: #18181b;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
    .zinc-scheme-auto .zinc-toast--success { border-left: 4px solid #16a34a; }
    .zinc-scheme-auto .zinc-toast--error { border-left: 4px solid #dc2626; }
    .zinc-scheme-auto .zinc-toast--info { border-left: 4px solid #2563eb; }

    /* ── Pagination ── */
    .zinc-scheme-auto .zinc-pagination .page-numbers {
        background: #ffffff;
        border-color: #e4e4e7;
        color: #52525b;
    }
    .zinc-scheme-auto .zinc-pagination .page-numbers:hover {
        border-color: #dc2626;
        color: #18181b;
    }
    .zinc-scheme-auto .zinc-pagination .page-numbers.current {
        background: #dc2626;
        border-color: #dc2626;
        color: #fff;
    }

    /* ── Sidebar & Widgets ── */
    .zinc-scheme-auto .zinc-widget__title {
        color: #18181b;
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto .zinc-widget li { border-bottom-color: #e4e4e7; }
    .zinc-scheme-auto .zinc-widget li a { color: #52525b; }
    .zinc-scheme-auto .zinc-widget li a:hover { color: #dc2626; }

    /* ── Glassmorphism Override ── */
    .zinc-scheme-auto .zinc-glass {
        background: rgba(255, 255, 255, 0.7);
        border-color: #e4e4e7;
    }

    /* ── Gradient Text Override ── */
    .zinc-scheme-auto .zinc-gradient-text {
        background: linear-gradient(135deg, #18181b 0%, #52525b 60%, #dc2626 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* ── Command Center Override ── */
    .zinc-scheme-auto #zinc-command-center .zinc-command-backdrop {
        background: rgba(255, 255, 255, 0.7);
    }
    .zinc-scheme-auto #zinc-command-center .zinc-command-panel {
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 244, 245, 0.98) 100%);
        border-color: #d4d4d8;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(220, 38, 38, 0.05);
    }
    .zinc-scheme-auto #zinc-command-center .zinc-command-input {
        color: #18181b;
        background: rgba(244, 244, 245, 0.6);
        border-bottom-color: #e4e4e7;
    }
    .zinc-scheme-auto #zinc-command-center .zinc-command-input::placeholder { color: #a1a1aa; }
    .zinc-scheme-auto #zinc-command-center .zinc-command-input:focus {
        background: rgba(244, 244, 245, 0.8);
        border-bottom-color: rgba(220, 38, 38, 0.3);
    }
    .zinc-scheme-auto #zinc-command-center .zinc-command-result-item:hover {
        background: rgba(244, 244, 245, 0.6);
    }
    .zinc-scheme-auto #zinc-command-center .zinc-command-close-hint {
        color: #71717a;
        background: rgba(244, 244, 245, 0.6);
        border-color: #e4e4e7;
    }
    .zinc-scheme-auto #zinc-command-center .zinc-command-empty { color: #71717a; }

    /* ── Footer (extends existing) ── */
    .zinc-scheme-auto .zinc-footer-column a:hover { color: #dc2626; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   PROSE — Tailwind Typography (Manual Implementation)
   Used in: page.php, single.php for blog/page content
═══════════════════════════════════════════════════════════════════════════════ */

.prose {
    font-size: 1rem;
    line-height: 1.75;
    max-width: 65ch;
}

.prose p {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose h1 {
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8889em;
    line-height: 1.1111;
    font-weight: 800;
}

.prose h2 {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333;
    font-weight: 700;
}

.prose h3 {
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
    font-weight: 600;
}

.prose h4 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
    font-weight: 600;
}

.prose a {
    color: var(--zinc-accent, #dc2626);
    text-decoration: underline;
    font-weight: 500;
    transition: color 200ms ease;
}

.prose a:hover {
    color: var(--zinc-accent-dark, #b91c1c);
}

.prose strong {
    font-weight: 700;
}

.prose blockquote {
    font-weight: 500;
    font-style: italic;
    border-left: 3px solid var(--zinc-accent, #dc2626);
    padding-left: 1em;
    margin: 1.6em 0;
    color: var(--zinc-text-secondary, #d4d4d8);
}

.prose code {
    font-size: 0.875em;
    font-weight: 600;
    background: var(--zinc-surface-alt, #27272a);
    padding: 0.2em 0.4em;
    border-radius: 4px;
}

.prose pre {
    background: var(--zinc-surface, #18181b);
    border: 1px solid var(--zinc-border, #3f3f46);
    border-radius: 8px;
    padding: 1em;
    overflow-x: auto;
    margin: 1.75em 0;
}

.prose pre code {
    background: transparent;
    padding: 0;
    font-weight: 400;
}

.prose ul {
    list-style-type: disc;
    padding-left: 1.625em;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose ol {
    list-style-type: decimal;
    padding-left: 1.625em;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.prose img {
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 8px;
}

.prose table {
    width: 100%;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7143;
}

.prose thead {
    border-bottom: 1px solid var(--zinc-border, #3f3f46);
}

.prose thead th {
    font-weight: 600;
    padding: 0 0 0.571em;
    vertical-align: bottom;
}

.prose tbody tr {
    border-bottom: 1px solid var(--zinc-border-subtle, #27272a);
}

.prose tbody td {
    padding: 0.571em 0;
    vertical-align: baseline;
}

.prose hr {
    border: none;
    border-top: 1px solid var(--zinc-border, #3f3f46);
    margin: 3em 0;
}

.prose > :first-child {
    margin-top: 0;
}

.prose > :last-child {
    margin-bottom: 0;
}

/* ── Prose Invert (Dark Mode) ───────────────────────────────────────────── */

.prose-invert {
    color: var(--zinc-text-secondary, #d4d4d8);
}

.prose-invert h1,
.prose-invert h2,
.prose-invert h3,
.prose-invert h4,
.prose-invert strong {
    color: var(--zinc-text, #fafafa);
}

/* ── Prose Zinc (Zinc Theme Colors) ─────────────────────────────────────── */

.prose-zinc {
    --tw-prose-body: var(--zinc-text-secondary, #d4d4d8);
    --tw-prose-headings: var(--zinc-text, #fafafa);
    --tw-prose-links: var(--zinc-accent, #dc2626);
    color: var(--tw-prose-body);
}

.prose-zinc h1,
.prose-zinc h2,
.prose-zinc h3,
.prose-zinc h4 {
    color: var(--tw-prose-headings);
}

/* ── Max Width None ─────────────────────────────────────────────────────── */

.max-w-none {
    max-width: none;
}

/* ── Line Clamp ─────────────────────────────────────────────────────────── */

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}