*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#14212B;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.top{background:#123B5D;color:#fff;text-align:center;padding:8px 16px;font-size:13px}header{position:sticky;top:0;z-index:20;background:#fffffff2;border-bottom:1px solid #E2E9ED;backdrop-filter:blur(10px)}nav{max-width:1180px;margin:auto;padding:14px 20px;display:flex;align-items:center;gap:22px}.brand{font-weight:900;font-size:22px;color:#123B5D;margin-right:auto}.brand b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#19A7A0,#123B5D);color:#fff;margin-right:8px}.navlinks{display:flex;gap:18px;font-weight:700;font-size:14px}.cart{border:1px solid #E2E9ED;padding:9px 12px;border-radius:11px;background:#fff;cursor:pointer}.hero{background:linear-gradient(135deg,#EFF8F8,#F7FAFC,#EAF3F8);padding:75px 20px}.wrap{max-width:1180px;margin:auto}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.05;color:#123B5D;margin:12px 0}.hero p{font-size:18px;color:#687681}.visual{min-height:330px;background:#fff;border-radius:28px;display:grid;place-items:center;box-shadow:0 14px 40px #123b5d1a;font-size:110px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:0;border-radius:12px;font-weight:800;cursor:pointer}.primary{background:#19A7A0;color:#fff}.secondary{background:#fff;color:#123B5D;border:1px solid #E2E9ED}.section{padding:65px 20px}.alt{background:#F5F8FA}h2{font-size:32px;color:#123B5D;margin:0 0 8px}.lead{color:#687681;margin:0 0 25px}.tools{display:flex;gap:10px;margin-bottom:22px}.search{width:100%;padding:14px;border:1px solid #E2E9ED;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #E2E9ED;border-radius:18px;overflow:hidden}.pic{height:180px;background:#eef5f7;display:grid;place-items:center;font-size:70px}.body{padding:19px}.cat{font-size:11px;text-transform:uppercase;font-weight:900;color:#12847F}.card h3{color:#123B5D;margin:6px 0}.price{font-size:21px;font-weight:900;margin:8px 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.product .pic{height:430px;border-radius:24px;font-size:130px}.product h1{font-size:42px;line-height:1.1;color:#123B5D}.notice{background:#F0F8F7;border-left:4px solid #19A7A0;padding:14px;border-radius:8px;color:#687681}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info article{border:1px solid #E2E9ED;border-radius:16px;padding:18px}.info h3{color:#123B5D}footer{background:#0C2436;color:#c9d7df;padding:35px 20px;margin-top:40px}.drawer{position:fixed;inset:0;background:#0719267a;z-index:50;display:none}.drawer.open{display:block}.panel{margin-left:auto;width:min(440px,100%);height:100%;background:#fff;padding:24px;overflow:auto}.row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #E2E9ED;padding:12px 0}.checkout input,.checkout textarea,.checkout select{width:100%;padding:11px;border:1px solid #E2E9ED;border-radius:9px;margin:5px 0 12px}.close{float:right;border:0;background:#eee;border-radius:8px;padding:8px 11px;cursor:pointer}@media(max-width:800px){.navlinks{display:none}.hero .wrap,.product{grid-template-columns:1fr}.grid,.info{grid-template-columns:1fr}.visual{min-height:240px}.product .pic{height:300px}.actions{grid-template-columns:1fr}}