*,: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-menu{border-top:1px solid #f1f5f9;flex-direction:column;gap:2px;max-height:calc(100svh - 64px);padding:8px 16px 20px;animation:.2s slideDown;display:flex;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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-btn svg{width:16px;height:16px}.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:hover{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}.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{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;padding:28px 40px;display:flex}@media (width<=600px){.brands-strip{gap:28px;padding:24px 20px}}.brands-strip-label{text-transform:uppercase;letter-spacing:1px;color:#cbd5e1;white-space:nowrap;font-size:11px;font-weight:700}.brand-name-item{color:#cbd5e1;letter-spacing:-.03em;text-transform:uppercase;cursor:default;font-size:15px;font-weight:800;transition:color .2s}.brand-name-item:hover{color:#64748b}.home-slider{-webkit-user-select:none;user-select:none;background:#0a0f1e;width:100%;height:560px;position:relative;overflow:hidden}.slider-track{width:100%;height:100%;position:relative}.slider-slide{opacity:0;pointer-events:none;transition:opacity .75s;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(105deg,#000000b8 0%,#00000059 55%,#00000014 100%);position:absolute;inset:0}.slider-content{flex-direction:column;justify-content:center;max-width:680px;padding:0 80px;display:flex;position:absolute;top:0;bottom:0;left:0}.slider-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:#6366f1d9;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.slider-title{color:#fff;letter-spacing:-.04em;text-shadow:0 2px 32px #0006;margin:0 0 20px;font-size:clamp(28px,4.5vw,58px);font-weight:900;line-height:1.08}.slider-cta{color:#0f172a;background:#fff;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:14px 28px;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 24px #00000040}.slider-cta:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.sl-arrow{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sl-arrow:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-50%)scale(1.1)}.sl-arrow-prev{left:24px}.sl-arrow-next{right:24px}.sl-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:52px;left:80px}.sl-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.sl-dot.active{background:#fff;border-radius:3px;width:28px}.sl-progress{z-index:10;background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.sl-progress-bar{background:#6366f1;height:100%;animation:5s linear forwards slFill}@keyframes slFill{0%{width:0%}to{width:100%}}@media (width<=768px){.home-slider{height:420px}.slider-content{max-width:100%;padding:0 28px}.sl-arrow{display:none}.sl-dots{bottom:40px;left:28px}.slider-title{font-size:clamp(22px,7vw,36px)}}@media (width<=480px){.home-slider{height:340px}.slider-content{padding:0 20px}}.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:20px;max-width:1300px;margin:0 auto;padding:8px 40px 24px;display:flex;overflow-x:auto}.swiper-track::-webkit-scrollbar{display:none}.prod-card{scroll-snap-align:start;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;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-head{padding:0 20px}.swiper-track{padding:8px 20px 20px}.swiper-title{font-size:20px}.prod-card{flex:0 0 220px}.prod-card-img{height:160px}.review-card{flex:0 0 300px}}.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}.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{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;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-card-actions{flex-shrink:0;gap:6px;display:flex}.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}.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{grid-template-columns:1fr;gap:32px;padding:32px 20px 48px}}.detail-gallery{flex-direction:column;gap:12px;display:flex;position:sticky;top:80px}.detail-main-img{aspect-ratio:4/3;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.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:#25a244;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:#1e8a39;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}}