:root{--ink:#0c3240;--blue:#006b99;--teal:#08a9b9;--pale:#eef7fa;--line:#deeaef;--mute:#647985}*{box-sizing:border-box}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#173943;background:#fff;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}input,textarea,select{border:1px solid #c9d7df;border-radius:8px;padding:11px;color:#183d49;background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid #55bdcd}h1,h2,h3{color:var(--ink);line-height:1.17}h1{font-size:clamp(2rem,3.5vw,3rem)}h2{font-size:clamp(1.6rem,2.4vw,2.1rem)}.topline{background:#07303c;color:#d3f5f5;padding:8px max(22px,calc((100vw - 1250px)/2));font-size:12px;display:flex;justify-content:space-between}.topline a{color:#fff}.header{display:flex;align-items:center;gap:32px;max-width:1310px;padding:19px 24px;margin:auto}.brand{color:#0c3540;display:flex;flex-direction:column;line-height:.95;white-space:nowrap}.brand-name{font-weight:900;font-size:35px;letter-spacing:-3px}.gear{color:#0898a6}.brand small{font-size:9px;letter-spacing:5px;color:#1799ad;margin-top:6px}.search{display:flex;flex:1}.search input{flex:1;border-radius:7px 0 0 7px;min-width:50px}.search button,.btn{background:#006c9c;color:white;border:0;padding:12px 19px;border-radius:7px;font-weight:650;display:inline-block}.search button{border-radius:0 7px 7px 0}.btn:hover,.search button:hover{background:#004b70;text-decoration:none}.btn.outline{background:white;border:1px solid #0076a6;color:#006f9e}.btn.light{background:#fff;color:#07546e}.btn.small{font-size:12px;padding:7px 10px}.btn-text{background:none;border:0;color:#b22839}.header-actions{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:13px}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;background:#edf5f7;border-top:1px solid #e5eff2;border-bottom:1px solid #dce9ed;padding:13px;font-weight:650;font-size:14px}.nav a,.nav summary{color:#0d4351;cursor:pointer}.nav details{position:relative}.dropdown{position:absolute;top:24px;left:0;background:white;border:1px solid #d8e6eb;box-shadow:0 10px 25px #0b293021;z-index:20;min-width:235px;padding:10px;border-radius:8px}.dropdown a{display:block;padding:7px}.container{max-width:1260px;margin:auto;padding:0 22px;min-height:450px}.section{margin:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h2{margin:6px 0 0}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:3px;color:#90f2f2}.eyebrow.dark{color:#008795}.hero{margin-top:22px;border-radius:16px;overflow:hidden;height:390px;position:relative;background:linear-gradient(110deg,#0b2f43,#087e9a)}.hero-slide{inset:0;position:absolute;display:none;background-size:cover;background-position:center;justify-content:space-between;align-items:center;color:#fff;padding:60px}.hero-slide.show{display:flex}.hero-content{max-width:590px;position:relative;z-index:1}.hero h1{color:#fff;font-size:clamp(2.2rem,4.7vw,4.2rem);margin:12px 0}.hero p{font-size:18px;color:#cceaf1;margin-bottom:28px}.hero-shape{font-size:230px;color:#5ae6de23;line-height:1}.hero-dots{position:absolute;z-index:4;bottom:18px;left:60px;display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;border:0;background:#ffffff75;padding:0}.dot.active{background:white;width:24px;border-radius:12px}.valuebar{padding:22px 0;display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);color:#12657b;font-weight:600;font-size:13px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-box{background:#f1f8fa;border:1px solid #e1edef;min-height:106px;border-radius:12px;padding:20px;font-weight:650;color:#184b59;display:flex;align-items:center;gap:12px}.cat-box span{background:#daf0f3;color:#007f9b;border-radius:50%;padding:7px 12px;font-size:23px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:1px solid #dce7eb;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #003c4a0a;display:flex;flex-direction:column}.product-card>a{height:230px;display:block;padding:17px}.product-card img{height:100%;width:100%;object-fit:contain}.product-info{padding:8px 19px 19px;display:flex;flex-direction:column;flex:1}.product-name{color:#173943;font-weight:700;line-height:1.33;min-height:65px}.muted{color:#71848d;font-size:13px}.price{color:#07976b;font-size:21px}.product-info small{color:#708691;margin-bottom:12px}.product-info form{margin-top:auto}.product-info .btn{width:100%;font-size:13px}.tag{font-size:10px;background:#e7fbf0;color:#0d8d61;align-self:start;padding:4px 8px;border-radius:30px;margin-bottom:8px;font-weight:750;text-transform:uppercase}.brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.brand-item{display:grid;place-items:center;min-height:95px;border:1px solid var(--line);border-radius:12px;color:#3b6470;font-size:20px;font-weight:750;padding:12px}.brand-item img{width:100%;max-height:80px;object-fit:contain}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:70px 0}.detail-photo{border:1px solid var(--line);border-radius:15px;min-height:380px;display:grid;place-items:center;padding:30px}.detail-photo img{width:100%;max-height:420px;object-fit:contain}.product-detail form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.product-detail label{display:flex;flex-direction:column}.product-detail input{width:85px}.form-section{max-width:700px;margin-left:auto;margin-right:auto}.form-card{background:#f8fcfd;border:1px solid #dcebef;border-radius:13px;padding:25px;display:grid;gap:16px}.form-card label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}.form-card label:has([type=checkbox]){display:block}.form-card .btn{justify-self:start}.form-card input[type=file]{max-width:100%}.footer{background:#0a3441;color:#cae3eb;padding:50px max(22px,calc((100vw - 1210px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3,.footer a{color:white}.copyright{background:#062b38;color:#b7d5dd;text-align:center;padding:16px;font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:25px 0}td,th{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}th{background:#f3f8fa}td input.qty{max-width:75px}.cart-total{text-align:right;font-weight:bold;font-size:20px}.notice{padding:15px;border-radius:8px;background:#e1f8f0;color:#076246;margin:18px 0}.error{background:#fff0f1;color:#9e233c;padding:15px;margin:15px 0;border-radius:8px}.admin-layout{display:grid;grid-template-columns:200px 1fr;gap:35px;padding:35px 0}.admin-nav{display:flex;flex-direction:column;gap:8px;background:#f1f8fa;border-radius:11px;padding:17px;align-self:start}.admin-nav a{padding:9px;border-radius:7px;color:#1a5061}.admin-nav a.active{background:#d9eff5;font-weight:700}.admin-main{min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#f0f8fa;border-radius:10px;padding:30px;text-align:center}.stat strong{display:block;font-size:35px;color:#007397}.admin-form{margin:20px 0 30px;max-width:760px}.checks{display:flex;gap:15px;flex-wrap:wrap}.checks label{display:inline}.preview{width:150px;height:120px;object-fit:contain}.admin-main select{max-width:230px}.admin-main table{min-width:620px}@media(max-width:950px){.header{flex-wrap:wrap}.search{order:3;flex-basis:100%}.products{grid-template-columns:repeat(3,1fr)}.cat-grid{grid-template-columns:repeat(2,1fr)}.brands{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.topline{display:block;text-align:center}.topline a{display:block}.header{gap:15px;justify-content:center}.header-actions{flex-wrap:wrap;justify-content:center}.nav{gap:14px;font-size:12px}.container{padding:0 14px}.hero{height:350px}.hero-slide{padding:30px}.hero-shape{display:none}.hero-dots{left:30px}.hero h1{font-size:34px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card>a{height:150px}.product-info{padding:9px}.product-name{font-size:12px;min-height:80px}.product-info .muted{font-size:11px}.price{font-size:16px}.cat-grid,.product-detail,.footer,.admin-layout{grid-template-columns:1fr}.brands{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.section{margin:40px 0}.section-head{align-items:start}.footer{padding:30px}.admin-layout{gap:15px}}