:root{--green:#1d6b45;--dark:#17352a;--cream:#f7f4ed;--gold:#c89b3c;--text:#252525;--muted:#6c6c6c;--line:#e7e2d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}.topbar{background:var(--dark);color:#fff;font-size:13px;padding:9px 20px;text-align:center}
.header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:24px;padding:17px 20px}
.logo{font-size:25px;font-weight:800;color:var(--green);letter-spacing:-.5px}.logo span{color:var(--gold)}
.navlinks{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;font-size:14px}.navlinks a:hover{color:var(--green)}
.search{max-width:1180px;margin:0 auto;padding:0 20px 15px;display:flex;gap:8px}.search input{flex:1;border:1px solid var(--line);padding:12px 14px;border-radius:5px}.btn{border:0;background:var(--green);color:#fff;padding:12px 18px;border-radius:5px;cursor:pointer}
.hero{background:linear-gradient(110deg,#edf6ef,#fbf4df);padding:58px 20px}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}.hero h1{font-size:46px;line-height:1.06;margin:0 0 18px;color:var(--dark)}.hero p{font-size:18px;line-height:1.65;color:#4e5a53}.hero-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 15px 40px #17352a18;text-align:center}.mountain{font-size:100px}
.container{max-width:1180px;margin:auto;padding:48px 20px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2{margin:0;color:var(--dark);font-size:30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000010}.card img{width:100%;height:230px;object-fit:cover;background:#f5f1e7}.card-body{padding:16px}.badge{display:inline-block;background:#edf6ef;color:var(--green);font-size:11px;font-weight:700;padding:5px 8px;border-radius:30px}.card h3{font-size:17px;line-height:1.35;margin:12px 0 10px}.price{font-weight:800;color:var(--green);font-size:18px}.old{text-decoration:line-through;color:#999;font-size:13px;margin-left:7px}.discount{float:right;color:#9b6414;font-size:12px;font-weight:700}
.product{max-width:1100px;margin:auto;padding:45px 20px}.crumb{font-size:13px;color:#777;margin-bottom:25px}.product-main{display:grid;grid-template-columns:1fr 1fr;gap:45px}.product-image{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f8f5ed}.product-image img{width:100%;display:block}.product h1{font-size:38px;line-height:1.12;color:var(--dark);margin:0 0 14px}.rating{color:#b78220;margin:10px 0 20px}.product-price{font-size:27px;font-weight:800;color:var(--green)}.product-desc{font-size:16px;line-height:1.75;color:#555}.meta{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:grid;gap:8px}.qty{width:75px;padding:11px;border:1px solid var(--line);border-radius:5px}.actions{display:flex;gap:10px;margin-top:20px}.btn.alt{background:#fff;color:var(--green);border:1px solid var(--green)}
.footer{background:var(--dark);color:#fff;margin-top:50px}.footer-inner{max-width:1180px;margin:auto;padding:45px 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer h3{margin-top:0}.footer p,.footer a{color:#dce9e2;font-size:14px;line-height:1.7}.copyright{border-top:1px solid #ffffff22;text-align:center;padding:15px;color:#bcd0c4;font-size:13px}
.notice{background:#fff8e7;border:1px solid #f0dfae;padding:14px;border-radius:8px;margin:20px 0;color:#684e16}
.category-head{background:#f4f8f4;padding:45px 20px}.category-head .inner{max-width:1180px;margin:auto}.category-head h1{font-size:38px;color:var(--dark);margin:0 0 10px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero-inner,.product-main{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.nav{flex-wrap:wrap}.navlinks{margin-left:0}.hero h1{font-size:36px}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.product h1{font-size:30px}.search{flex-direction:column}}