body { margin:0; padding:0; background:#f9f9f9; font-family:sans-serif; color:#333; font-size:13px; }
* { box-sizing:border-box; text-decoration:none; list-style:none; }
.wrap { max-width:1200px; margin:0 auto; padding:20px; }
.head { background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:100; }
.head-in { display:flex; justify-content:space-between; align-items:center; height:70px; }
.nav { display:flex; gap:20px; }
.nav a { color:#333; font-weight:bold; font-size:14px; text-transform:uppercase; transition:.2s; }
.nav a:hover { color:#7c8a41; }
.title { text-align:center; font-size:24px; font-weight:bold; letter-spacing:2px; margin:50px 0 30px; text-transform:uppercase; }
.grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.grid2 { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.item { background:#fff; text-align:center; position:relative; padding-bottom:15px; transition:.3s; }
.item:hover { box-shadow:0 10px 25px rgba(0,0,0,.05); }
.item img { width:100%; height:320px; object-fit:cover; margin-bottom:15px; }
.badge { position:absolute; top:10px; right:10px; background:#7c8a41; color:#fff; padding:3px 8px; font-size:11px; }
.badge.new { background:#333; right:auto; left:10px; }
.price { color:#7c8a41; font-size:15px; font-weight:bold; margin:8px 0; }
.btn { display:inline-block; border:1px solid #eee; padding:8px 25px; color:#999; text-transform:uppercase; font-size:11px; margin-top:5px; transition:.2s; }
.item:hover .btn { background:#7c8a41; color:#fff; border-color:#7c8a41; }
.promo { display:flex; background:#fff; margin:40px 0; }
.promo-txt { width:50%; padding:60px; display:flex; flex-direction:column; justify-content:center; border:2px solid #7c8a41; margin:20px; }
.promo-img { width:50%; height:400px; object-fit:cover; }
.circle { width:70px; height:70px; border-radius:50%; background:#7c8a41; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:bold; margin-bottom:20px; }
.btn-solid { background:#7c8a41; color:#fff; padding:10px 30px; display:inline-block; border:none; cursor:pointer; font-weight:bold; }
.ig-feed { display:flex; width:100%; overflow:hidden; margin:40px 0; }
.ig-feed img { width:16.666%; height:200px; object-fit:cover; }
.foot { background:#fff; border-top:1px solid #eee; padding:40px 0; text-align:center; margin-top:50px; color:#999; }