@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap);:root{--color-bg:#030305;--color-bg-secondary:#0a0a0f;--color-text:#fff;--color-text-muted:#a0a0b0;--color-accent-blue:#0ea5e9;--color-accent-purple:#8b5cf6;--color-accent-pink:#d946ef;--color-accent-gold:#fbbf24;--gradient-primary:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-purple),var(--color-accent-pink));--gradient-gold:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);--gradient-bg-glow:radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%);--shadow-glass:0 8px 32px 0 rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(139,92,246,.4);--shadow-glow-large:0 0 40px rgba(217,70,239,.3);--glass-border:rgba(255,255,255,.08);--glass-bg:rgba(15,15,20,.4);--glass-blur:blur(20px);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.12),transparent 30%) , radial-gradient(circle at 85% 30%,rgba(217,70,239,.12),transparent 30%) , radial-gradient(circle at 50% 100%,rgba(14,165,233,.1),transparent 40%);background-attachment:fixed;position:relative;transition:background-color .5s ease , color .5s ease}:root[data-theme="light"]{--color-bg:#ccfff8;--color-bg-secondary:#a9eee5;--color-text:#111827;--color-text-muted:#4b5563;--color-accent-blue:#0284c7;--color-accent-purple:#7c3aed;--color-accent-pink:#c026d3;--color-accent-gold:#b45309;--gradient-glass:linear-gradient(135deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.3) 100%);--glass-bg:rgba(255,255,255,.6);--glass-border:rgba(0,0,0,.05);--shadow-glass:0 8px 32px 0 rgba(0,0,0,.08);--shadow-glow:0 0 20px rgba(124,58,237,.2)}:root[data-theme="light"] body{background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 0%,transparent 60%) , radial-gradient(circle at 80% 70%,rgba(204,255,248,.6) 0%,transparent 60%) , url(data:image/svg+xml,%3Csvg\ width=\'100\'\ height=\'100\'\ viewBox=\'0\ 0\ 100\ 100\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ d=\'M11\ 18c3.866\ 0\ 7-3.134\ 7-7s-3.134-7-7-7-7\ 3.134-7\ 7\ 3.134\ 7\ 7\ 7zm48\ 25c3.866\ 0\ 7-3.134\ 7-7s-3.134-7-7-7-7\ 3.134-7\ 7\ 3.134\ 7\ 7\ 7zm-43-7c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zm63\ 31c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zM34\ 90c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zm56-76c1.657\ 0\ 3-1.343\ 3-3s-1.343-3-3-3-3\ 1.343-3\ 3\ 1.343\ 3\ 3\ 3zM12\ 86c2.21\ 0\ 4-1.79\ 4-4s-1.79-4-4-4-4\ 1.79-4\ 4\ 1.79\ 4\ 4\ 4zm28-65c2.21\ 0\ 4-1.79\ 4-4s-1.79-4-4-4-4\ 1.79-4\ 4\ 1.79\ 4\ 4\ 4zm23-11c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zm-6\ 60c2.21\ 0\ 4-1.79\ 4-4s-1.79-4-4-4-4\ 1.79-4\ 4\ 1.79\ 4\ 4\ 4zm29\ 22c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zM32\ 63c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zm57-13c2.76\ 0\ 5-2.24\ 5-5s-2.24-5-5-5-5\ 2.24-5\ 5\ 2.24\ 5\ 5\ 5zm-9-21c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2zM60\ 91c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2zM35\ 41c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2zM12\ 60c1.105\ 0\ 2-.895\ 2-2s-.895-2-2-2-2\ .895-2\ 2\ .895\ 2\ 2\ 2z\'\ fill=\'%23ffffff\'\ fill-opacity=\'0.4\'\ fill-rule=\'evenodd\'/%3E%3C/svg%3E);background-size:400px}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:1rem;line-height:1.2}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-accent-purple)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.glass-card{background:var(--gradient-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0003;transition:transform .4s cubic-bezier(.175,.885,.32,1.275) , box-shadow .4s ease , border-color .4s ease}.glass-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-glow);border-color:#8b5cf666}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:14px 32px;border-radius:30px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #d946ef80;color:#fff}.btn-primary:hover:before{left:100%}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2);padding:14px 32px;border-radius:30px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.btn-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text);cursor:pointer;transition:all .3s}.btn-icon:hover{background:#ffffff1a;transform:scale(1.1);box-shadow:var(--shadow-glow)}.app-container{display:flex;flex-direction:column;min-height:100vh}.section{padding:100px 5%;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto}.header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:15px 5%;transition:all .3s ease}.header.scrolled{padding:10px 5%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.95rem;font-weight:500;position:relative;padding:5px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/xhero-bg.webp.pagespeed.ic.RLgvvMrNBO.webp);background-size:cover;background-position:center;z-index:0;animation:heroZoom 20s infinite alternate ease-in-out}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:1}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vw;background:var(--gradient-bg-glow);border-radius:50%;z-index:1;animation:pulse 8s ease-in-out infinite alternate;pointer-events:none}.hero-content{max-width:800px;z-index:2;position:relative}.hero p{font-size:1.2rem;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center}@media (max-width:500px){.hero-actions{flex-direction:column}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}to{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes spray-burst{0%{transform:translate(0) scale(.3);opacity:0}15%{opacity:1}75%{opacity:.9}to{transform:translate(var(--tx),var(--ty)) scale(1.5);opacity:0}}@keyframes spray-drift{0%{transform:translate(0) scale(.8);opacity:.35}50%{transform:translate(calc(var(--tx) * .15),calc(var(--ty) * .15)) scale(1.1);opacity:.75}to{transform:translate(0) scale(.8);opacity:.35}}.spray-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.spray-particle{position:absolute;top:50%;left:50%;border-radius:50%;transform-origin:center;will-change:transform , opacity;background-color:currentColor;box-shadow:0 0 5px currentColor , 0 0 10px currentColor}.accessories-slider-wrapper{position:relative;padding:0 40px}.accessories-slider-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2.5rem;scrollbar-width:none;padding-top:15px;margin-top:-15px;padding-bottom:25px;margin-bottom:-25px}.accessories-slider-container::-webkit-scrollbar{display:none}.accessories-slider-item{scroll-snap-align:start;flex:0 0 calc(33.333% - 1.666rem);min-width:250px}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid var(--glass-border);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.slider-btn:hover{background:#fff3;border-color:var(--color-accent-gold)}.slider-btn.left{left:0}.slider-btn.right{right:0}@media (max-width:992px){.accessories-slider-item{flex:0 0 calc(50% - 1.25rem)}}@media (max-width:768px){.accessories-slider-item{flex:0 0 100%}.accessories-slider-wrapper{padding:0}.slider-btn{display:none}}.admin-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--color-bg);color:var(--color-text)}.admin-container .admin-logo{display:flex;align-items:center}.admin-container .admin-logo img{height:35px}.admin-container .admin-nav{display:flex;flex-direction:row;gap:.5rem;align-items:center;overflow-x:auto;scrollbar-width:none}.admin-container .admin-nav::-webkit-scrollbar{display:none}.admin-container .admin-nav-item{display:flex;align-items:center;gap:.5rem;padding:10px 14px;border-radius:8px;color:var(--color-text-muted);text-decoration:none;border:1px solid transparent;transition:none!important;white-space:nowrap;font-size:.95rem;font-weight:500}.admin-container .admin-nav-item:hover{color:var(--color-text-muted)!important;background:transparent!important}.admin-container .admin-nav-item.active{background:transparent;color:var(--color-accent-gold)!important;border:1px solid rgba(251,191,36,.4)}.admin-container .admin-nav-item.active:hover{background:transparent!important;color:var(--color-accent-gold)!important}.admin-container .admin-header a,.admin-container .admin-header button{transition:none!important}.admin-container .admin-header a:hover,.admin-container .admin-header button:hover{color:inherit!important;opacity:1!important}.admin-container .admin-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--glass-border);background:#121214cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.admin-container .admin-header-left{display:flex;align-items:center;z-index:10}.admin-container .admin-header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;white-space:nowrap;z-index:5}.admin-container .admin-header-right{display:flex;align-items:center;z-index:10}@media (max-width:1200px){.admin-container .nav-text,.admin-container .admin-logo span{display:none}.admin-container .admin-nav-item{padding:8px}}.admin-container .admin-user{padding:8px 16px;background:#ffffff0d;border-radius:20px;font-size:.9rem;color:#fff}.admin-container .admin-main{flex-grow:1;display:flex;flex-direction:column;width:100%;min-width:0}.admin-container .admin-content{padding:2rem;flex-grow:1;width:100%;max-width:1400px;margin:0 auto;overflow-y:auto}.admin-container .admin-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0003}.admin-container .admin-table-container{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--glass-border)}.admin-container .admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-container .admin-table th,.admin-container .admin-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.admin-container .admin-table th{background:#0003;color:var(--color-text-muted);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.admin-container .admin-table tr:hover{background:#ffffff05}.admin-container .admin-table td{color:#fff}.admin-container .admin-action-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.admin-container .admin-action-btn:hover{background:#ffffff1a;color:#fff}.admin-container .admin-action-btn.danger:hover{color:var(--color-accent-red,#ef4444);background:#ef44441a}.admin-container .form-group{margin-bottom:1.5rem}.admin-container .form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.9rem}.admin-container .form-control{width:100%;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:inherit;transition:all .3s ease}.admin-container .form-control:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 0 2px #fbbf2433}.admin-container .badge{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-block}.admin-container .badge.new{background:#0ea5e933;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.admin-container .badge.processing{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.admin-container .badge.completed{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.admin-container .badge.cancelled{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.admin-container .admin-product-name-link{cursor:pointer;transition:all .2s ease}.admin-container .admin-product-name-link:hover{color:var(--color-accent-gold)!important;text-decoration:underline}.volume-cell-info{display:flex;flex-direction:column;gap:4px;font-size:.85rem;line-height:1.3}.volume-cell-price{color:var(--color-accent-gold);font-weight:600}.volume-cell-sku,.volume-cell-stock{color:#ffffff73;font-size:.75rem}.volume-cell-empty{color:#fff3}.admin-edit-container{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.admin-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border);gap:1.5rem;flex-wrap:wrap}.admin-edit-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-muted);margin-bottom:4px}.admin-edit-breadcrumbs-link{cursor:pointer;transition:color .2s ease}.admin-edit-breadcrumbs-link:hover{color:var(--color-accent-gold)}.admin-edit-title{font-size:1.75rem;font-weight:600;color:#fff;margin:0}.admin-edit-actions{display:flex;align-items:center;gap:12px}.product-nav-controls{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;padding:4px 8px;gap:12px}.product-nav-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s ease}.product-nav-btn:hover:not(:disabled){background:#ffffff14;color:var(--color-accent-gold)}.product-nav-btn:disabled{opacity:.3;cursor:not-allowed}.product-nav-indicator{font-size:.9rem;color:var(--color-text-muted);font-weight:500;min-width:70px;text-align:center}.admin-edit-grid{display:grid;grid-template-columns:7fr 3fr;gap:1.5rem;align-items:start}@media (max-width:1024px){.admin-edit-grid{grid-template-columns:1fr}}.admin-edit-main-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;gap:1.5rem}.admin-edit-side-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0003;position:sticky;top:90px;display:flex;flex-direction:column;gap:1.5rem}.editor-section-title{color:#fff;font-size:1.15rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.field-autofill-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease;opacity:.7;line-height:1;vertical-align:middle}.field-autofill-btn:hover:not(:disabled){color:var(--color-accent-gold);background:#ffffff0d;opacity:1;transform:scale(1.1)}.field-autofill-btn:disabled{opacity:.3;cursor:not-allowed}.wand-spinner{animation:wand-spin 1.5s linear infinite}@keyframes wand-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}