body[data-page-loading="1"] { opacity:0; visibility:hidden; }
body { font-family: 'Inter', system-ui, sans-serif; }
html.theme-dark { color-scheme: dark; }
html.theme-dark body { background:#0b1120 !important; color:#e5e7eb !important; }
html.theme-dark nav,
html.theme-dark #mobileMenu { background:#111827 !important; border-color:#1f2937 !important; color:#e5e7eb !important; }
html.theme-dark footer { background:#020617 !important; color:#94a3b8 !important; }
html.theme-dark .bg-white,
html.theme-dark .bg-stone-50,
html.theme-dark .bg-stone-50\/80,
html.theme-dark .bg-gray-50,
html.theme-dark .bg-gray-100,
html.theme-dark .bg-stone-100,
html.theme-dark .bg-indigo-50,
html.theme-dark .bg-green-50,
html.theme-dark .bg-red-50 { background-color:#111827 !important; }
html.theme-dark .bg-stone-200,
html.theme-dark .bg-gray-200 { background-color:#1f2937 !important; }
html.theme-dark .text-gray-900,
html.theme-dark .text-gray-800,
html.theme-dark .text-stone-900,
html.theme-dark .text-black { color:#f9fafb !important; }
html.theme-dark .text-gray-700,
html.theme-dark .text-gray-600,
html.theme-dark .text-stone-700,
html.theme-dark .text-stone-600 { color:#d1d5db !important; }
html.theme-dark .text-gray-500,
html.theme-dark .text-gray-400,
html.theme-dark .text-stone-400,
html.theme-dark .text-stone-500 { color:#9ca3af !important; }
html.theme-dark .border,
html.theme-dark .border-b,
html.theme-dark .border-t,
html.theme-dark .border-gray-100,
html.theme-dark .border-gray-200,
html.theme-dark .border-gray-300,
html.theme-dark .border-stone-100,
html.theme-dark .border-stone-200,
html.theme-dark .border-red-200,
html.theme-dark .border-green-200,
html.theme-dark .ring-1,
html.theme-dark .ring-gray-100,
html.theme-dark .ring-gray-200,
html.theme-dark .ring-stone-100,
html.theme-dark .ring-stone-200,
html.theme-dark .ring-indigo-200 { border-color:#374151 !important; --tw-ring-color:#374151 !important; }
html.theme-dark input,
html.theme-dark textarea,
html.theme-dark select { background:#0f172a !important; color:#f9fafb !important; border-color:#334155 !important; }
html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder { color:#94a3b8 !important; }
html.theme-dark .shadow,
html.theme-dark .shadow-sm,
html.theme-dark .shadow-lg,
html.theme-dark .shadow-xl { box-shadow:0 18px 40px rgba(0, 0, 0, 0.35) !important; }
html.theme-dark .hover\:bg-gray-50:hover,
html.theme-dark .hover\:bg-gray-200:hover,
html.theme-dark .hover\:bg-stone-200:hover,
html.theme-dark .hover\:bg-indigo-50:hover,
html.theme-dark .hover\:bg-white\/10:hover { background-color:#1f2937 !important; }
html.theme-dark .hover\:text-gray-900:hover,
html.theme-dark .hover\:text-black:hover,
html.theme-dark .hover\:text-white:hover { color:#ffffff !important; }
html.theme-dark .bg-gradient-to-b,
html.theme-dark .bg-gradient-to-br { background-image:none !important; background-color:#0b1120 !important; }
html.theme-dark .bg-indigo-600,
html.theme-dark .hover\:bg-indigo-700:hover { background-color:#6366f1 !important; color:#ffffff !important; }
html.theme-dark .bg-indigo-500,
html.theme-dark .hover\:bg-indigo-600:hover { background-color:#7c3aed !important; color:#ffffff !important; }
html.theme-dark .bg-black,
html.theme-dark .bg-slate-900,
html.theme-dark .bg-slate-800,
html.theme-dark .bg-gray-900 { background-color:#111827 !important; color:#f9fafb !important; }
html.theme-dark .text-indigo-600,
html.theme-dark .text-indigo-500 { color:#a5b4fc !important; }
html.theme-dark a.bg-white,
html.theme-dark button.bg-white,
html.theme-dark .bg-white.text-slate-900,
html.theme-dark .bg-white.text-gray-900,
html.theme-dark .bg-white.text-black { background-color:#e0e7ff !important; color:#111827 !important; border-color:#818cf8 !important; }
html.theme-dark a.border,
html.theme-dark button.border,
html.theme-dark a[class*="border-white/"],
html.theme-dark button[class*="border-white/"] { border-color:#475569 !important; }
html.theme-dark a[class*="bg-white/"],
html.theme-dark button[class*="bg-white/"] { background-color:#1e293b !important; color:#f8fafc !important; }
html.theme-dark a[class*="bg-white/"]:hover,
html.theme-dark button[class*="bg-white/"]:hover { background-color:#334155 !important; }
html.theme-dark a[class*="rounded-"],
html.theme-dark button[class*="rounded-"] { box-shadow:0 10px 24px rgba(0, 0, 0, 0.22); }
.theme-toggle-button { display:inline-flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:9999px; border:1px solid #e5e7eb; background:#ffffff; color:#111827; transition:background-color .2s ease, color .2s ease, border-color .2s ease; }
html.theme-dark .theme-toggle-button { background:#1e293b; border-color:#64748b; color:#f8fafc; }
.floating-theme-toggle { position:fixed; right:1.5rem; bottom:1.5rem; z-index:70; width:3.25rem; height:3.25rem; box-shadow:0 14px 30px rgba(15, 23, 42, 0.2); }
html.theme-dark .floating-theme-toggle { box-shadow:0 18px 42px rgba(0, 0, 0, 0.55); }
html.theme-dark .theme-toggle-button:hover,
html.theme-dark .floating-theme-toggle:hover { background:#334155; border-color:#94a3b8; }
html.theme-dark .footer-trust-panel { background:linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(17, 24, 39, 0.92)) !important; border-color:#334155 !important; }
html.theme-dark .footer-paypal-pill { background:linear-gradient(135deg, #ffffff, #dbeafe) !important; color:#0f172a !important; border:1px solid #93c5fd !important; box-shadow:0 10px 30px rgba(59, 130, 246, 0.2) !important; }
html.theme-dark .footer-paypal-pill i { color:#003087 !important; }
html.theme-dark .footer-encrypted-pill { background:#0f172a !important; border-color:#475569 !important; color:#e2e8f0 !important; }
html.theme-dark .cart-item-card { background:linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.92)) !important; border-color:#334155 !important; box-shadow:0 18px 40px rgba(2, 6, 23, 0.45) !important; }
html.theme-dark .cart-item-media { background:#0f172a !important; box-shadow:inset 0 0 0 1px rgba(148, 163, 184, 0.12) !important; }
html.theme-dark [data-quick-add-button] { background:linear-gradient(135deg, #818cf8, #6366f1) !important; color:#ffffff !important; border:1px solid #a5b4fc !important; box-shadow:0 14px 30px rgba(99, 102, 241, 0.35) !important; }
html.theme-dark [data-quick-add-button]:hover { background:linear-gradient(135deg, #a5b4fc, #7c3aed) !important; color:#ffffff !important; border-color:#c4b5fd !important; }
html.theme-dark [data-quick-add-button]:disabled { background:#475569 !important; border-color:#64748b !important; color:#e2e8f0 !important; box-shadow:none !important; }
.product-buy-fields label { display:block; margin-bottom:.5rem; font-size:.875rem; font-weight:500; color:#374151; }
.product-buy-fields select,
.product-buy-fields input[type="text"],
.product-buy-fields input[type="number"] { width:100%; border:1px solid #e7e5e4; border-radius:1rem; background:#ffffff; padding:.85rem 1rem; font-size:.875rem; color:#111827; }
.product-buy-fields select option { color:#111827; }
[data-main-image-frame] { cursor:zoom-in; touch-action:none; }
#product-main-image { transition:transform .35s ease-out; will-change:transform; user-select:none; }