*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#17303a;background:#fff}a{text-decoration:none;color:inherit}.top{background:#082f50;color:#fff;padding:9px 6%;display:flex;justify-content:space-between;font-size:12px}.head{max-width:1200px;margin:auto;padding:16px 20px;display:flex;align-items:center;gap:25px}.head img{width:205px;height:68px;object-fit:contain}.search{display:flex;flex:1}.search input{flex:1;padding:13px;border:1px solid #d2dce0}.search button{border:0;background:#f4ae1b;padding:0 18px}nav{max-width:1200px;margin:auto;padding:0 20px 15px;display:flex;gap:23px;align-items:center;font-size:13px;font-weight:bold;white-space:nowrap}nav .cta{margin-left:auto;background:#f4ae1b;padding:11px 20px;border-radius:5px}.hero{min-height:430px;padding:80px max(7%,calc((100% - 1200px)/2));background:linear-gradient(110deg,#062e4e,#08786f);color:#fff}.hero>div{max-width:650px}.hero small,.section>small{color:#eab72e;letter-spacing:2px;font-weight:bold}.hero h1{font-size:56px;line-height:1.03}.hero em{color:#ffd34f;font-style:normal}.hero p{font-size:19px;line-height:1.5}.btn{display:inline-block;background:#f4ae1b;color:#082f50;border:0;border-radius:5px;padding:12px 20px;font-weight:bold;cursor:pointer}.ghost{background:transparent;color:#fff;border:1px solid #fff;margin-left:7px}.section{max-width:1200px;margin:auto;padding:45px 20px}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.categories a{background:#f3f7f8;padding:22px 8px;text-align:center;border-radius:7px;font-size:30px}.categories b{display:block;font-size:12px;margin-top:8px}.calc{background:#edf7f2;border-radius:8px}.calc input,.calc select,.formbox input,.contact input,.contact textarea,.adminform input,.adminform select,.adminform textarea{padding:13px;border:1px solid #ccd8d7;border-radius:5px;margin:5px;min-width:210px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.products article{border:1px solid #e1e7e8;border-radius:7px;padding:14px;display:flex;flex-direction:column;gap:8px}.pic{height:180px;background:#f4f7f7;display:grid;place-items:center;font-size:80px;overflow:hidden}.pic img{width:100%;height:100%;object-fit:contain}.products strong{color:#087e3e;font-size:18px}.products .btn{margin-top:auto}.about{background:#edf7f2}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact form{display:grid}.contact textarea{min-height:150px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px}.big{height:400px}.formbox{max-width:600px}.formbox form{display:grid;gap:10px}.formbox input{margin:0}.error{background:#ffe8e8;color:#a00;padding:12px}.ok{background:#e7f7eb;color:#176b31;padding:12px}.adminbar{background:#edf7f2;padding:14px;border-radius:7px;margin-bottom:20px}.adminnav{display:flex;gap:8px;flex-wrap:wrap}.adminnav a{padding:9px 13px;background:#fff;border:1px solid #ccd8d7;border-radius:5px}.adminnav a.active{background:#082f50;color:#fff}.adminform{background:#f8fbfa;padding:20px;border-radius:8px;margin:15px 0}.adminform input,.adminform select,.adminform textarea{width:100%;margin:5px 0}.adminform textarea{min-height:140px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #ddd;text-align:left;vertical-align:middle}.admin-table img{width:60px;height:50px;object-fit:contain}.danger{background:#c62828;color:#fff}.muted{color:#6d7c83}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dashboard div{background:#edf7f2;padding:25px;border-radius:7px}.dashboard b{display:block;font-size:30px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #ddd;text-align:left}footer{background:#082f50;color:#dbe7ee;padding:40px 7%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-top:40px}footer img{width:190px;height:65px;object-fit:contain;background:#fff}.copy{background:#06263f;color:#dbe7ee;padding:15px 7%;font-size:12px}@media(max-width:900px){.top{display:none}.head{flex-wrap:wrap}.head img{margin:auto}.search{flex-basis:100%}nav{overflow:auto}.hero{padding:55px 25px}.hero h1{font-size:42px}.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(2,1fr)}.detail,.contact,footer{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.admin-table{font-size:12px}}