:root{--blue:#0b57d0;--blue2:#073b91;--yellow:#ffc107;--text:#172033;--muted:#6b7280;--bg:#f5f7fb;--white:#fff;--border:#e5e7eb}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:auto;padding:0 18px}.topbar{color:#fff;background:#063b8e;font-size:12px}.topbar-inner{justify-content:space-between;align-items:center;height:34px;display:flex}.header-main{background:#fff;align-items:center;gap:22px;min-height:82px;display:flex}.logo{color:var(--blue2);white-space:nowrap;align-items:center;gap:9px;font-size:22px;font-weight:900;display:flex}.logo small{color:#666;font-size:10px;font-weight:600;display:block}.logo-mark{background:var(--blue);color:#fff;border-radius:9px;padding:10px 7px}.search{flex:1;max-width:600px;display:flex}.search input,.catalog-tools input{border:1px solid #d5d9e0;border-radius:9px 0 0 9px;width:100%;padding:13px;font-size:14px}.search button{background:var(--blue);color:#fff;border:0;border-radius:0 9px 9px 0;width:52px}.header-actions{align-items:center;gap:13px;font-size:12px;display:flex}.header-actions a{align-items:center;gap:4px;display:flex}.header-actions svg{width:18px}.cart-link{position:relative}.cart-link b{color:#fff;background:#e11;border-radius:99px;padding:2px 5px;font-size:9px;position:absolute;top:-9px;right:-7px}.nav{background:var(--blue);color:#fff}.nav-inner{align-items:center;gap:24px;height:46px;font-size:14px;display:flex}.menu-btn{color:#fff;background:#07449e;border:0;border-radius:5px;align-items:center;gap:7px;height:34px;padding:0 15px;font-weight:700;display:flex}.hero{background:#eef5ff;padding:16px 0}.hero-grid{grid-template-columns:270px 1fr;gap:15px;display:grid}.side-menu{background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 8px #0000000a}.side-menu>b{color:var(--blue2);padding:10px 8px;display:block}.side-menu a{border-top:1px solid #f0f0f0;justify-content:space-between;padding:9px 8px;font-size:13px;display:flex}.hero-banner{color:#fff;background:linear-gradient(120deg,#0752bd,#1684ef 60%,#ffc107);border-radius:12px;justify-content:space-between;align-items:center;min-height:330px;padding:34px 44px;display:flex;overflow:hidden}.hero-banner h1{margin:10px 0;font-size:40px;line-height:1.08}.hero-banner strong{color:#ffdf45;font-size:24px}.hero-banner p{margin:7px 0 18px}.hero-icons{opacity:.9;max-width:330px;font-size:65px}.section{padding-top:28px;padding-bottom:8px}.section-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-title h2{margin:0;font-size:22px}.section-title a{color:var(--blue);font-size:13px}.category-grid{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.category-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:10px;padding:17px 8px}.category-card span{font-size:32px;display:block}.category-card b{margin-top:7px;font-size:12px;display:block}.category-card small{color:#8b93a1;font-size:10px}.product-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.product-card{border:1px solid var(--border);background:#fff;border-radius:10px;position:relative;overflow:hidden}.product-image{background-color:#eef2f7;background-position:50%;background-size:cover;height:205px;position:relative}.discount{color:#fff;background:#e11;border-radius:4px;padding:4px 6px;font-size:11px;position:absolute;top:8px;right:8px}.product-body{padding:12px}.product-body small{color:#7c8493}.product-body h3{height:38px;margin:5px 0;font-size:14px;line-height:1.35}.price{color:#e11;font-size:18px;font-weight:800}.product-body del{color:#9ca3af;font-size:11px}.save{color:#138a48;margin-top:5px;font-size:11px}.add-cart{border:1px solid var(--blue);width:calc(100% - 24px);height:36px;color:var(--blue);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:5px;margin:0 12px 12px;font-weight:700;display:flex}.promo{color:#fff;background:linear-gradient(100deg,#073b91,#0b67db);border-radius:12px;justify-content:space-between;align-items:center;margin-top:28px;padding:30px 40px;display:flex}.promo h2{margin:8px 0;font-size:28px}.promo-art{font-size:70px}.btn{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-right:8px;padding:12px 18px;font-weight:800;display:inline-flex}.yellow{background:var(--yellow);color:#18212f}.blue{background:var(--blue);color:#fff}.outline{border:1px solid var(--blue);color:var(--blue);background:#fff}.full{width:100%;margin:6px 0}.footer{color:#fff;background:#063b8e;margin-top:45px;padding-top:28px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:25px;display:grid}.footer p{opacity:.85;font-size:13px}.footer-logo{color:#fff}.footer-logo span{color:var(--yellow)}.copyright{text-align:center;border-top:1px solid #fff3;padding:14px;font-size:11px}.breadcrumbs{color:#777;margin-bottom:18px;font-size:12px}.catalog-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.catalog-head h1{margin:0}.catalog-head span{color:#777}.catalog-layout{grid-template-columns:220px 1fr;gap:20px;display:grid}.filters{background:#fff;border-radius:10px;height:max-content;padding:16px}.filters button{text-align:left;color:#4b5563;cursor:pointer;background:0 0;border:0;width:100%;padding:9px 0;display:block}.filters button:hover{color:var(--blue)}.catalog-tools{gap:10px;margin-bottom:15px;display:flex}.catalog-tools input{border-radius:7px}.catalog-tools select{border:1px solid var(--border);background:#fff;border-radius:7px;padding:10px}.detail{background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;gap:35px;padding:24px;display:grid}.detail-image{background-position:50%;background-size:cover;border-radius:10px;min-height:470px}.detail h1{font-size:30px}.detail-price{color:#e11;margin:15px 0 5px;font-size:30px;font-weight:900}.saving{color:#138a48;font-weight:700}.benefits{padding:0;line-height:2;list-style:none}.spec{background:#fff;border-radius:12px;margin-top:20px;padding:24px}.spec-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.spec-grid div{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px;display:flex}.cart-layout{grid-template-columns:1fr 330px;gap:20px;display:grid}.cart-row,.summary{background:#fff;border-radius:10px;margin-bottom:10px;padding:15px}.cart-row{align-items:center;gap:15px;display:flex}.cart-row>div:nth-child(2){flex:1}.cart-row button{background:#fff;border:1px solid #ddd;border-radius:5px;padding:7px}.cart-thumb{background-position:50%;background-size:cover;border-radius:7px;width:90px;height:70px}.summary strong{color:#e11;font-size:26px}.empty{text-align:center;background:#fff;border-radius:12px;padding:50px}.admin-head{justify-content:space-between;align-items:center;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;display:grid}.stats div{background:#fff;border-radius:10px;padding:20px}.stats b{color:var(--blue);font-size:28px;display:block}.stats span{color:#777;font-size:13px}.admin-table{background:#fff;border-radius:10px;padding:20px}.admin-row{border-top:1px solid var(--border);grid-template-columns:1fr 160px 60px;padding:12px 0;font-size:13px;display:grid}.admin-row a{color:var(--blue)}.notice{background:#fff7d6;border:1px solid #f0d77a;border-radius:10px;margin-top:18px;padding:15px;font-size:13px}@media (max-width:900px){.header-main{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.search{flex-basis:100%;order:3;max-width:none}.header-actions span{display:none}.nav-inner{gap:15px;overflow:auto}.hero-grid{grid-template-columns:1fr}.side-menu{display:none}.hero-banner{min-height:280px;padding:25px}.hero-banner h1{font-size:30px}.hero-icons{font-size:40px}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout,.cart-layout,.detail{grid-template-columns:1fr}.filters{display:none}.footer-grid{grid-template-columns:1fr}.detail-image{min-height:320px}}@media (max-width:500px){.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{gap:8px}.product-image{height:150px}.product-body h3{font-size:12px}.price{font-size:15px}.hero-banner{display:block}.hero-icons{margin-top:20px}.promo-art{font-size:40px}.topbar-inner{font-size:9px}.nav-inner>a{display:none}}