@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&display=swap";:root{--color-bg:#f8fafc;--color-bg-rgb:248, 250, 252;--color-surface:#fff;--color-surface-rgb:255, 255, 255;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-accent:#cf0;--color-accent-rgb:204, 255, 0;--color-accent-blue:#00bac6;--color-accent-blue-rgb:0, 186, 198;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-dark:#0f172a;--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Barlow Condensed", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--header-height:80px;--border-radius:0px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;font-size:16px}body{min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-weight:700;line-height:1.1}p{color:var(--color-text-muted);line-height:1.6}#root{background-color:var(--color-bg);text-align:left!important;box-sizing:border-box!important;border-inline:none!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin:0!important;display:flex!important}.container{max-width:1400px;margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px}}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1.1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--color-accent);color:var(--color-text-dark);border:1px solid var(--color-accent)}.btn-primary:hover{background-color:var(--color-text-dark);color:var(--color-accent);box-shadow:0 0 15px #cf06}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background-color:#0000}.btn-secondary:hover{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn-accent{color:var(--color-accent-blue);border:1px solid var(--color-accent-blue);background-color:#0000}.btn-accent:hover{background-color:var(--color-accent-blue);color:var(--color-bg);box-shadow:0 0 15px #00f0ff66}.input-field{border:1px solid var(--color-border);width:100%;color:var(--color-text);transition:var(--transition-fast);background-color:#00000005;padding:12px 16px;font-size:.95rem}.input-field:focus{border-color:var(--color-accent-blue);background-color:#0000000a;outline:none}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;display:flex;position:relative;overflow:hidden}.marquee-content{flex-shrink:0;animation:25s linear infinite marquee;display:flex}.marquee-item{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #ffffff59;text-transform:uppercase;align-items:center;padding:0 2rem;font-size:3rem;font-weight:800;display:inline-flex}.marquee-item.highlighted{color:#fff;-webkit-text-stroke:none}.marquee-item.accented{color:var(--color-accent);-webkit-text-stroke:none}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#ffffffd9}.badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-block}.badge-sale{background-color:var(--color-accent);color:var(--color-text-dark)}.badge-new{background-color:var(--color-accent-blue);color:var(--color-text-dark)}.badge-soldout{color:#94a3b8;background-color:#334155}.form-group{margin-bottom:20px}.form-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.product-grid{background-color:var(--color-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}@media (width<=1200px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.product-grid{grid-template-columns:1fr}}.berkly-theme{--color-bg:#f5f2eb;--color-bg-rgb:245, 242, 235;--color-surface:#eae5d9;--color-surface-rgb:234, 229, 217;--color-surface-hover:#dfd9cb;--color-border:#d0c8b6;--color-border-hover:#bdae96;--color-accent:#8b5a2b;--color-accent-rgb:139, 90, 43;--color-accent-blue:#556b2f;--color-accent-blue-rgb:85, 107, 47;--color-text:#2f271d;--color-text-muted:#756a5c;--color-text-dark:#2f271d}.berkly-theme .btn-primary:hover{background-color:var(--color-text-dark);color:var(--color-accent);box-shadow:0 0 15px #8b5a2b66}.berkly-theme .btn-accent:hover{background-color:var(--color-accent-blue);color:var(--color-bg);box-shadow:0 0 15px #556b2f66}.berkly-theme ::-webkit-scrollbar-track{background:var(--color-bg)}.berkly-theme ::-webkit-scrollbar-thumb{background:var(--color-border)}.berkly-theme ::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}