*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#10283a;background:#f7fafc;line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%}
.announce{background:var(--accent);color:#fff;text-align:center;font-size:13px;padding:7px 12px}
.site-header{background:var(--primary);color:#fff;position:sticky;top:0;z-index:50}
.header-inner{max-width:1320px;margin:auto;padding:12px 4%;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:.5px;white-space:nowrap}.brand img{height:38px;width:auto}
.main-nav{display:flex;gap:16px;font-size:14px;flex-wrap:wrap}.main-nav a{opacity:.9;padding:6px 0;border-bottom:2px solid transparent}.main-nav a:hover{opacity:1;border-color:var(--accent)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.header-search{display:flex}.header-search input{width:220px;padding:9px 12px;border:0;border-radius:8px 0 0 8px;font:inherit;font-size:14px}.header-search button{border:0;background:var(--accent);color:#fff;padding:0 14px;border-radius:0 8px 8px 0;cursor:pointer;font-size:18px}
.cart-link{position:relative;font-size:22px}.cart-link b{position:absolute;top:-8px;right:-10px;background:var(--accent);font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
main{max-width:1320px;margin:0 auto;padding:28px 4% 60px;min-height:60vh}
.hero{min-height:440px;border-radius:20px;background:linear-gradient(90deg,rgba(6,34,54,.92),rgba(6,34,54,.35)),var(--hero) center/cover,var(--primary);display:flex;align-items:center;padding:56px;color:#fff}
.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.08;max-width:640px;margin:0 0 16px}.hero p{font-size:18px;max-width:560px;margin:0 0 24px;opacity:.95}
.btn,button.btn{display:inline-block;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:12px 22px;cursor:pointer;font:inherit;font-weight:700}.btn:hover{filter:brightness(1.1)}
.btn.small{padding:8px 14px;font-size:14px}.btn.alt{background:#e7f1f7;color:var(--primary)}.btn.dark{background:var(--primary)}
section{margin:46px 0}h2.sec{font-size:26px;margin:0 0 18px;display:flex;justify-content:space-between;align-items:baseline}h2.sec a{font-size:14px;color:var(--accent);font-weight:600}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.cat{min-height:130px;padding:20px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;font-weight:700;transition:transform .15s}.cat:hover{transform:translateY(-3px)}.cat span{font-size:12px;font-weight:400;opacity:.85}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.card{background:#fff;border:1px solid #e5edf2;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}.card:hover{box-shadow:0 10px 28px rgba(6,34,54,.12)}
.card-img{position:relative;aspect-ratio:4/3;background:#eef3f7;display:block}.card-img img{width:100%;height:100%;object-fit:contain}
.badge{position:absolute;top:10px;left:10px;font-size:12px;font-weight:700;color:#fff;padding:3px 9px;border-radius:20px}.badge.sale{background:#d9372b}.badge.used{background:#7a5c00;left:auto;right:10px}
.card-body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.card-brand{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#6b8394}
.card h3{margin:0;font-size:15px;line-height:1.35;flex:1}.price{display:flex;gap:8px;align-items:baseline}.price b{font-size:18px}.price s{color:#8aa0af;font-size:14px}.muted{color:#6b8394;font-size:14px}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.trust div{background:#fff;border:1px solid #e5edf2;border-radius:14px;padding:20px}.trust i{font-style:normal;font-size:28px}.trust h4{margin:8px 0 4px}.trust p{margin:0;font-size:14px;color:#52697a}
.banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.banner{border-radius:14px;overflow:hidden;position:relative;min-height:170px;background:var(--primary) center/cover;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.banner h3{margin:0}.banner p{margin:4px 0 0;font-size:14px}
.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:28px}
.filters{background:#fff;border:1px solid #e5edf2;border-radius:14px;padding:18px;height:fit-content;position:sticky;top:90px}.filters h4{margin:16px 0 8px}.filters h4:first-child{margin-top:0}
.filters a{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;color:#33505f}.filters a.on{color:var(--accent);font-weight:700}.filters input,.filters select{width:100%;padding:8px;border:1px solid #cfdde6;border-radius:8px;font:inherit}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}
.pager{display:flex;gap:6px;justify-content:center;margin-top:30px;flex-wrap:wrap}.pager a,.pager span{padding:8px 13px;border-radius:8px;background:#fff;border:1px solid #d6e2ea}.pager .cur{background:var(--accent);color:#fff;border-color:var(--accent)}
.crumbs{font-size:13px;color:#6b8394;margin-bottom:16px}.crumbs a{color:var(--accent)}
.pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px}
.gallery .main{background:#fff;border:1px solid #e5edf2;border-radius:16px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery .main img{max-height:100%;object-fit:contain;width:100%}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.thumbs img{width:76px;height:60px;object-fit:cover;border:2px solid #e5edf2;border-radius:8px;cursor:pointer;background:#fff}.thumbs img.on{border-color:var(--accent)}
.pd h1{font-size:28px;line-height:1.2;margin:4px 0 10px}.pd .price b{font-size:30px}.pd .price s{font-size:18px}
.meta{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px;margin:16px 0}.meta dt{color:#6b8394}.meta dd{margin:0;font-weight:600}
.qty{display:inline-flex;border:1px solid #cfdde6;border-radius:8px;overflow:hidden;background:#fff}.qty button{border:0;background:#eef3f7;width:38px;font-size:18px;cursor:pointer}.qty input{width:50px;text-align:center;border:0;font:inherit}
.tabs-body{background:#fff;border:1px solid #e5edf2;border-radius:14px;padding:24px;margin-top:34px}.tabs-body h2{margin-top:0}.tabs-body table{border-collapse:collapse;width:100%;max-width:640px}.tabs-body td{border-bottom:1px solid #e5edf2;padding:8px 6px}.tabs-body td:first-child{color:#6b8394;width:40%}
.box{background:#fff;border:1px solid #e5edf2;border-radius:14px;padding:22px}
.cart-table{width:100%;border-collapse:collapse}.cart-table td,.cart-table th{padding:12px 8px;border-bottom:1px solid #e5edf2;text-align:left;vertical-align:middle}.cart-table img{width:72px;height:56px;object-fit:contain;background:#fff;border-radius:6px}
.two{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:start}
label.f{display:block;font-size:13px;font-weight:600;margin:12px 0 4px}input.i,select.i,textarea.i{width:100%;padding:10px 12px;border:1px solid #cfdde6;border-radius:8px;font:inherit;background:#fff}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sum div{display:flex;justify-content:space-between;padding:6px 0}.sum .tot{border-top:2px solid #e5edf2;margin-top:8px;font-size:20px;font-weight:800}
.note{background:#fff7e0;border:1px solid #f0dca0;color:#6b5200;border-radius:10px;padding:10px 14px;font-size:14px;margin:12px 0}.ok{background:#e6f7ec;border:1px solid #a9deb9;color:#14532d;border-radius:10px;padding:14px}.err{background:#fde8e6;border:1px solid #f1b0aa;color:#7a1c14;border-radius:10px;padding:12px 14px}
.prose{max-width:820px}.prose img{height:auto}
.site-footer{background:var(--primary);color:#cfe0ec;margin-top:40px}.footer-inner{max-width:1320px;margin:auto;padding:44px 4%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.site-footer h4{color:#fff;margin:0 0 12px}.site-footer a{display:block;padding:3px 0;font-size:14px;opacity:.85}.site-footer a:hover{opacity:1}.site-footer p{font-size:14px;margin:0 0 8px}
.copyright{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:16px;font-size:13px;opacity:.7}
.chat-fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--primary);color:#fff;padding:12px 20px;border-radius:10px;z-index:90;box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media(max-width:960px){.shop-layout,.pd,.two{grid-template-columns:1fr}.filters{position:static}.footer-inner{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--primary);flex-direction:column;padding:12px 4%}.main-nav.open{display:flex}.mobile-menu{display:block}.header-search input{width:130px}.hero{padding:30px 22px;min-height:340px}.header-inner{position:relative}}
@media(max-width:560px){.row2{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.footer-inner{grid-template-columns:1fr}.header-search{display:none}}