:root{--aawi-band-bg:#1f3027;--aawi-band-ac:#27764f;--g:#27764f;--gd:#1b5a3b;--gl:#e7f3df;--o:#f59e0b;--bg:#f5f7ed;--ink:#1f3027;--mu:#5d6e60;--rule:#dbe6d5}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Trebuchet MS","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
h1,h2,h3{margin:0 0 .5rem;line-height:1.1;font-weight:800;letter-spacing:-.01em}h1{font-size:clamp(2.2rem,1.2rem + 4.4vw,4.2rem)}h1 em{color:var(--g);font-style:normal}h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem)}
a{color:inherit}svg{display:block;max-width:100%}.fine{color:var(--mu);font-size:.85rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1.4rem;border-radius:14px;border:2px solid var(--g);background:var(--g);color:#fff;font:800 .95rem inherit;text-decoration:none;cursor:pointer}.btn:hover{background:var(--gd);border-color:var(--gd)}.btn.ghost{background:transparent;color:var(--gd)}.btn.ghost:hover{background:var(--gl);color:var(--gd)}.btn.sm{min-height:40px;padding:.5rem 1rem}.btn.full{width:100%}
.hd{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(14px,3vw,40px);background:rgba(251,253,248,.96);border-bottom:1px solid var(--rule);backdrop-filter:blur(8px)}
.logo{display:flex;align-items:center;gap:.4rem;font-size:1.35rem;font-weight:900;text-decoration:none;color:var(--gd)}.logo b{color:var(--o)}.logo i{width:26px;height:26px;border-radius:50% 0 50% 0;background:var(--g);display:inline-block}
.sr{flex:1;max-width:560px}.sr input{width:100%;min-height:46px;padding:.6rem 1.1rem;border:2px solid var(--rule);border-radius:14px;background:#fff;font:1rem inherit}
.cartb{position:relative;display:flex;align-items:center;gap:.5rem;min-height:46px;padding:0 .9rem;border-radius:14px;border:2px solid var(--g);background:var(--gl);color:var(--gd);font:800 .9rem inherit;cursor:pointer}.cartb svg{width:24px;height:24px}.cartb span{position:absolute;left:28px;top:-8px;min-width:20px;height:20px;border-radius:10px;background:var(--o);color:#fff;font-size:.7rem;line-height:20px;text-align:center}
@media(max-width:640px){.hd{flex-wrap:wrap}.logo{order:1}.cartb{order:2;margin-left:auto}.sr{order:3;flex:1 1 100%;max-width:none}.cartb b{display:none}}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:clamp(2rem,5vw,4.5rem) clamp(14px,3vw,40px);max-width:1280px;margin:0 auto}
.pill{display:inline-block;margin:0 0 1rem;padding:.35rem .9rem;border-radius:999px;background:var(--gl);color:var(--gd);font-weight:800;font-size:.8rem}.lead{color:var(--mu);font-size:1.1rem;max-width:30rem}.row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.hero__a{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.hero__a div{border-radius:22px;overflow:hidden}.hero__a div:first-child{grid-row:span 2}.hero__a svg{width:100%;height:100%;object-fit:cover;min-height:130px}
@media(max-width:820px){.hero{grid-template-columns:1fr}.hero__a{order:-1;max-height:260px;overflow:hidden}}
.sec{padding:clamp(2rem,5vw,4rem) clamp(14px,3vw,40px);max-width:1280px;margin:0 auto}
.catrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.8rem;margin-top:1rem}.cat{border:2px solid var(--rule);border-radius:18px;background:#fff;padding:0;overflow:hidden;cursor:pointer;font:800 .95rem inherit;color:var(--ink);text-align:center}.cat svg{width:100%;height:96px}.cat span{display:block;padding:.6rem}.cat[aria-pressed=true]{border-color:var(--g);background:var(--gl)}.cat:hover{border-color:var(--g)}
.head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:1rem;margin-top:1rem}
.p{background:#fff;border:2px solid var(--rule);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.p svg{width:100%;height:150px}.p .in{padding:.8rem .9rem 1rem;display:flex;flex-direction:column;gap:.15rem;flex:1}.p h3{font-size:1.02rem;margin:0}.p small{color:var(--mu)}.p .pr{font-weight:900;font-size:1.1rem;color:var(--gd)}.p .pr s{color:var(--mu);font-weight:400;font-size:.85rem}.p .tg{position:absolute}
.add{margin-top:auto;min-height:44px}.qty{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--g);border-radius:14px;margin-top:auto;overflow:hidden}.qty button{width:48px;min-height:42px;border:0;background:var(--gl);color:var(--gd);font:900 1.2rem inherit;cursor:pointer}.qty span{font-weight:800}
.empty{text-align:center;color:var(--mu);padding:2rem}
.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}.of{border-radius:20px;padding:1.4rem;background:linear-gradient(135deg,#d6efc4,#b8e09b)}.of.o2{background:linear-gradient(135deg,#fde8b8,#f9cf7a)}.of.o3{background:linear-gradient(135deg,#d8ecff,#aed4f5)}.of p{margin:0;color:#2b3a2e}
.info{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem}.info li{padding:1rem;border:2px solid var(--rule);border-radius:16px;background:#fff;color:var(--mu)}.info b{display:block;color:var(--ink)}
.bulk{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);background:var(--gl);border-radius:24px;max-width:1240px}.bulk p{color:var(--mu)}@media(max-width:820px){.bulk{grid-template-columns:1fr}}
form{display:grid;gap:.8rem}.g2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media(max-width:560px){.g2{grid-template-columns:1fr}}
label{display:grid;gap:.25rem;font-weight:800;font-size:.82rem;color:var(--mu)}input,select,textarea{font:1rem inherit;min-height:46px;padding:.65rem .8rem;border:2px solid var(--rule);border-radius:12px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #8fd19e;outline-offset:2px}[aria-invalid=true]{border-color:#d64533}
.ok{margin:0;padding:.8rem 1rem;border-radius:12px;background:#d6efc4;color:#1b4d26;font-weight:700}
.ft{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:1.4rem clamp(14px,3vw,40px);border-top:1px solid var(--rule);color:var(--mu);font-size:.85rem}
.ov{position:fixed;inset:0;background:rgba(20,40,25,.5);z-index:60}.ov[hidden],.drawer[hidden]{display:none}
.drawer{position:fixed;right:0;top:0;bottom:0;width:min(100%,420px);background:#fff;z-index:70;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.2)}.dh{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;border-bottom:1px solid var(--rule)}.dh h3{margin:0}.x{width:44px;height:44px;border:0;background:none;font-size:1.8rem;cursor:pointer}
#cl{flex:1;overflow:auto;padding:.4rem 1.1rem;min-height:120px}.ci{display:grid;grid-template-columns:56px 1fr auto;gap:.7rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--rule)}.ci svg{width:56px;height:56px;border-radius:12px}.ci h4{margin:0;font-size:.95rem}.ci p{margin:0;color:var(--mu);font-size:.8rem}
.df{padding:.8rem 1.1rem 1rem;border-top:1px solid var(--rule);overflow:auto;max-height:55vh}.tot{display:flex;justify-content:space-between;margin:0;font-size:.95rem}.tot.big{font-size:1.2rem;font-weight:900;margin-bottom:.6rem}details{margin:.4rem 0 .8rem}summary{cursor:pointer;font-weight:800;padding:.4rem 0}details label{margin-top:.5rem}
.ci .aawi-ph{width:56px;height:56px;flex:none;border-radius:12px}