*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;color:#20343c;background:#fff}
a{text-decoration:none;color:inherit}
header{height:85px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}
.logo{font-size:22px;font-weight:800;letter-spacing:1px}
.logo span{color:#b87953}
nav{display:flex;gap:30px}
nav a{font-size:13px;font-weight:600}
nav a:hover{color:#b87953}
.hero{min-height:430px;background:#f3efe7;display:flex;align-items:center;padding:65px 10%}
.hero>div{max-width:580px}
.hero p:first-child{font-size:11px;letter-spacing:3px;color:#b87953;font-weight:bold}
h1{font-family:Georgia,serif;font-size:58px;line-height:1.12;color:#20343c;margin:22px 0}
.hero p{color:#69777a;font-size:15px;line-height:1.8}
.btn{display:inline-block;margin-top:20px;background:#20343c;color:#fff;padding:16px 27px;font-size:12px}
.btn:hover{background:#b87953}
#catalog{max-width:1250px;margin:auto;padding:75px 5%}
h2{font-family:Georgia,serif;font-size:35px;margin-bottom:30px}
#search{width:100%;max-width:400px;padding:14px;border:1px solid #ddd;font-size:13px;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
.product{cursor:pointer;min-width:0}
.product img{width:100%;aspect-ratio:1;object-fit:contain;background:#f5f5f2;padding:12px}
.product h3{font-size:13px;line-height:1.5;font-weight:600}
.product .type{font-size:10px;color:#b87953;text-transform:uppercase;letter-spacing:1px}
.product .price{font-weight:bold;font-size:15px}
.product:hover img{opacity:.9}
#about,#contact{padding:65px 10%;background:#f7f5f0}
#about p,#contact p{color:#69777a;line-height:1.8;font-size:14px}
#contact{background:#fff}
footer{background:#20343c;color:white;text-align:center;padding:30px;font-size:12px}
.empty{padding:40px;color:#777}
.detail{max-width:1150px;margin:auto;padding:60px 5%;display:grid;grid-template-columns:1fr 1fr;gap:50px}
.detail img{width:100%;background:#f5f5f2}
.detail h1{font-size:36px}
.detail p{line-height:1.8;color:#69777a}
@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}header{padding:0 4%}nav{gap:15px}}
@media(max-width:600px){header{height:auto;padding:20px 5%;flex-wrap:wrap;gap:18px}.logo{font-size:18px}nav{width:100%;justify-content:space-between;gap:8px}nav a{font-size:11px}.hero{padding:55px 7%;min-height:350px}h1{font-size:42px}#catalog{padding:50px 5%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}h2{font-size:29px}.detail{grid-template-columns:1fr;padding:30px 5%;gap:20px}}