:root{--navy:#061c48;--silver:#c1c8d4;--bg:#f5f7fa;--muted:#647086}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px Arial,sans-serif;color:var(--navy)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;border-radius:9px;padding:13px 18px;background:var(--navy);color:white;text-decoration:none}button:disabled{opacity:.5;cursor:wait}input,textarea,select{padding:12px;border:1px solid #dce1e9;border-radius:8px;width:100%;background:white;color:var(--navy)}label{display:grid;gap:7px;margin:14px 0;font-size:13px}textarea{min-height:100px}.top{background:var(--navy);color:white;padding:10px 6%;font-size:12px;display:flex;justify-content:space-between}header{display:flex;gap:18px;align-items:center;padding:20px 6%;background:white;border-bottom:1px solid #e3e7ee}header img{width:190px;border-radius:7px}header a{line-height:0}.search{flex:1;position:relative}.search input{background:var(--bg);padding-right:35px}.search span{position:absolute;right:15px;top:8px;font-size:24px}.icon{background:#eef1f6;color:var(--navy);font-size:20px}main{max-width:1280px;margin:auto;padding:28px 30px}.hero{background:linear-gradient(115deg,#061a43,#163b6d);color:white;min-height:340px;border-radius:18px;padding:48px 55px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.hero small{letter-spacing:3px;color:var(--silver)}h1{font-size:48px;line-height:1.12;margin:18px 0}.hero p{line-height:1.7;color:#d2dbea;margin-bottom:30px}.hero .button{background:white;color:var(--navy)}.hero-mark{font-size:185px;color:#e1e6ef;font-weight:bold;text-shadow:3px 4px 0 #8095b1;text-align:center;width:35%}.hero-mark span{display:block;font-size:12px;font-weight:normal;letter-spacing:3px;text-shadow:none}.benefits{display:flex;justify-content:space-around;padding:25px;margin-bottom:25px;border-bottom:1px solid #dce1e8;font-size:13px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title small{font-size:10px;letter-spacing:2px;color:var(--muted)}h2{font-size:26px;margin:10px 0 22px}nav{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 25px}nav button{background:white;border:1px solid #dce1e8;color:var(--muted);border-radius:25px}nav button.selected{background:var(--navy);color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e3e7ee;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.photo{height:170px;background:#f4f6f9;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:48px;color:#a6b3c9;cursor:pointer}.photo img{width:100%;height:100%;object-fit:contain}.card small{color:var(--muted)}.card h3{margin:0;font-size:16px}.card .price{font-size:23px;font-weight:bold;margin-top:auto}.card del{font-size:12px;color:var(--muted)}.card button{margin-top:5px}.tag{font-size:11px;background:#e9eff8;width:fit-content;padding:5px 9px;border-radius:6px}.empty{background:white;padding:35px;border:1px dashed var(--silver);border-radius:14px;grid-column:1/-1;color:var(--muted);text-align:center}.notice{padding:14px;background:#fff6df;border-radius:8px;line-height:1.6;color:#665020}.section-title span{font-size:13px;color:var(--muted)}dialog{border:0;border-radius:15px;padding:30px;width:min(600px,94vw);max-height:90vh;color:var(--navy)}dialog::backdrop{background:#071a3ecc;backdrop-filter:blur(3px)}.close{float:right;background:#eef1f6;color:var(--navy);padding:4px 11px;font-size:25px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e4e8ef}.row input{width:65px}.row button{padding:7px 11px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.total{font-size:22px;font-weight:bold;display:flex;justify-content:space-between;padding:20px 0}.full{width:100%}.admin-tabs{display:flex;gap:10px;margin:20px 0}.panel{background:white;border-radius:12px;padding:25px;margin:15px 0;border:1px solid #e0e5ed}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gallery{display:flex;gap:10px;overflow:auto;margin:15px 0}.gallery img{height:100px;max-width:140px;object-fit:contain;border:1px solid #ddd;cursor:pointer}footer{padding:30px 6%;background:white;margin-top:40px;font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--navy);color:white;border-radius:10px;display:none;z-index:99}[hidden]{display:none!important}@media(max-width:800px){header{padding:15px;gap:8px;flex-wrap:wrap}header img{width:150px}.search{order:4;flex-basis:100%}main{padding:18px}.hero{padding:30px;min-height:290px}h1{font-size:35px}.hero-mark{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.benefits{gap:15px;padding:20px 0;font-size:11px}.top span{display:none}.photo{height:130px}.fields{grid-template-columns:1fr}.section-title{align-items:start;gap:10px}}
.hero.custom-banners{display:block;background:none;padding:0;overflow:hidden}.home-banner{margin:0 0 16px}.home-banner:last-child{margin-bottom:0}.home-banner img{display:block;width:100%;height:auto;border-radius:20px}.banner-preview{width:120px;max-height:70px;object-fit:contain;border-radius:8px}.banner-form-preview{width:100%;max-height:220px;object-fit:contain}.custom-banners a{display:block}@media(max-width:600px){.banner-preview{width:75px}}
header{background:var(--navy);padding:18px 24px;border-bottom:1px solid #34476b;color:white}.top{padding:10px 24px}.search span{color:var(--navy)}header .icon,header #cartBtn{border:1px solid #8a9ab5;background:#16345e;color:white}main{max-width:none;width:100%;padding:24px}.shop-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 330px;gap:24px;align-items:start}.category-sidebar,.cart-sidebar{background:white;border:1px solid #e3e7ee;border-radius:14px;padding:20px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.category-sidebar h2,.cart-sidebar h2{font-size:20px;margin:0 0 18px}.category-sidebar nav{display:flex;flex-direction:column;margin:0;gap:8px}.category-sidebar nav button{text-align:left;border-radius:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px}.quantity-control{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dce1e8;border-radius:9px;overflow:hidden}.quantity-control button{margin:0;padding:8px 14px;border-radius:0;font-size:20px;min-width:40px}.quantity-control span{min-width:18px;text-align:center;font-weight:bold}.cart-line{padding:14px 0;border-bottom:1px solid #e3e7ee}.cart-line strong,.cart-line small{display:block;line-height:1.5}.cart-line small{color:var(--muted)}.cart-line-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.cart-summary p{display:flex;justify-content:space-between;gap:8px}.cart-sidebar h2 span{font-size:14px;background:#e9eff8;padding:4px 7px;border-radius:6px}.card label{margin:0}.card select{padding:9px;font-size:13px}.admin-tabs{flex-wrap:wrap}@media(max-width:1150px){.shop-layout{grid-template-columns:155px minmax(0,1fr) 280px;gap:16px}main{padding:16px}.category-sidebar,.cart-sidebar{padding:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media(max-width:850px){.shop-layout{grid-template-columns:135px minmax(0,1fr)}.cart-sidebar{grid-column:1/-1;position:static;max-height:none}.category-sidebar{top:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}@media(max-width:480px){main{padding:10px}.shop-layout{grid-template-columns:105px minmax(0,1fr);gap:10px}.category-sidebar{padding:10px}.category-sidebar h2{font-size:15px}.category-sidebar nav button{padding:10px 7px;font-size:12px}.grid{grid-template-columns:minmax(0,1fr)}header #cartBtn{font-size:12px;padding:10px}.hero{padding:25px 20px}}
.hero{min-height:190px;padding:26px 34px}.hero h1{font-size:32px;margin:10px 0}.hero p{font-size:14px;margin:12px 0 20px}.hero-mark{font-size:100px}.hero-mark span{font-size:10px}.home-banner img{height:220px;object-fit:contain;background:#eef2f7;border-radius:14px}.home-banner{margin-bottom:12px}@media(max-width:640px){.hero{min-height:155px;padding:20px}.hero h1{font-size:27px}.home-banner img{height:auto;max-height:320px;object-fit:contain}}