:root{--green:#173f36;--gold:#c99c54;--red:#ce3f36;--ink:#17201c;--muted:#6d756f;--line:#e4e7e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fbfcfb}button,input,select{font:inherit}.notice{background:var(--green);color:#fff;text-align:center;padding:9px;font-size:13px;letter-spacing:.08em}header{min-height:86px;display:flex;align-items:center;gap:32px;padding:16px 5vw;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.logo{font:800 24px Georgia;color:var(--green);text-decoration:none;white-space:nowrap}.logo span{font:500 12px;display:block;letter-spacing:.35em;color:var(--gold)}#search{flex:1;display:flex;max-width:560px;border:1px solid #bac2bd;border-radius:30px;overflow:hidden}#search input{border:0;outline:0;padding:13px 20px;flex:1;background:transparent}#search button{border:0;background:var(--green);color:#fff;padding:0 25px}nav{display:flex;gap:6px;align-items:center}nav a,nav button{border:0;background:none;padding:10px;color:#38413c;cursor:pointer;text-decoration:none}#cartCount{background:var(--red);color:#fff;border-radius:10px;padding:1px 6px}.hero{min-height:540px;padding:90px 8vw;display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(13,42,33,.94),rgba(13,42,33,.5)),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1800&q=85') center/cover}.hero h1{font:600 clamp(42px,6vw,76px) Georgia;margin:20px 0;max-width:700px}.hero p{font-size:19px;color:#e5ede8}.hero small,.title small,.campaign small{letter-spacing:.2em;color:#d4b574}.primary,.light,.checkout,.form button{border:0;padding:14px 26px;cursor:pointer}.primary{background:#fff;color:var(--green);margin-top:25px}.hero-card{width:220px;height:220px;border:1px solid #ffffff80;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0d2a2159;backdrop-filter:blur(8px)}.hero-card strong{font:600 24px Georgia;margin:10px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:-35px auto 0;background:#fff;position:relative;box-shadow:0 12px 40px #15261b18;padding:28px}.benefits div{padding:0 25px;color:var(--green);font-weight:700;border-right:1px solid var(--line)}.benefits div:last-child{border:0}.benefits small{display:block;color:var(--muted);font-weight:400;margin-top:8px}.section{max-width:1240px;margin:90px auto;padding:0 20px}.title{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.title h2,.campaign h2{font:600 38px Georgia;margin:8px 0}.title select{padding:10px 14px;border:1px solid var(--line);background:white}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.categories button{height:130px;border:1px solid var(--line);background:#fff;color:var(--green);font-size:17px;cursor:pointer}.categories button:hover{border-color:var(--gold);transform:translateY(-3px)}.categories b,.categories small{display:block}.categories b{font-size:28px;margin-bottom:12px}.categories small{color:var(--muted);margin-top:6px}.campaign{max-width:1200px;margin:80px auto;padding:55px 65px;background:linear-gradient(120deg,#173f36,#256b58);color:#fff;display:flex;justify-content:space-between;align-items:center}.campaign p{color:#d7e4df}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);transition:.25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #12251b18}.card img{width:100%;height:250px;object-fit:cover;background:#eef1ee}.card>.fav{position:absolute;right:14px;top:14px;border:0;border-radius:50%;width:38px;height:38px;background:#ffffffe8;cursor:pointer}.card-body{padding:20px}.meta{color:var(--gold);font-size:12px;letter-spacing:.08em}.card h3{margin:10px 0;font-size:17px}.price{color:var(--red);font-size:21px;font-weight:700}.price del{font-size:13px;color:#9da49f;font-weight:400;margin-left:8px}.actions{display:flex;gap:8px;margin-top:16px}.actions button{flex:1;border:1px solid var(--green);padding:10px;background:#fff;color:var(--green);cursor:pointer}.actions button:last-child,.checkout,.form button{background:var(--green);color:#fff}.brands{text-align:center;background:#f1f4f2;padding:50px}.brands div{display:flex;justify-content:space-around;margin-top:30px;color:#53615a;letter-spacing:.12em}.panel{background:#fff;border:1px solid var(--line);padding:28px;margin-bottom:20px}.row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.row img{width:90px;height:90px;object-fit:cover}.grow{flex:1}.form{display:grid;gap:13px;max-width:480px}.form input,.form select{padding:12px;border:1px solid #ccd2ce}.hidden{display:none!important}dialog{border:0;padding:0;max-width:620px;width:92%;border-radius:8px;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#09150fa8}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:26px;z-index:2}.modal-pad{padding:35px}.product-detail img{width:100%;max-height:350px;object-fit:cover}.tabs{display:flex;gap:8px;margin-bottom:20px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#17201c;color:#fff;padding:12px 24px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1}footer{background:#13231d;color:#fff;padding:65px 8vw;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}footer p,footer a{color:#acbab3}footer a{display:block;margin-top:12px;text-decoration:none}@media(max-width:900px){header{flex-wrap:wrap}#search{order:3;max-width:none;flex-basis:100%}nav{overflow:auto}.hero-card{display:none}.benefits{grid-template-columns:1fr 1fr;margin:0}.benefits div{border:0}.categories{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){nav button{font-size:12px}.hero{padding:60px 24px}.benefits,.grid{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.campaign{margin:40px 15px;padding:35px 25px}.campaign button{display:none}.section{margin:55px auto}.brands div{flex-wrap:wrap;gap:25px}footer{grid-template-columns:1fr}}
