*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
.top{background:#f7f5f1;font-size:13px;padding:9px 0}.top .container{display:flex;justify-content:space-between}
header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:10}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;font-weight:700;letter-spacing:2px}.menu{display:flex;gap:30px;font-weight:600}.icons{display:flex;gap:18px}.hero{min-height:600px;background:linear-gradient(90deg,#eee7df,#f8f7f5);display:flex;align-items:center}.hero h1{font-size:64px;line-height:1.05;max-width:650px;margin:15px 0}.eyebrow{letter-spacing:3px;font-size:13px}.btn{display:inline-block;background:#222;color:white;padding:14px 28px;margin-top:15px;border-radius:2px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:55px 0}.feature{padding:15px}.feature h3{margin-bottom:5px}.section{padding:65px 0}.section h2{text-align:center;font-size:38px;margin:0 0 10px}.sub{text-align:center;color:#777;margin-bottom:40px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cat{background:#f3f0ec;padding:45px 20px;text-align:center}.cat b{font-size:30px;display:block}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.card{position:relative}.pic{height:260px;background:linear-gradient(135deg,#e9e5df,#c9c3bb);display:flex;align-items:center;justify-content:center;font-size:55px;color:#777}.badge{position:absolute;top:10px;left:10px;background:#222;color:#fff;padding:5px 9px;font-size:11px}.card h3{margin:12px 0 4px}.price{font-weight:700}.old{text-decoration:line-through;color:#999;margin-right:8px}.banner{background:#ece7df;padding:80px;text-align:center}.banner h2{font-size:48px}.blog{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.post{border-top:1px solid #ddd;padding-top:15px}.newsletter{background:#222;color:#fff;padding:65px;text-align:center}.newsletter input{padding:14px;width:min(420px,80%);border:0}.newsletter button{padding:14px 22px;border:0}.page{padding:80px 0}.page h1{font-size:52px}.aboutgrid,.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.image{min-height:400px;background:linear-gradient(135deg,#ddd5cc,#a9a39b);display:flex;align-items:center;justify-content:center;font-size:90px;color:#777}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.team .image{min-height:280px;font-size:60px}.form{display:grid;gap:15px}.form input,.form textarea{padding:14px;border:1px solid #ccc;font:inherit}.form textarea{min-height:160px}footer{background:#f5f3f0;padding:60px 0 25px;margin-top:60px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.copy{text-align:center;border-top:1px solid #ddd;margin-top:35px;padding-top:20px;font-size:13px}
@media(max-width:800px){.menu{display:none}.hero h1{font-size:42px}.features,.categories,.products,.blog,.aboutgrid,.contactgrid,.footgrid,.team{grid-template-columns:1fr 1fr}.nav{height:68px}.pic{height:220px}}@media(max-width:520px){.features,.categories,.products,.blog,.aboutgrid,.contactgrid,.footgrid,.team{grid-template-columns:1fr}.banner{padding:45px 20px}.banner h2{font-size:35px}.top .container{flex-direction:column}}