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; }
.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:2.75rem !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); }