*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;font-family:Arial,Helvetica,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.top{height:36px;background:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:12px}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}.logo{width:215px}.navlinks{display:flex;gap:36px;font-size:14px}.navlinks a{padding:42px 0 14px}.navlinks a:hover{border-bottom:1px solid}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:38% 62%;background:#f6f2ec}.copy{padding:65px 8%;display:flex;flex-direction:column;justify-content:center}.mini,.eyebrow{font-size:12px;letter-spacing:5px;color:#555}.hero h1{font:400 52px/1.04 Georgia,serif;margin:18px 0}.hero p{line-height:1.7;color:#444}.btn{display:inline-block;width:max-content;background:#111;color:#fff;padding:17px 25px;font-size:12px;letter-spacing:1px;margin-top:18px;border:0;cursor:pointer}.heroimg{min-height:520px;background:center/cover url('https://images.unsplash.com/photo-1551488831-00ddcb6c6bd3?auto=format&fit=crop&w=1500&q=85')}.cats{display:grid;grid-template-columns:repeat(5,1fr);padding:35px 5%;border-bottom:1px solid #eee}.cat{text-align:center;padding:10px;border-right:1px solid #ddd;font-size:12px;letter-spacing:1px}.cat:last-child{border:0}.cat .ico{font-size:32px;margin-bottom:12px}.section{max-width:1220px;margin:auto;padding:65px 30px}.eyebrow{text-align:center}.title{text-align:center;font:400 40px Georgia,serif;margin:12px 0 40px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:#eee7df;cursor:pointer}.photo{aspect-ratio:1/1.22;background-size:cover;background-position:center}.pinfo{text-align:center;padding:15px}.pname{font-size:12px;letter-spacing:1px}.price{font-weight:bold;margin-top:6px}.benefits{background:#f7f5f2;display:grid;grid-template-columns:repeat(4,1fr);padding:35px 7%;text-align:center}.benefit{padding:10px;border-right:1px solid #ddd}.benefit:last-child{border:0}.benefit b{display:block;font-size:29px;margin-bottom:10px}.contact{display:grid;grid-template-columns:50% 50%;max-width:1400px;margin:auto}.contactimg{min-height:330px;background:center/cover url('https://images.unsplash.com/photo-1598301257982-0cf014dabbcd?auto=format&fit=crop&w=1200&q=85')}.contactcopy{padding:55px 8%}.contactcopy h2{font:400 36px Georgia,serif}.footer{background:#111;color:#fff;padding:45px 6% 25px}.footerin{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.5fr 2fr 1fr;align-items:center}.footerlogo{width:200px;filter:invert(1)}.footnav{display:flex;gap:25px;font-size:13px}.social{text-align:right}.copyr{text-align:center;border-top:1px solid #333;margin-top:30px;padding-top:20px;color:#aaa;font-size:11px}.editor{position:fixed;right:18px;bottom:18px;background:#111;color:#fff;border-radius:30px;padding:14px 18px;font-size:12px;z-index:30;box-shadow:0 5px 20px #0003}@media(max-width:850px){.nav{height:78px}.logo{width:150px}.navlinks{display:none}.hero{grid-template-columns:1fr}.heroimg{min-height:340px}.cats{grid-template-columns:repeat(2,1fr);gap:8px}.cat{border:0;border-bottom:1px solid #ddd}.products{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.benefit{border:0}.contact{grid-template-columns:1fr}.footerin{grid-template-columns:1fr;text-align:center;gap:25px}.footerlogo{margin:auto}.footnav{justify-content:center}.social{text-align:center}}@media(max-width:480px){.products{grid-template-columns:1fr}.hero h1{font-size:39px}}