body[data-page-loading="1"] { opacity:0; visibility:hidden; }
:root {
    --site-page-bg: radial-gradient(circle at 14% 8%, rgba(99,102,241,0.10), transparent 32%), linear-gradient(180deg, #eef2ff 0%, #ffffff 50%, #fafaf9 100%);
    --site-page-bg-color:#f8fafc;
    --site-page-text:#0f172a;
}
html.theme-dark {
    --site-page-bg: radial-gradient(circle at 14% 8%, rgba(129,140,248,0.22), transparent 34%), radial-gradient(circle at 88% 18%, rgba(14,165,233,0.10), transparent 30%), linear-gradient(180deg, #020617 0%, #0f172a 52%, #111827 100%);
    --site-page-bg-color:#020617;
    --site-page-text:#e5e7eb;
}
html { background:var(--site-page-bg-color); min-height:100%; }
body { font-family: 'Inter', system-ui, sans-serif; background:var(--site-page-bg) !important; background-attachment:fixed !important; color:var(--site-page-text); min-height:100%; }
html.theme-dark { color-scheme: dark; }
html.theme-dark body { background:var(--site-page-bg) !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-indigo-100,
html.theme-dark .bg-blue-50,
html.theme-dark .bg-blue-100,
html.theme-dark .bg-green-50,
html.theme-dark .bg-green-100,
html.theme-dark .bg-emerald-50,
html.theme-dark .bg-emerald-100,
html.theme-dark .bg-red-50,
html.theme-dark .bg-red-100,
html.theme-dark .bg-rose-50,
html.theme-dark .bg-rose-100,
html.theme-dark .bg-sky-50,
html.theme-dark .bg-sky-100,
html.theme-dark .bg-amber-50,
html.theme-dark .bg-amber-100,
html.theme-dark .bg-yellow-50,
html.theme-dark .bg-yellow-100,
html.theme-dark .bg-orange-50,
html.theme-dark .bg-orange-100,
html.theme-dark .bg-purple-50,
html.theme-dark .bg-purple-100,
html.theme-dark .bg-pink-50,
html.theme-dark .bg-pink-100 { background-color:#111827 !important; }
html.theme-dark .bg-stone-200,
html.theme-dark .bg-gray-200,
html.theme-dark .bg-slate-200 { background-color:#1f2937 !important; }
html.theme-dark .text-gray-950,
html.theme-dark .text-gray-900,
html.theme-dark .text-gray-800,
html.theme-dark .text-slate-950,
html.theme-dark .text-slate-900,
html.theme-dark .text-slate-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-slate-700,
html.theme-dark .text-slate-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-slate-500,
html.theme-dark .text-slate-400,
html.theme-dark .text-stone-400,
html.theme-dark .text-stone-500 { color:#9ca3af !important; }
html.theme-dark .text-blue-700,
html.theme-dark .text-blue-600 { color:#93c5fd !important; }
html.theme-dark .text-emerald-700,
html.theme-dark .text-green-700,
html.theme-dark .text-green-600 { color:#86efac !important; }
html.theme-dark .text-red-700,
html.theme-dark .text-red-600,
html.theme-dark .text-rose-700,
html.theme-dark .text-rose-600 { color:#fca5a5 !important; }
html.theme-dark .text-amber-800,
html.theme-dark .text-amber-700,
html.theme-dark .text-amber-600 { color:#fcd34d !important; }
html.theme-dark .text-yellow-800,
html.theme-dark .text-yellow-700,
html.theme-dark .text-yellow-600 { color:#fde68a !important; }
html.theme-dark .text-orange-700,
html.theme-dark .text-orange-600 { color:#fdba74 !important; }
html.theme-dark .text-purple-700,
html.theme-dark .text-purple-600,
html.theme-dark .text-pink-700,
html.theme-dark .text-pink-600 { color:#d8b4fe !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 .border-emerald-200,
html.theme-dark .border-green-100,
html.theme-dark .border-emerald-100,
html.theme-dark .border-blue-100,
html.theme-dark .border-blue-200,
html.theme-dark .border-amber-100,
html.theme-dark .border-amber-200,
html.theme-dark .border-rose-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-red-50:hover,
html.theme-dark .hover\:bg-red-100:hover,
html.theme-dark .hover\:bg-green-50:hover,
html.theme-dark .hover\:bg-green-100:hover,
html.theme-dark .hover\:bg-emerald-50:hover,
html.theme-dark .hover\:bg-emerald-100:hover,
html.theme-dark .hover\:bg-amber-50:hover,
html.theme-dark .hover\:bg-amber-100: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; }
body > .bg-gradient-to-b,
.support-page { background:var(--site-page-bg) !important; }
html.theme-dark .bg-gradient-to-b,
html.theme-dark .bg-gradient-to-br { background-image:var(--site-page-bg) !important; background-color:var(--site-page-bg-color) !important; }
html.theme-dark .bg-gradient-to-r { background-image:linear-gradient(135deg, rgba(15,23,42,0.96), rgba(30,41,59,0.92)) !important; background-color:#0f172a !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-700,
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; }
.home-page { background:var(--site-page-bg) !important; color:var(--site-page-text); min-height:60vh; }
.home-featured { background:transparent !important; }
.home-hero { background-image:linear-gradient(135deg, rgba(49,46,129,0.96), rgba(67,56,202,0.88) 45%, rgba(88,28,135,0.96)) !important; background-color:#312e81 !important; }
html.theme-dark .home-page { background:var(--site-page-bg) !important; color:#e5e7eb !important; }
html.theme-dark .home-hero { background-image:linear-gradient(135deg, rgba(2,6,23,0.96), rgba(30,27,75,0.92) 48%, rgba(49,46,129,0.88)) !important; background-color:#020617 !important; }
html.theme-dark .home-featured { background:transparent !important; }
html.theme-dark .home-page h2 { color:#f8fafc !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; }
.support-page { color:#0f172a; }
.support-eyebrow { color:#4f46e5 !important; }
.support-title,
.support-section-title,
.support-link-title { color:#020617 !important; }
.support-copy,
.support-link-copy { color:#475569 !important; }
.support-card { background:rgba(255,255,255,0.94) !important; border-color:#e0e7ff !important; box-shadow:0 20px 55px rgba(79,70,229,0.10) !important; }
.support-action-card,
.support-policy-card { background:#f8fafc !important; border-color:#e2e8f0 !important; color:#0f172a !important; box-shadow:none !important; }
.support-action-card:hover,
.support-policy-card:hover { background:#eef2ff !important; border-color:#a5b4fc !important; }
.support-icon-card { background:#ffffff !important; color:#4f46e5 !important; border:1px solid #e0e7ff !important; box-shadow:none !important; }
.support-primary-icon { background:linear-gradient(135deg, #4f46e5, #7c3aed) !important; color:#ffffff !important; }
.support-fast-links { background:linear-gradient(145deg, #020617, #1e1b4b 62%, #312e81) !important; border:1px solid #312e81 !important; color:#f8fafc !important; box-shadow:0 24px 60px rgba(49,46,129,0.25) !important; }
.support-fast-eyebrow { color:#c7d2fe !important; }
.support-fast-title { color:#ffffff !important; }
.support-fast-link { background:rgba(255,255,255,0.10) !important; color:#f8fafc !important; border:1px solid rgba(199,210,254,0.14) !important; box-shadow:none !important; }
.support-fast-link:hover { background:rgba(129,140,248,0.22) !important; border-color:rgba(199,210,254,0.36) !important; }
html.theme-dark .support-page { background:var(--site-page-bg) !important; color:#e5e7eb !important; }
html.theme-dark .support-eyebrow { color:#a5b4fc !important; }
html.theme-dark .support-title,
html.theme-dark .support-section-title,
html.theme-dark .support-link-title { color:#f8fafc !important; }
html.theme-dark .support-copy,
html.theme-dark .support-link-copy { color:#cbd5e1 !important; }
html.theme-dark .support-card { background:linear-gradient(180deg, rgba(15,23,42,0.96), rgba(17,24,39,0.94)) !important; border-color:#334155 !important; box-shadow:0 24px 60px rgba(0,0,0,0.40) !important; }
html.theme-dark .support-action-card,
html.theme-dark .support-policy-card { background:rgba(30,41,59,0.86) !important; border-color:#475569 !important; color:#e5e7eb !important; box-shadow:none !important; }
html.theme-dark .support-action-card:hover,
html.theme-dark .support-policy-card:hover { background:rgba(49,46,129,0.46) !important; border-color:#818cf8 !important; }
html.theme-dark .support-icon-card { background:#0f172a !important; color:#a5b4fc !important; border-color:#334155 !important; box-shadow:none !important; }
html.theme-dark .support-primary-icon { background:linear-gradient(135deg, #6366f1, #8b5cf6) !important; color:#ffffff !important; }
html.theme-dark .support-fast-links { background:linear-gradient(145deg, #020617, #172554 50%, #312e81) !important; border-color:#3730a3 !important; box-shadow:0 24px 60px rgba(0,0,0,0.42) !important; }
html.theme-dark .support-fast-link { background:rgba(255,255,255,0.09) !important; color:#f8fafc !important; border-color:rgba(199,210,254,0.16) !important; box-shadow:none !important; }
html.theme-dark .support-fast-link:hover { background:rgba(129,140,248,0.24) !important; border-color:rgba(199,210,254,0.40) !important; }
.orders-page { background:var(--site-page-bg) !important; color:var(--site-page-text); min-height:60vh; }
html.theme-dark .orders-page { background:var(--site-page-bg) !important; color:#e5e7eb !important; }
html.theme-dark .orders-page .bg-white { background-color:rgba(15,23,42,0.94) !important; color:#e5e7eb !important; }
html.theme-dark .orders-page .bg-gray-50 { background-color:rgba(15,23,42,0.72) !important; color:#e5e7eb !important; }
html.theme-dark .orders-page .bg-gray-100 { background-color:rgba(30,41,59,0.95) !important; color:#cbd5e1 !important; }
html.theme-dark .orders-page .border-gray-100,
html.theme-dark .orders-page .border-gray-200,
html.theme-dark .orders-page .border-gray-300,
html.theme-dark .orders-page .ring-gray-200 { border-color:#334155 !important; --tw-ring-color:#334155 !important; }
html.theme-dark .orders-page .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color:#334155 !important; }
html.theme-dark .orders-page .text-gray-950,
html.theme-dark .orders-page .text-gray-900,
html.theme-dark .orders-page .text-gray-800 { color:#f8fafc !important; }
html.theme-dark .orders-page .text-gray-700,
html.theme-dark .orders-page .text-gray-600 { color:#d1d5db !important; }
html.theme-dark .orders-page .text-gray-500,
html.theme-dark .orders-page .text-gray-400,
html.theme-dark .orders-page .text-gray-300 { color:#94a3b8 !important; }
html.theme-dark .orders-page .hover\:bg-gray-50:hover,
html.theme-dark .orders-page .hover\:bg-gray-100:hover,
html.theme-dark .orders-page a.group:hover { background-color:rgba(30,41,59,0.86) !important; }
html.theme-dark .orders-page .hover\:text-indigo-700:hover,
html.theme-dark .orders-page .group:hover .group-hover\:text-indigo-700,
html.theme-dark .orders-page .group:hover .group-hover\:text-indigo-500 { color:#c7d2fe !important; }
html.theme-dark .orders-page a.bg-white,
html.theme-dark .orders-page button.bg-white,
html.theme-dark .orders-page .bg-white.text-gray-700,
html.theme-dark .orders-page .bg-white.text-gray-600 { background-color:#1e293b !important; color:#e5e7eb !important; border-color:#475569 !important; }
html.theme-dark .orders-page a.bg-white:hover,
html.theme-dark .orders-page button.bg-white:hover { background-color:#334155 !important; color:#ffffff !important; }
html.theme-dark .orders-page .bg-amber-100 { background-color:rgba(180,83,9,0.20) !important; color:#fcd34d !important; }
html.theme-dark .orders-page .bg-blue-100 { background-color:rgba(37,99,235,0.20) !important; color:#93c5fd !important; }
html.theme-dark .orders-page .bg-emerald-100 { background-color:rgba(5,150,105,0.20) !important; color:#86efac !important; }
html.theme-dark .orders-page .bg-red-100 { background-color:rgba(220,38,38,0.18) !important; color:#fca5a5 !important; }
html.theme-dark .orders-page .bg-slate-200 { background-color:rgba(71,85,105,0.56) !important; color:#cbd5e1 !important; }
html.theme-dark .orders-page .bg-gray-900 { background-color:#020617 !important; color:#ffffff !important; }
html.theme-dark .orders-page input,
html.theme-dark .orders-page textarea,
html.theme-dark .orders-page select { background:#020617 !important; color:#f8fafc !important; border-color:#475569 !important; }
html.theme-dark .orders-page .shadow-sm { box-shadow:0 22px 50px rgba(0,0,0,0.34) !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; }
.register-page { position:relative; overflow:hidden; background:radial-gradient(circle at 15% 15%, rgba(249, 115, 22, 0.16), transparent 30%), radial-gradient(circle at 90% 10%, rgba(20, 184, 166, 0.14), transparent 28%), linear-gradient(135deg, #fff7ed 0%, #f8fafc 42%, #eef2ff 100%); }
.register-page::before { content:""; position:absolute; inset:auto auto -9rem -8rem; width:22rem; height:22rem; border-radius:9999px; background:rgba(251, 146, 60, 0.16); filter:blur(10px); pointer-events:none; }
.register-page::after { content:""; position:absolute; top:7rem; right:-8rem; width:20rem; height:20rem; border-radius:9999px; background:rgba(45, 212, 191, 0.13); filter:blur(12px); pointer-events:none; }
.register-page > div { position:relative; z-index:1; }
@media (min-width:1024px){ .register-layout-grid { grid-template-columns:.88fr 1fr; } }
.register-feature-panel { background:linear-gradient(145deg, #0f172a 0%, #115e59 48%, #f97316 132%); isolation:isolate; }
.register-feature-panel::before { content:""; position:absolute; top:-8rem; right:-8rem; width:20rem; height:20rem; border-radius:9999px; background:rgba(255,255,255,0.12); filter:blur(2px); }
.register-feature-panel::after { content:""; position:absolute; bottom:-6rem; left:-7rem; width:18rem; height:18rem; border-radius:9999px; background:rgba(251, 146, 60, 0.32); filter:blur(4px); }
.register-pill { border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1); backdrop-filter:blur(12px); }
.register-benefit-card { display:flex; align-items:flex-start; gap:1rem; border:1px solid rgba(255,255,255,0.16); border-radius:1.25rem; background:rgba(15,23,42,0.22); padding:1rem; box-shadow:inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter:blur(12px); }
.register-benefit-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:2.75rem; height:2.75rem; border-radius:1rem; background:rgba(255,255,255,0.14); color:#ffffff; }
.register-mini-stats { border:1px solid rgba(255,255,255,0.15); background:rgba(0,0,0,0.1); backdrop-filter:blur(12px); }
.register-stat-divider { background:rgba(255,255,255,0.2); }
.register-form-panel { background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)); }
.register-state-card { min-height:34rem; display:flex; flex-direction:column; justify-content:center; }
.register-eyebrow { letter-spacing:.22em; }
.register-field-input { padding-left:3.25rem !important; }
.register-submit { box-shadow:0 18px 34px rgba(79, 70, 229, 0.28); }
.register-submit:hover { transform:translateY(-1px); box-shadow:0 22px 42px rgba(79, 70, 229, 0.34); }
html.theme-dark .register-page { background:radial-gradient(circle at 12% 12%, rgba(249, 115, 22, 0.18), transparent 32%), radial-gradient(circle at 88% 8%, rgba(20, 184, 166, 0.16), transparent 30%), linear-gradient(135deg, #020617 0%, #0f172a 55%, #111827 100%) !important; }
html.theme-dark .register-form-panel { background:linear-gradient(180deg, rgba(17,24,39,0.98), rgba(15,23,42,0.98)) !important; }
html.theme-dark .register-feature-panel { background:linear-gradient(145deg, #020617 0%, #134e4a 52%, #9a3412 132%) !important; }
html.theme-dark .register-benefit-card { background:rgba(2,6,23,0.34); border-color:rgba(148,163,184,0.24); }