*,:before,:after{box-sizing:border-box}:root{--sans:"Inter", system-ui, -apple-system, sans-serif;--primary:#6366f1;--primary-dark:#4f46e5;--dark:#0f172a;--mid:#1e293b;--text:#64748b;--text-h:#0f172a;--border:#e2e8f0;--bg:#fff;--bg-soft:#f8fafc;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{color:var(--text-h);letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.2}p{margin:0}a{color:inherit}button{font-family:var(--sans)}img{max-width:100%;display:block}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.navbar-inner{align-items:center;gap:4px;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:8px;margin-right:20px;text-decoration:none;display:flex}.logo-icon-svg{flex-shrink:0}.logo-text{color:#0f172a;letter-spacing:-.5px;font-size:17px;font-style:normal;font-weight:900}.logo-ver{color:#6366f1;font-style:normal}.navbar-nav{flex:1;align-items:center;gap:2px;display:flex}.nav-group{position:relative}.nav-trigger{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:7px 11px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-trigger:hover{color:#0f172a;background:#f1f5f9}.nav-trigger.active{color:#6366f1;background:#eef2ff}.trigger-arrow{color:#94a3b8;flex-shrink:0;width:13px;height:13px;transition:transform .2s}.nav-trigger.active .trigger-arrow{transform:rotate(180deg)}.dropdown{z-index:200;animation:.18s dropIn;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes dropIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dropdown-inner{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:2px;min-width:272px;padding:8px;display:flex;box-shadow:0 20px 48px #0000001f,0 4px 12px #0000000f}.dropdown-grid{grid-template-columns:1fr 1fr;min-width:540px;display:grid!important}.dropdown-item{color:#0f172a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{background:#f8fafc}.drop-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.drop-text{flex-direction:column;flex:1;gap:2px;display:flex}.drop-text strong{color:#0f172a;font-size:13px;font-weight:700;line-height:1}.drop-text span{color:#94a3b8;font-size:11px}.drop-arrow{color:#cbd5e1;opacity:0;width:14px;height:14px;transition:opacity .15s,transform .15s}.dropdown-item:hover .drop-arrow{opacity:1;transform:translate(3px)}.navbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-icon-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex;position:relative}.nav-icon-btn svg{width:17px;height:17px}.nav-icon-btn:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.cart-badge{color:#fff;background:#6366f1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px}.nav-panel-btn{color:#fff;white-space:nowrap;background:#0f172a;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.nav-panel-btn:hover{background:#1e293b}.hamburger{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:9px 8px;display:none}.hamburger span{transform-origin:50%;background:#475569;border-radius:2px;height:2px;transition:all .2s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-overlay{z-index:150;background:#00000073;animation:.22s overlayIn;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.mobile-menu{z-index:200;background:#fff;flex-direction:column;width:300px;max-width:85vw;animation:.25s cubic-bezier(.22,.68,0,1.2) slideFromRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-6px 0 32px #00000026}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.mobile-menu-header span{color:#0f172a;font-size:16px;font-weight:800}.mobile-menu-close{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;line-height:1;transition:all .15s;display:flex}.mobile-menu-close:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.mobile-menu-body{flex-direction:column;flex:1;gap:2px;padding:8px 12px 24px;display:flex;overflow-y:auto}.mobile-trigger{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:13px 10px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.mobile-trigger svg{color:#94a3b8;flex-shrink:0;width:17px;height:17px;transition:transform .2s}.mobile-trigger.expanded svg{transform:rotate(180deg)}.mobile-trigger:hover{background:#f8fafc}.mobile-sub{flex-direction:column;gap:1px;padding:2px 0 6px 14px;display:flex}.mobile-sub-item{color:#475569;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mobile-sub-item:hover{color:#0f172a;background:#f1f5f9}@media (width<=900px){.navbar-nav{display:none}.hamburger{display:flex}.nav-panel-btn{display:none}}@media (width<=480px){.navbar-inner{padding:0 16px}.logo-text{font-size:15px}}.footer{color:#94a3b8;background:#0a0f1e;width:100%;margin-top:auto}.footer-top{grid-template-columns:1.8fr repeat(5,1fr);gap:40px;max-width:1300px;margin:0 auto;padding:64px 40px 48px;display:grid}@media (width<=1100px){.footer-top{grid-template-columns:repeat(3,1fr);padding:48px 24px 36px}.footer-brand{grid-column:1/-1}}@media (width<=640px){.footer-top{grid-template-columns:1fr 1fr;gap:28px;padding:36px 20px 28px}.footer-brand{grid-column:1/-1}}.footer-logo-wrap{align-items:center;gap:10px;margin-bottom:14px;display:flex}.footer-logo-text{color:#fff;letter-spacing:-.5px;font-size:22px;font-style:normal;font-weight:900}.footer-logo-ver{color:#818cf8;font-style:normal}.footer-brand>p{color:#64748b;max-width:260px;margin:0 0 24px;font-size:14px;line-height:1.7}.footer-newsletter{gap:8px;margin-bottom:24px;display:flex}.footer-newsletter input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;flex:1;padding:9px 14px;font-size:13px;transition:border-color .2s}.footer-newsletter input::placeholder{color:#475569}.footer-newsletter input:focus{border-color:#6366f1}.footer-newsletter button{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .2s}.footer-newsletter button:hover{background:#4f46e5}.footer-socials{gap:8px;display:flex}.social-btn{color:#64748b;background:#1e293b;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .2s;display:inline-flex}.social-instagram{color:#e1306c;border-color:#e1306c}.social-whatsapp{color:#25d366;border-color:#25d366}.social-sahibinden{color:#e87722;border-color:#e87722}.social-btn svg{width:16px;height:16px}.social-sahibinden svg{width:24px;height:24px}.social-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1;transform:translateY(-2px)}.social-instagram:hover{background:#e1306c;border-color:#e1306c}.social-whatsapp:hover{background:#25d366;border-color:#25d366}.social-sahibinden{color:#e87722}.social-sahibinden:hover{color:#fff;background:#e87722;border-color:#e87722}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #6366f1;margin:0 0 18px;padding-bottom:10px;font-size:13px;font-weight:700;display:inline-block}.footer-col ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.footer-col ul a{color:#64748b;font-size:13px;text-decoration:none;transition:color .2s,padding-left .2s;display:inline-block}.footer-col ul a:hover{color:#c7d2fe;padding-left:4px}.footer-contact-section{background:#070d1c;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b}.footer-contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:48px;max-width:1300px;margin:0 auto;padding:48px 40px;display:grid}@media (width<=900px){.footer-contact-inner{grid-template-columns:1fr;gap:32px;padding:36px 24px}}@media (width<=480px){.footer-contact-inner{padding:28px 20px}}.footer-map{border:1px solid #1e293b;border-radius:16px;height:320px;overflow:hidden}.footer-map iframe{filter:invert(90%)hue-rotate(180deg);border:none;width:100%;height:100%;display:block}.footer-contact-title{color:#fff;letter-spacing:-.03em;margin:0 0 8px;font-size:18px;font-weight:800}.footer-contact-desc{color:#64748b;border-left:3px solid #6366f1;margin:0 0 20px;padding-left:12px;font-size:13px;line-height:1.65}.footer-contact-details{flex-direction:column;gap:20px;display:flex}.footer-contact-item{align-items:flex-start;gap:14px;display:flex}.fci-icon{color:#818cf8;background:#1e293b;border:1px solid #334155;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.fci-icon.fci-instagram{color:#e1306c}.fci-icon.fci-sahibinden{color:#e87722}.fci-icon svg{width:17px;height:17px}.fci-icon.fci-sahibinden svg{width:26px;height:26px}.footer-contact-item>div{flex-direction:column;gap:3px;display:flex}.footer-contact-item strong{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.footer-contact-item span{color:#64748b;font-size:13px}.footer-contact-item a{color:#818cf8;font-size:13px;text-decoration:none;transition:color .15s}.footer-contact-item a:hover{color:#a5b4fc}.footer-hours-item{align-items:flex-start}.hours-grid{flex-direction:column;gap:4px;margin-top:2px;display:flex}.hour-row{gap:8px;font-size:12px;display:flex}.hour-day{color:#64748b;min-width:84px}.hour-time{color:#94a3b8}.hour-row.closed .hour-time{color:#ef4444}.footer-bottom{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1300px;margin:0 auto;padding:18px 40px;display:flex}.footer-bottom p{color:#334155;margin:0;font-size:13px}.footer-bottom-links{flex-wrap:wrap;gap:24px;display:flex}.footer-bottom-links a{color:#334155;font-size:12px;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:#94a3b8}.page-hero{text-align:center;background:linear-gradient(150deg,#0f172a 0%,#1e1b4b 55%,#0c1628 100%);padding:100px 24px 80px;position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#6366f12e 0%,#0000 70%);position:absolute;inset:0}.hero-inner{flex-direction:column;align-items:center;gap:20px;max-width:760px;margin:0 auto;display:flex;position:relative}.hero-badge{color:#a5b4fc;letter-spacing:.8px;text-transform:uppercase;background:#6366f126;border:1px solid #6366f159;border-radius:99px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{color:#fff;letter-spacing:-.04em;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.08}.hero-title span{color:#818cf8}.hero-sub{color:#94a3b8;max-width:520px;font-size:clamp(15px,2vw,18px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-primary{color:#fff;background:#6366f1;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px #6366f166}.btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 28px #6366f180}.btn-ghost{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff40}.hero-stats{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;gap:40px;width:100%;margin-top:24px;padding-top:32px;display:flex}.hero-stat strong{color:#fff;letter-spacing:-.05em;font-size:28px;font-weight:900;display:block}.hero-stat span{color:#64748b;font-size:13px}.categories-section{grid-template-columns:repeat(3,1fr);gap:0;display:grid}@media (width<=768px){.categories-section{grid-template-columns:1fr}}.cat-card{cursor:pointer;border-right:1px solid #ffffff0a;flex-direction:column;gap:12px;padding:52px 36px;text-decoration:none;transition:filter .25s;display:flex;position:relative;overflow:hidden}.cat-card:last-child{border-right:none}.cat-card-downhill{background:linear-gradient(145deg,#1a0a0a 0%,#2d0f0f 100%)}.cat-card-enduro{background:linear-gradient(145deg,#1a1200 0%,#2d1f00 100%)}.cat-card-trail{background:linear-gradient(145deg,#051a0e 0%,#0a2b18 100%)}.cat-card:before{content:"";opacity:0;transition:opacity .3s;position:absolute;inset:0}.cat-card-downhill:before{background:radial-gradient(circle at 30%,#ef44441f,#0000 70%)}.cat-card-enduro:before{background:radial-gradient(circle at 30%,#f59e0b1f,#0000 70%)}.cat-card-trail:before{background:radial-gradient(circle at 30%,#22c55e1f,#0000 70%)}.cat-card:hover:before{opacity:1}.cat-card:hover .cat-arrow{transform:translate(5px)}.cat-tag{letter-spacing:1.5px;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.cat-card-downhill .cat-tag{color:#fca5a5;background:#ef444426}.cat-card-enduro .cat-tag{color:#fcd34d;background:#f59e0b26}.cat-card-trail .cat-tag{color:#86efac;background:#22c55e26}.cat-title{color:#fff;letter-spacing:-.04em;font-size:clamp(26px,3vw,36px);font-weight:900;position:relative}.cat-desc{color:#64748b;max-width:260px;font-size:14px;line-height:1.6}.cat-link{align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cat-card-downhill .cat-link{color:#f87171}.cat-card-enduro .cat-link{color:#fbbf24}.cat-card-trail .cat-link{color:#4ade80}.cat-arrow{font-style:normal;transition:transform .2s}.cat-emoji{opacity:.12;pointer-events:none;font-size:64px;line-height:1;position:absolute;bottom:24px;right:24px}.features-section{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:1000px;margin:0 auto;padding:72px 40px;display:grid}@media (width<=700px){.features-section{grid-template-columns:1fr;gap:16px;padding:48px 20px}}.feature-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:32px 28px;transition:box-shadow .2s,transform .2s;display:flex}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000012}.feature-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.feature-icon-wrap.purple{background:#eef2ff}.feature-icon-wrap.green{background:#f0fdf4}.feature-icon-wrap.blue{background:#eff6ff}.feature-card h3{color:var(--text-h);font-size:17px;font-weight:700}.feature-card p{color:var(--text);font-size:14px;line-height:1.65}.brands-strip{background:#0f172a;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:28px 0;overflow:hidden}.brands-marquee{width:max-content;animation:22s linear infinite marqueeScroll;display:flex}.brands-marquee:hover{animation-play-state:paused}.brands-track{align-items:center;gap:56px;padding:0 28px;display:flex}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-name-item{color:#334155;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;cursor:default;font-size:18px;font-weight:900;transition:color .2s}.brand-name-item:hover{color:#94a3b8}.home-slider{-webkit-user-select:none;user-select:none;background:#0a0f1e;border-radius:24px;width:60%;height:400px;margin:32px auto;position:relative;overflow:hidden;box-shadow:0 16px 56px #00000038,0 4px 16px #0000001a}.slider-track{width:100%;height:100%;position:relative}.slider-slide{opacity:0;pointer-events:none;transition:opacity .65s;position:absolute;inset:0}.slider-slide.active{opacity:1;pointer-events:auto}.slider-bg-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.slider-overlay{background:linear-gradient(110deg,#050514cc 0%,#05051473 50%,#05051414 100%);position:absolute;inset:0}.slider-content{flex-direction:column;justify-content:center;max-width:560px;padding:0 56px;display:flex;position:absolute;inset:0}.slider-tag{color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:#6366f1e6;border-radius:99px;align-items:center;gap:6px;width:fit-content;margin-bottom:14px;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex}.slider-subtitle{color:#ffffffd1;margin:0 0 18px;font-size:clamp(13px,1.8vw,17px);line-height:1.5}.slider-title{color:#fff;letter-spacing:-.04em;text-shadow:0 2px 24px #00000080;margin:0 0 18px;font-size:clamp(24px,3.2vw,44px);font-weight:900;line-height:1.1}.slider-cta{color:#0f172a;background:#fff;border-radius:10px;align-items:center;gap:7px;width:fit-content;padding:11px 22px;font-size:13px;font-weight:800;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 20px #00000038}.slider-cta:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 28px #00000047}.sl-arrow{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex;position:absolute;bottom:20px}.sl-arrow:hover{background:#6366f1;border-color:#6366f1;transform:scale(1.08);box-shadow:0 6px 20px #6366f166}.sl-arrow-prev{right:62px}.sl-arrow-next{right:16px}.sl-dots{z-index:10;gap:7px;display:flex;position:absolute;bottom:20px;left:56px}.sl-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .28s}.sl-dot.active{background:#fff;border-radius:3px;width:24px}.sl-progress{z-index:10;background:#ffffff1a;border-radius:0 0 24px 24px;height:3px;position:absolute;bottom:0;left:0;right:0}.sl-progress-bar{background:#6366f1;border-radius:0 0 0 24px;height:100%;animation:5s linear forwards slFill}@keyframes slFill{0%{width:0%}to{width:100%}}@media (width<=1100px){.home-slider{width:75%;margin:28px auto}}@media (width<=768px){.home-slider{border-radius:18px;width:90%;height:320px;margin:20px auto}.slider-content{max-width:100%;padding:0 28px}.sl-arrow{width:32px;height:32px;bottom:14px}.sl-arrow-prev{right:54px}.sl-arrow-next{right:14px}.sl-dots{bottom:16px;left:28px}.slider-title{font-size:clamp(20px,6vw,32px)}}@media (width<=480px){.home-slider{border-radius:14px;width:95%;height:250px;margin:14px auto}.slider-content{padding:0 20px}}.promo-cards{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto 16px;padding:0 24px;display:grid}@media (width<=900px){.promo-cards{grid-template-columns:1fr 1fr}}@media (width<=560px){.promo-cards{grid-template-columns:1fr}}.promo-card{border:1px solid #0000;border-radius:18px;align-items:center;gap:18px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.promo-card-cash{background:linear-gradient(135deg,#0f2027 0%,#1a3a2a 100%);border-color:#22c55e33}.promo-card-credit{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-color:#6366f133}.promo-card-transfer{background:linear-gradient(135deg,#1a1200 0%,#2d1f00 100%);border-color:#f59e0b33}.promo-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.promo-card-cash .promo-card-icon{color:#4ade80;background:#22c55e26}.promo-card-credit .promo-card-icon{color:#a5b4fc;background:#6366f126}.promo-card-transfer .promo-card-icon{color:#fbbf24;background:#f59e0b26}.promo-card-body{flex-direction:column;flex:1;gap:4px;display:flex}.promo-card-tag{text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.promo-card-cash .promo-card-tag{color:#4ade80}.promo-card-credit .promo-card-tag{color:#a5b4fc}.promo-card-transfer .promo-card-tag{color:#fbbf24}.promo-card-title{color:#fff;letter-spacing:-.03em;margin:0;font-size:18px;font-weight:900}.promo-card-desc{color:#94a3b8;margin:2px 0 0;font-size:13px;line-height:1.5}.promo-card-badge{letter-spacing:-.04em;opacity:.18;flex-shrink:0;font-size:22px;font-weight:900;line-height:1}.promo-card-cash .promo-card-badge{color:#4ade80}.promo-card-credit .promo-card-badge{color:#a5b4fc}.promo-card-transfer .promo-card-badge{color:#fbbf24}.swiper-section{background:#fff;padding:72px 0 60px}.testimonials-section{background:#f8fafc}.swiper-section-head{justify-content:space-between;align-items:flex-end;max-width:1300px;margin:0 auto 32px;padding:0 40px;display:flex}.swiper-label{text-transform:uppercase;letter-spacing:1.5px;color:#6366f1;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.swiper-title{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:clamp(22px,3vw,30px);font-weight:900}.swiper-nav-btns{flex-shrink:0;gap:8px;display:flex}.swiper-nav-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.swiper-nav-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.swiper-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;gap:16px;max-width:1300px;margin:0 auto;padding:8px 40px 24px;scroll-padding-left:40px;display:flex;overflow-x:auto}.swiper-track::-webkit-scrollbar{display:none}.swiper-track:after{content:"";flex:0 0 40px}@media (width<=640px){.swiper-track:after{flex:0 0 20px}}.prod-card{scroll-snap-align:start;scroll-snap-stop:always;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:0 0 260px;transition:box-shadow .2s,transform .2s;overflow:hidden}.prod-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.prod-card-img{background:#f8fafc;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.prod-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.prod-card:hover .prod-card-img img{transform:scale(1.06)}.prod-card-no-img{color:#cbd5e1}.prod-card-body{flex-direction:column;gap:6px;padding:16px 18px 20px;display:flex}.prod-card-cat{text-transform:uppercase;letter-spacing:1px;color:#6366f1;font-size:10px;font-weight:700}.prod-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.prod-card-price{color:#0f172a;margin-top:4px;font-size:16px;font-weight:800}.review-card{scroll-snap-align:start;scroll-snap-stop:always;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;flex:0 0 360px;gap:16px;padding:28px;transition:box-shadow .2s;display:flex}.review-card:hover{box-shadow:0 8px 32px #00000014}.review-stars{gap:3px;display:flex}.review-text{color:#475569;flex:1;margin:0;font-size:14px;line-height:1.7}.review-author{border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding-top:16px;display:flex}.review-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:flex}.review-name{color:#0f172a;font-size:14px;font-weight:700;display:block}.review-date{color:#94a3b8;margin-top:1px;font-size:12px;display:block}@media (width<=640px){.swiper-section{padding:48px 0 40px}.swiper-section-head{margin-bottom:20px;padding:0 20px}.swiper-nav-btns{display:none}.swiper-title{font-size:20px}.swiper-track{gap:12px;padding:8px 20px 20px;scroll-padding-left:20px}.prod-card{scroll-snap-align:center;flex:0 0 80vw;max-width:300px}.prod-card-img{height:180px}.review-card{scroll-snap-align:center;flex:0 0 85vw;max-width:340px;padding:20px}}.type-select-wrap{flex-direction:column;gap:20px;padding:32px 28px 40px;display:flex}.type-select-label{color:#0f172a;margin:0;font-size:16px;font-weight:700}.type-select-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}@media (width<=800px){.type-select-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=500px){.type-select-grid{grid-template-columns:repeat(2,1fr)}}.type-select-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.type-select-card:hover{border-color:#6366f1;transform:translateY(-3px);box-shadow:0 4px 20px #6366f126}.upload-btn-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.upload-btn-row{grid-template-columns:1fr}}.upload-area-half{cursor:pointer}.type-select-name{color:#0f172a;font-size:14px;font-weight:700}.panel{background:#f8fafc;min-height:100svh;font-family:Inter,system-ui,sans-serif;display:flex}.panel-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:248px;height:100svh;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 8px #0000000a}.panel-sidebar.collapsed{width:68px}.sidebar-brand{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;min-height:68px;padding:20px 16px 20px 18px;display:flex}.brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.brand-name{color:#0f172a;letter-spacing:-.5px;white-space:nowrap;flex:1;font-size:18px;font-weight:800}.collapse-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;padding:0;transition:all .15s;display:flex}.collapse-btn svg{width:14px;height:14px}.collapse-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 10px;display:flex;overflow-y:auto}.nav-section-label{color:#94a3b8;letter-spacing:1.2px;padding:6px 10px 4px;font-size:10px;font-weight:700;display:block}.nav-item{color:#64748b;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#0f172a;background:#f8fafc}.nav-item.active{color:#4f46e5;background:#eef2ff;font-weight:600}.nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-item-icon svg{width:18px;height:18px}.nav-item-label{flex:1}.nav-item-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-group{flex-direction:column;display:flex}.nav-group-header{color:#94a3b8;letter-spacing:.3px;white-space:nowrap;align-items:center;gap:12px;padding:8px 12px 4px;font-size:12px;font-weight:700;display:flex}.nav-group-header.active{color:#4f46e5}.nav-group-header .nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-group-header .nav-item-icon svg{width:16px;height:16px}.nav-sub-item{padding-left:28px!important;font-size:13px!important}.nav-sub-item .nav-item-icon svg{width:15px;height:15px}.sidebar-user{border-top:1px solid #f1f5f9;align-items:center;gap:10px;padding:14px 12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:#94a3b8;font-size:11px}.user-logout{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:4px;transition:all .15s;display:flex}.user-logout svg{width:16px;height:16px}.user-logout:hover{color:#ef4444;background:#fee2e2}.panel-main{flex-direction:column;flex:1;min-width:0;display:flex}.panel-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.panel-page-title{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1}.breadcrumb{color:#94a3b8;align-items:center;gap:6px;margin-top:3px;font-size:12px;display:flex}.bc-sep{color:#cbd5e1}.bc-active{color:#6366f1;font-weight:500}.header-right{align-items:center;gap:12px;display:flex}.header-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;transition:border-color .2s;display:flex}.header-search:focus-within{background:#fff;border-color:#6366f1}.header-search svg{color:#94a3b8;flex-shrink:0;width:16px;height:16px}.header-search input{color:#0f172a;background:0 0;border:none;outline:none;width:180px;font-size:14px}.header-search input::placeholder{color:#94a3b8}.icon-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex;position:relative}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.header-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.panel-body{flex-direction:column;flex:1;gap:24px;padding:28px 32px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:0;padding:20px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:14px;display:flex}.stat-icon-wrap svg{width:22px;height:22px}.stat-purple .stat-icon-wrap{color:#6366f1;background:#eef2ff}.stat-blue .stat-icon-wrap{color:#3b82f6;background:#eff6ff}.stat-green .stat-icon-wrap{color:#22c55e;background:#f0fdf4}.stat-orange .stat-icon-wrap{color:#f59e0b;background:#fff7ed}.stat-content{flex-direction:column;flex:1;gap:2px;display:flex}.stat-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1}.stat-label{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:500}.stat-sub{color:#22c55e;margin-top:4px;font-size:11px;font-weight:600}.stat-sparkline{opacity:.15;width:90px;height:40px;position:absolute;bottom:0;right:0}.stat-sparkline svg{width:100%;height:100%}.stat-purple .stat-sparkline{color:#6366f1}.stat-blue .stat-sparkline{color:#3b82f6}.stat-green .stat-sparkline{color:#22c55e}.stat-orange .stat-sparkline{color:#f59e0b}.panel-row{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.panel-row{grid-template-columns:1fr}}.panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:20px 24px 0;display:flex}.card-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.card-sub{color:#94a3b8;margin:3px 0 0;font-size:12px}.btn-outline{color:#6366f1;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-outline:hover{background:#eef2ff;border-color:#6366f1}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:10px 16px;font-size:11px;font-weight:700}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:14px 16px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#fafbff}.customer-cell{align-items:center;gap:10px;display:flex}.customer-avatar{color:#6366f1;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.customer-name{color:#0f172a;font-size:13px;font-weight:600}.customer-id{color:#94a3b8;font-family:monospace;font-size:11px}.product-cell{color:#475569}.date-cell{color:#94a3b8;font-size:12px}.amount-cell{color:#0f172a;font-weight:700}.status-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.st-warn{color:#92400e;background:#fef3c7}.st-info{color:#1e40af;background:#dbeafe}.st-ok{color:#166534;background:#dcfce7}.st-err{color:#991b1b;background:#fee2e2}.panel-side-col{flex-direction:column;gap:16px;display:flex}.quick-card,.activity-card{padding:20px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.quick-btn{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.quick-btn:hover{border-color:var(--qa-color);color:var(--qa-color);background:#fff;box-shadow:0 4px 12px #0000000f}.quick-icon{font-size:22px}.activity-list{flex-direction:column;gap:12px;margin:14px 0 0;padding:0;list-style:none;display:flex}.activity-list li{color:#475569;align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-list strong{color:#0f172a;font-weight:600}.header-left{min-width:0}.products-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-add svg{flex-shrink:0;width:15px;height:15px}.btn-add:hover{background:#4f46e5;transform:translateY(-1px)}.products-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.prod-img-thumb{object-fit:cover;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.prod-img-thumb img{object-fit:cover;border-radius:10px;width:100%;height:100%}.prod-title-cell{color:#0f172a;font-size:13px;font-weight:600}.prod-price-cell{color:#0f172a;font-weight:700}.prod-cat-chip{color:#6366f1;background:#eef2ff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.stock-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.stock-in{color:#166534;background:#dcfce7}.stock-out{color:#991b1b;background:#fee2e2}.action-btns{gap:6px;display:flex}.btn-icon-sm{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-icon-sm svg{width:14px;height:14px}.btn-icon-sm:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.btn-icon-sm.del:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.btn-icon-sm.suspend{color:#f59e0b}.btn-icon-sm.suspend:hover{color:#d97706;background:#fef3c7;border-color:#f59e0b}.btn-icon-sm.activate{color:#22c55e}.btn-icon-sm.activate:hover{color:#16a34a;background:#dcfce7;border-color:#22c55e}.empty-state{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:64px 20px;display:flex}.empty-icon{font-size:48px}.empty-state p{font-size:15px;font-weight:500}.empty-state span{font-size:13px}.product-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.form-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:20px 28px;display:flex}.btn-back{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.btn-back svg{width:16px;height:16px}.btn-back:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.form-card-header h2{color:#0f172a;font-size:16px;font-weight:700}.product-form{grid-template-columns:1fr 1fr;gap:20px;padding:28px;display:grid}@media (width<=900px){.product-form{grid-template-columns:1fr}}.form-col-full{grid-column:1/-1}.form-group{flex-direction:column;gap:7px;display:flex}.form-label{color:#374151;font-size:13px;font-weight:600}.form-label span{color:#ef4444;margin-left:2px}.form-input,.form-select,.form-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:110px;line-height:1.6}.stock-toggle-row{border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.toggle-label{color:#374151;font-size:14px;font-weight:500}.toggle-switch{cursor:pointer;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{background:#e2e8f0;border-radius:99px;transition:background .2s;position:absolute;inset:0}.toggle-switch input:checked+.toggle-track{background:#6366f1}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px)}.image-upload-area{text-align:center;cursor:pointer;background:#fafbff;border:2px dashed #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:border-color .2s,background .2s;display:flex}.image-upload-area:hover{background:#f5f3ff;border-color:#6366f1}.image-upload-area input{display:none}.upload-icon{color:#6366f1;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.upload-icon svg{width:20px;height:20px}.upload-hints{text-align:left}.upload-hint{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.upload-hint strong{color:#6366f1}.image-previews{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.img-preview-item{width:80px;height:80px;position:relative}.img-preview-item img{object-fit:cover;border:2px solid #e2e8f0;border-radius:10px;width:100%;height:100%}.img-preview-item:first-child img{border-color:#6366f1}.img-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.img-primary-label{color:#fff;white-space:nowrap;background:#6366f1;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cat-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=900px){.cat-grid{grid-template-columns:repeat(3,1fr)}}.cat-card{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:10px 12px;font-family:inherit;transition:all .15s;display:flex}.cat-card:hover{background:#eef2ff;border-color:#a5b4fc}.cat-card.selected{background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.cat-card-name{color:#374151;font-size:13px;font-weight:600}.cat-card.selected .cat-card-name{color:#4f46e5}.cat-chips{flex-wrap:wrap;gap:8px;display:flex}.cat-chip{color:#374151;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cat-chip:hover{color:#4f46e5;background:#eef2ff;border-color:#a5b4fc}.cat-chip.selected{color:#fff;background:#6366f1;border-color:#6366f1}.cat-chip-arrow{opacity:.6;margin-left:2px;font-size:15px}.cat-level-2,.cat-level-3{animation:.2s both catSlideIn}@keyframes catSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:20px 28px;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.btn-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:130px;padding:10px 28px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.btn-submit:hover:not(:disabled){background:#4f46e5}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-alert{border-radius:10px;grid-column:1/-1;padding:12px 16px;font-size:13px;font-weight:500}.form-alert.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.form-alert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.slider-upload-area{min-height:160px;max-height:240px;overflow:hidden}.slide-preview-img{object-fit:cover;border-radius:8px;width:100%;height:220px;display:block}.toggle-group{justify-content:flex-start}.toggle-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.toggle-btn.toggle-on{color:#4f46e5;background:#eef2ff;border-color:#6366f1}.toggle-btn.toggle-off{color:#64748b;background:#f8fafc;border-color:#cbd5e1}.toggle-knob{background:#cbd5e1;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle-knob:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle-btn.toggle-on .toggle-knob{background:#6366f1}.toggle-btn.toggle-on .toggle-knob:after{left:19px}.slide-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px;display:grid}.slide-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:box-shadow .2s;overflow:hidden}.slide-card:hover{box-shadow:0 4px 20px #00000014}.slide-card-img{background:#f1f5f9;height:160px;position:relative;overflow:hidden}.slide-card-img img{object-fit:cover;width:100%;height:100%;display:block}.slide-no-img{color:#cbd5e1;justify-content:center;align-items:center;height:100%;display:flex}.slide-no-img svg{width:36px;height:36px}.slide-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.slide-badge-on{color:#166534;background:#dcfce7}.slide-badge-off{color:#991b1b;background:#fee2e2}.slide-card-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.slide-card-actions{flex-shrink:0;gap:6px;display:flex}.slide-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.slide-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.slide-card-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.slide-card-meta{color:#94a3b8;font-size:11px}.slide-order-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:border-color .15s}.slide-order-select:focus{border-color:#6366f1}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.view-title{color:#0f172a;margin:0;font-size:20px;font-weight:800}.view-sub{color:#94a3b8;margin:4px 0 0;font-size:13px}.product-form-wrap{flex-direction:column;gap:20px;display:flex}.form-top-bar{align-items:center;gap:12px;display:flex}.form-section-title{color:#0f172a;margin:0;font-size:18px;font-weight:800}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.form-section-label{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin:0 0 4px;font-size:11px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.form-section .form-group{flex-direction:column;gap:6px;display:flex}.form-section .form-group label{color:#374151;font-size:13px;font-weight:600}.form-section .form-group input,.form-section .form-group select,.form-section .form-group textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-section .form-group input:focus,.form-section .form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.form-actions{justify-content:flex-end;gap:12px;display:flex}.btn-primary-form{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;min-width:130px;padding:10px 28px;font-size:14px;font-weight:700;transition:background .15s}.btn-primary-form:hover:not(:disabled){background:#4f46e5}.btn-primary-form:disabled{opacity:.6;cursor:not-allowed}.form-alert-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.form-alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.login-screen{background:linear-gradient(150deg,#0f172a 0%,#1e1b4b 55%,#0c1628 100%);justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.login-card{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 24px 64px #00000059}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-brand-name{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:800}.login-brand-name em{color:#6366f1;font-style:normal}.login-title{color:#0f172a;margin:0 0 6px;font-size:22px;font-weight:800}.login-sub{color:#94a3b8;margin:0 0 24px;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:#374151;font-size:13px;font-weight:600}.login-field input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.login-pass-wrap{position:relative}.login-pass-wrap input{padding-right:44px}.login-eye{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-eye:hover{color:#6366f1}.login-eye svg{width:18px;height:18px}.login-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.login-submit:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.login-submit:disabled{opacity:.7;cursor:not-allowed}@media (width<=480px){.login-card{border-radius:18px;padding:28px 20px}}@media (width<=768px){.panel{flex-direction:column}.panel-sidebar{z-index:100;height:auto;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #e8edf3;border-right:none;flex-direction:row;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #00000017;width:100%!important}.sidebar-brand,.sidebar-user{display:none}.sidebar-nav{scrollbar-width:none;flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%;padding:6px 2px;overflow:auto visible}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section-label{display:none}.nav-item{white-space:nowrap;color:#94a3b8;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;max-width:80px;height:60px;padding:7px 6px 9px;font-size:10px;font-weight:500}.nav-item:hover{color:#475569;background:#f8fafc}.nav-item.active{color:#4f46e5;background:#eef2ff;font-weight:700}.nav-item-icon{width:24px;height:24px}.nav-item-icon svg{width:22px;height:22px}.nav-item-dot{display:none}.panel-main{padding-bottom:76px}.panel-header{height:54px;padding:0 16px}.header-search{display:none}.panel-page-title{font-size:15px}.panel-body{gap:14px;padding:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:18px}.stat-label{font-size:11px}.stat-card{padding:14px}.stat-icon-wrap{width:38px;height:38px}.stat-icon-wrap svg{width:18px;height:18px}.panel-row{grid-template-columns:1fr}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:560px}.product-form{gap:14px;padding:14px}.form-card-header,.form-footer{padding:14px 16px}.cat-grid{grid-template-columns:repeat(2,1fr)}.slide-cards-grid{grid-template-columns:1fr;padding:12px}.btn-add{padding:8px 14px;font-size:12px}.form-section{padding:14px}.form-grid{grid-template-columns:1fr}}.cat-banner{padding:40px 0 36px}.cat-banner-inner{align-items:center;gap:8px;max-width:1200px;margin:0 auto 24px;padding:0 32px;display:flex}.cat-breadcrumb{color:#ffffff73;font-size:13px;text-decoration:none;transition:color .15s}.cat-breadcrumb:hover{color:#ffffffbf}.cat-breadcrumb.active{color:#ffffffe6;font-weight:600}.cat-bc-sep{color:#ffffff40;font-size:13px}.cat-banner-content{align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.cat-banner-icon{font-size:52px;line-height:1}.cat-banner-title{letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(28px,4vw,44px);font-weight:900}.cat-banner-desc{color:#ffffff80;margin:0;font-size:15px}@media (width<=600px){.cat-banner-inner,.cat-banner-content{padding:0 20px}.cat-banner-icon{font-size:36px}}.cat-page-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 32px 64px}@media (width<=600px){.cat-page-body{padding:24px 16px 48px}}.cat-count{color:#94a3b8;margin-bottom:24px;font-size:13px;font-weight:500}.products-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1100px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=480px){.products-grid{grid-template-columns:1fr}}.pcard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.pcard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.pcard-img{aspect-ratio:4/3;background:#f8fafc;position:relative;overflow:hidden}.pcard-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.pcard:hover .pcard-img img{transform:scale(1.04)}.pcard-img-placeholder{background:linear-gradient(135deg,#f8fafc,#eef2ff);justify-content:center;align-items:center;width:100%;height:100%;font-size:56px;display:flex}.pcard-stock{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.pcard-stock.in{color:#166534;background:#dcfce7}.pcard-stock.out{color:#991b1b;background:#fee2e2}.pcard-body{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.pcard-cat{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.pcard-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.pcard-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.pcard-price{color:#0f172a;font-size:16px;font-weight:800}.pcard-cta{color:#6366f1;font-size:12px;font-weight:700}.cat-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.cat-empty span{font-size:48px}.cat-empty p{margin:0;font-size:16px;font-weight:500}.detail-breadcrumb-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0}.detail-bc-inner{flex-wrap:wrap;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:12px 32px;display:flex}.detail-bc-inner a{color:#64748b;font-size:13px;text-decoration:none;transition:color .15s}.detail-bc-inner a:hover{color:#6366f1}.detail-bc-inner span{color:#94a3b8;font-size:13px}.bc-current{color:#0f172a;font-size:13px;font-weight:500}.detail-body{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:56px;width:100%;max-width:1200px;margin:0 auto;padding:48px 32px 64px;display:grid}@media (width<=900px){.detail-body{flex-direction:column;gap:0;padding:0;display:flex}.detail-gallery{padding:12px 12px 0}.detail-main-img{aspect-ratio:16/9;border-radius:14px}.detail-info{box-sizing:border-box;width:100%;padding:24px 20px 48px}}.detail-main-img{aspect-ratio:4/3;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;position:relative;overflow:hidden}.img-zoom-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;color:#0f172a;z-index:2;background:#ffffffe6;border:1px solid #00000014;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .15s;display:flex;position:absolute;bottom:12px;right:12px}.img-zoom-btn:hover{background:#fff;transform:scale(1.08)}.lightbox-overlay{z-index:9999;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff4d}.lightbox-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:75vh}.lightbox-thumbs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lightbox-thumb{cursor:pointer;border:2px solid #0000;border-radius:8px;width:56px;height:56px;padding:0;transition:border-color .15s;overflow:hidden}.lightbox-thumb img{object-fit:cover;width:100%;height:100%}.lightbox-thumb.active{border-color:#6366f1}.detail-main-img img{object-fit:cover;width:100%;height:100%}.detail-img-placeholder{background:linear-gradient(135deg,#f8fafc,#eef2ff);justify-content:center;align-items:center;width:100%;height:100%;font-size:96px;display:flex}.detail-thumbs{flex-wrap:wrap;gap:8px;display:flex}.detail-thumb{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;width:72px;height:72px;padding:0;transition:border-color .15s;overflow:hidden}.detail-thumb img{object-fit:cover;width:100%;height:100%}.detail-thumb.active{border-color:#6366f1}.detail-thumb:hover{border-color:#a5b4fc}.detail-info{flex-direction:column;gap:16px;display:flex}.detail-cat-badge{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;background:#eef2ff;border-radius:20px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.detail-title{color:#0f172a;letter-spacing:-.03em;font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1.2}.detail-price-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.detail-price{color:#0f172a;letter-spacing:-.04em;font-size:36px;font-weight:900;line-height:1}.detail-stock{border-radius:20px;padding:5px 14px;font-size:13px;font-weight:700}.detail-stock.in{color:#166534;background:#dcfce7}.detail-stock.out{color:#991b1b;background:#fee2e2}.detail-desc{color:#475569;margin:0;font-size:15px;line-height:1.75}.detail-divider{background:#f1f5f9;height:1px}.detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-sahibinden{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;min-width:200px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn-sahibinden:hover:not(.disabled){background:#d97706;transform:translateY(-1px)}.btn-sahibinden.disabled{cursor:not-allowed;opacity:.7;background:#94a3b8}.detail-meta{background:#f8fafc;border-radius:14px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.meta-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.meta-key{color:#94a3b8;font-weight:500}.meta-val{color:#0f172a;font-weight:600}.meta-link{color:#6366f1;text-decoration:none}.meta-link:hover{text-decoration:underline}.detail-badges{flex-wrap:wrap;gap:8px;display:flex}.detail-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:7px 14px;font-size:12px;font-weight:600}.detail-loading{color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.detail-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-not-found{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.detail-not-found span{font-size:56px}.detail-not-found h2{color:#0f172a;font-size:22px}.btn-primary-link{color:#fff;background:#6366f1;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s}.btn-primary-link:hover{background:#4f46e5}@media (width<=480px){.detail-bc-inner{padding:10px 16px}.qty-control span{width:40px}}.wa-float{z-index:9999;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #25d36673}.wa-float svg{flex-shrink:0;width:30px;height:30px}.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px #25d36699}.wa-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#0f172a;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;right:68px;transform:translate(6px)}.wa-tooltip:after{content:"";border:5px solid #0000;border-left-color:#0f172a;border-right:none;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.wa-float:hover .wa-tooltip{opacity:1;transform:translate(0)}@media (width<=480px){.wa-float{width:52px;height:52px;bottom:20px;right:20px}.wa-float svg{width:26px;height:26px}.wa-tooltip{display:none}}