*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#fff;color:#111;font-size:14px;line-height:1.5}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer}
.topbar{background:#111;color:#fff;text-align:center;font-size:12px;padding:8px;letter-spacing:.3px}
.topbar span{color:#555;margin:0 12px}
header{border-bottom:1px solid #eee}
.hdr{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:60px;gap:24px}
.logo-wrap{display:flex;align-items:center;flex-shrink:0}
.logo-img{height:36px;width:auto;filter:invert(1)}
.search{flex:1;max-width:440px;display:flex;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden}
.search input{flex:1;border:none;outline:none;padding:0 14px;font-size:13px;font-family:inherit;background:#fafafa}
.search input::placeholder{color:#bbb}
.search button{background:#111;color:#fff;border:none;padding:0 16px;font-size:12px;font-weight:500}
.search button:hover{background:#333}
.hdr-right{display:flex;gap:4px;margin-left:auto}
.hdr-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border:none;background:none;font-size:11px;color:#666;transition:color .15s;border-radius:4px;text-decoration:none}
.hdr-btn:hover{color:#111;background:#f5f5f5}
.hdr-btn svg{width:20px;height:20px;stroke:#444;stroke-width:1.5;fill:none}
.cart-wrap{position:relative}
.cbadge{position:absolute;top:4px;right:6px;background:#111;color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
nav{border-bottom:1px solid #eee}
.nav-in{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}
.ni{padding:12px 16px;font-size:13px;color:#555;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}
.ni:hover{color:#111}
.ni.on{color:#111;border-bottom-color:#111;font-weight:500}
.hero{background:#f9f9f9;border-bottom:1px solid #eee}
.hero-in{max-width:1200px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hero-label{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#999;margin-bottom:14px}
.hero h1{font-size:36px;font-weight:600;letter-spacing:-.8px;line-height:1.15;color:#111;margin-bottom:16px}
.hero p{font-size:14px;color:#777;line-height:1.7;margin-bottom:28px}
.btn-dark{background:#111;color:#fff;border:none;padding:11px 24px;border-radius:5px;font-size:13px;font-weight:500;transition:background .15s;cursor:pointer}
.btn-dark:hover{background:#333}
.hero-img{background:#fff;border:1px solid #eee;border-radius:12px;height:300px;overflow:hidden}
.trust{border-bottom:1px solid #eee}
.trust-in{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}
.trust-item{flex:1;display:flex;align-items:center;gap:10px;padding:0 20px;border-right:1px solid #eee;font-size:12px;color:#555}
.trust-item:first-child{padding-left:0}
.trust-item:last-child{border-right:none}
.trust-item svg{width:18px;height:18px;stroke:#111;stroke-width:1.5;fill:none;flex-shrink:0}
.trust-item strong{color:#111;font-weight:500;display:block;font-size:12px}
section{padding:48px 24px}
.sec-in{max-width:1200px;margin:0 auto}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.sec-title{font-size:20px;font-weight:600;letter-spacing:-.3px}
.cats{background:#fff;border-bottom:1px solid #eee}
.cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cat-card{border:1px solid #eee;border-radius:8px;padding:20px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:14px}
.cat-card:hover{border-color:#111;background:#fafafa}
.cat-icon{width:44px;height:44px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cat-icon svg{width:22px;height:22px;stroke:#444;stroke-width:1.5;fill:none}
.cat-name{font-size:13px;font-weight:500;color:#111;margin-bottom:3px}
.cat-count{font-size:11px;color:#aaa}
.prods{background:#fafafa;border-bottom:1px solid #eee}
.prods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pcard{background:#fff;border-radius:10px;overflow:hidden;transition:all .2s;position:relative}
.pcard:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.pbadge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:600;padding:3px 7px;border-radius:3px;letter-spacing:.3px;z-index:1}
.b-own{background:#f7f100;color:#111}
.b-new{background:#4CAF50;color:#fff}
.b-sale{background:#111;color:#fff}
.b-hit{background:#FF6B00;color:#fff}
.pimg{height:200px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pimg img{width:100%;height:100%;object-fit:contain;padding:12px}
.pbody{padding:14px}
.pbrand{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#bbb;margin-bottom:5px}
.pname{font-size:13px;font-weight:500;color:#111;margin-bottom:6px;line-height:1.4}
.pstars{display:flex;align-items:center;gap:5px;margin-bottom:8px;font-size:11px}
.specs-wrap{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.spec-tag{font-size:10px;background:#f5f5f5;border:1px solid #eee;border-radius:3px;padding:2px 6px;color:#555}
.pprice{display:flex;align-items:baseline;gap:7px;margin-bottom:12px}
.price{font-size:17px;font-weight:600;color:#111}
.pold{font-size:12px;color:#bbb;text-decoration:line-through}
.btn-wa{display:block;width:100%;padding:9px;background:#25D366;color:#fff;border:none;border-radius:5px;font-size:12px;font-weight:500;text-align:center;margin-bottom:6px;cursor:pointer;transition:background .15s}
.btn-wa:hover{background:#1da851}
.btn-kaspi{display:block;width:100%;padding:8px;background:#ef233c;color:#fff;border-radius:5px;font-size:12px;font-weight:600;text-align:center;letter-spacing:.2px;text-decoration:none}
.btn-kaspi:hover{background:#c81d2f}
.ftabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}
.ftab{padding:6px 14px;border:1px solid #eee;border-radius:20px;font-size:12px;color:#777;cursor:pointer;transition:all .15s;background:#fff}
.ftab:hover{border-color:#999;color:#111}
.ftab.on{background:#111;border-color:#111;color:#fff}
.banner-sec{padding:0 24px 48px}
.banner-row{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bnr{border:1px solid #eee;border-radius:10px;padding:32px;cursor:pointer;transition:border-color .15s;position:relative;overflow:hidden}
.bnr:hover{border-color:#111}
.bnr-dark{background:#111}
.bnr-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:10px}
.bnr-dark .bnr-label{color:#555}
.bnr-title{font-size:20px;font-weight:600;letter-spacing:-.3px;color:#111;margin-bottom:6px;line-height:1.25}
.bnr-dark .bnr-title{color:#fff}
.bnr-sub{font-size:13px;color:#888}
.bnr-dark .bnr-sub{color:#666}
.bnr-num{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:80px;font-weight:700;color:rgba(0,0,0,.04);letter-spacing:-4px;line-height:1}
.bnr-dark .bnr-num{color:rgba(255,255,255,.04)}
.features-bg{background:#111;padding:48px 24px}
.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.feature-item{background:#111;padding:32px 24px;text-align:center}
.feature-icon{font-size:28px;margin-bottom:12px}
.feature-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:6px}
.feature-desc{font-size:11px;color:rgba(255,255,255,.4);line-height:1.5}
#manuals-sec{padding:48px 24px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
#manuals-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.manual-card{border:1px solid #eee;border-radius:10px;overflow:hidden}
.manual-hdr{padding:18px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;background:#fafafa}
.manual-hdr:hover{background:#f0f0f0}
.manual-icon{font-size:20px;flex-shrink:0}
.manual-name{font-size:13px;font-weight:500;color:#111}
.manual-sub{font-size:11px;color:#aaa;margin-top:2px}
.manual-arrow{margin-left:auto;font-size:16px;color:#bbb;transition:transform .2s}
.manual-body{display:none;padding:20px;font-size:13px;line-height:1.7;color:#444}
.manual-body h4{font-size:12px;font-weight:600;color:#111;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.5px}
.manual-body h4:first-child{margin-top:0}
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.spec-block{background:#f7f7f7;border-radius:5px;padding:8px 10px;font-size:12px}
.spec-block span{color:#888;display:block;margin-bottom:2px}
.warn-box{background:#fffbf0;border:1px solid #f0e0a0;border-radius:6px;padding:10px 12px;margin:8px 0;font-size:12px}
footer{background:#111;padding:48px 24px 24px}
.ft-in{max-width:1200px;margin:0 auto}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:32px;border-bottom:1px solid #222;margin-bottom:24px}
.ft-desc{font-size:12px;color:#555;line-height:1.7;margin-bottom:16px}
.ft-soc{display:flex;gap:8px}
.sc{width:32px;height:32px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;text-decoration:none;font-size:14px}
.sc:hover{background:#333}
.ft-h{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#444;margin-bottom:14px}
.ft-links{display:flex;flex-direction:column;gap:8px}
.ft-link{font-size:12px;color:#555;cursor:pointer;transition:color .15s;text-decoration:none}
.ft-link:hover{color:#ccc}
.ft-bot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#444}
.pays{display:flex;gap:6px}
.pay{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;padding:3px 8px;font-size:10px;color:#555;font-weight:500}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s}
.overlay.on{opacity:1;pointer-events:all}
.cart{position:fixed;top:0;right:-400px;width:380px;height:100vh;background:#fff;z-index:201;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);border-left:1px solid #eee}
.cart.on{right:0}
.cart-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee}
.cart-hdr h3{font-size:15px;font-weight:600}
.cx{width:28px;height:28px;background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:16px;color:#666;display:flex;align-items:center;justify-content:center}
.cx:hover{background:#eee;color:#111}
.citems{flex:1;overflow-y:auto;padding:16px 20px}
.ci{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:flex-start}
.ci-img{width:56px;height:56px;background:#f7f7f7;border:1px solid #eee;border-radius:6px;overflow:hidden;flex-shrink:0}
.ci-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.ci-name{font-size:12px;font-weight:500;color:#111;margin-bottom:4px;line-height:1.3}
.ci-price{font-size:13px;font-weight:600;color:#111}
.cqty{display:flex;align-items:center;gap:8px;margin-top:6px}
.qb{width:24px;height:24px;background:#f5f5f5;border:1px solid #eee;border-radius:3px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.qb:hover{background:#111;color:#fff;border-color:#111}
.qn{font-size:13px;font-weight:600;min-width:18px;text-align:center}
.crm{margin-left:auto;background:none;border:none;font-size:16px;cursor:pointer;color:#ccc;transition:color .15s;flex-shrink:0}
.crm:hover{color:#e53935}
.cart-ft{padding:16px 20px;border-top:1px solid #eee;background:#fafafa}
.ct-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ct-lbl{font-size:13px;color:#888}
.ct-amt{font-size:20px;font-weight:600;color:#111}
.co{width:100%;padding:12px;background:#111;color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:8px;transition:background .15s}
.co:hover{background:#333}
.cc{width:100%;padding:10px;background:#fff;color:#888;border:1px solid #eee;border-radius:6px;font-family:inherit;font-size:12px;cursor:pointer;transition:all .15s}
.cc:hover{border-color:#999;color:#111}
.cempty{text-align:center;padding:48px 0;color:#bbb}
.cempty strong{display:block;font-size:14px;color:#999;margin-bottom:4px}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.on{display:flex}
.modal{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:32px;position:relative;max-height:90vh;overflow-y:auto}
.modal-close{position:absolute;top:16px;right:16px;width:28px;height:28px;background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:16px;color:#666;display:flex;align-items:center;justify-content:center}
.modal-close:hover{background:#eee}
.modal-tabs{display:flex;margin-bottom:24px;border-bottom:1px solid #eee}
.mtab{flex:1;padding:10px;border:none;background:none;font-family:inherit;font-size:13px;font-weight:500;color:#888;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}
.mtab.on{color:#111;border-bottom-color:#111}
.fgroup{margin-bottom:14px}
.fgroup label{display:block;font-size:12px;font-weight:500;color:#555;margin-bottom:5px}
.fgroup input,.fgroup select,.fgroup textarea{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:5px;font-family:inherit;font-size:13px;outline:none;transition:border-color .15s;background:#fff}
.fgroup input:focus,.fgroup select:focus,.fgroup textarea:focus{border-color:#111}
.form-err{background:#fef2f2;border:1px solid #fecaca;color:#e53935;font-size:12px;padding:8px 12px;border-radius:5px;margin-bottom:14px;display:none}
.form-err:not(:empty){display:block}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(64px);background:#111;color:#fff;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;z-index:400;transition:transform .25s;white-space:nowrap;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px rgba(0,0,0,.2)}
.toast.on{transform:translateX(-50%) translateY(0)}
@media(max-width:1024px){.ft-grid{grid-template-columns:1fr 1fr;gap:32px}.prods-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.hdr{flex-wrap:wrap;height:auto;padding:10px 16px;gap:10px}.hdr-right{margin-left:auto}.search{order:3;max-width:100%;flex:0 0 100%}.hero-in{grid-template-columns:1fr;padding:32px 16px}.hero-img{display:none}.hero h1{font-size:26px}section,.banner-sec,footer,#manuals-sec{padding-left:16px;padding-right:16px}.trust-in{flex-direction:column}.trust-item{padding:10px 0;border-right:none;border-bottom:1px solid #eee}.trust-item:last-child{border-bottom:none}.cats-grid{grid-template-columns:repeat(2,1fr)}.prods-grid{grid-template-columns:repeat(2,1fr);gap:10px}.banner-row{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}.ft-grid{grid-template-columns:1fr;gap:20px}.ft-bot{flex-direction:column;gap:10px}#manuals-grid{grid-template-columns:1fr}.cart{width:100%;right:-100%}.nav-in{padding:0 8px}}
@media(max-width:480px){.prods-grid{grid-template-columns:1fr}.cats-grid{grid-template-columns:repeat(3,1fr)}.cat-card{flex-direction:column;text-align:center;padding:12px 8px}.cat-count{display:none}}

@media(max-width:768px){#reviews-grid{grid-template-columns:1fr!important}}
@media(max-width:1024px){#reviews-grid{grid-template-columns:repeat(2,1fr)!important}}