*{box-sizing:border-box}:root{--bg:#f7faf8;--card:#fff;--text:#1c2c25;--muted:#6b7771;--brand:#386d56;--brand2:#285441;--soft:#e8f2ed;--border:#dce8e1;--affiliate:#6b5d98;--danger:#a13f39;--shadow:0 14px 38px #1f463414}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1180px,92%);margin:auto}.announcement{color:#fff;text-align:center;background:#1e352b;padding:9px 15px;font-size:13px}.header{border-bottom:1px solid var(--border);z-index:20;background:#f7faf8f5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:18px;min-height:74px;display:flex}.brand{align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px}.nav{align-items:center;gap:18px;display:flex}.nav a{font-size:14px;font-weight:700;text-decoration:none}.btn{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;padding:12px 16px;font-weight:750;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand2)}.btn-secondary{border:1px solid var(--border);color:var(--brand2);background:#fff}.btn-affiliate{background:var(--affiliate);color:#fff}.hero{min-height:440px;box-shadow:var(--shadow);background:linear-gradient(135deg,#dcebe3,#f7fbf9 58%,#cadfd4);border-radius:30px;align-items:center;margin:34px auto 54px;padding:62px;display:flex}.hero-copy{max-width:790px}.eyebrow{letter-spacing:2px;color:var(--brand);font-size:12px;font-weight:800}.hero h1{letter-spacing:-2px;margin:12px 0 18px;font-size:clamp(42px,6vw,72px);line-height:1}.hero p{color:#59665f;max-width:680px;font-size:18px;line-height:1.65}.section{padding:12px 0 70px}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.section-head h2{margin:7px 0 0;font-size:36px}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #1f46340d}.card-img{background:var(--soft);object-fit:cover;width:100%;height:230px;display:block}.card-body{padding:18px}.badge{color:#fff;background:var(--brand);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-block}.badge.affiliate{background:var(--affiliate)}.category{letter-spacing:1px;text-transform:uppercase;color:var(--brand);font-size:12px;font-weight:800}.card h3{margin:8px 0}.card p{color:var(--muted);min-height:44px;line-height:1.5}.price{font-size:23px;font-weight:800}.card-footer{justify-content:space-between;align-items:end;gap:12px;margin-top:15px;display:flex}.product-page{padding:50px 0 80px}.product-layout{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.product-main-img{aspect-ratio:1;object-fit:cover;background:var(--soft);border:1px solid var(--border);border-radius:24px;width:100%}.product-info h1{margin:12px 0;font-size:46px}.product-info p{color:var(--muted);line-height:1.7}.info-box{background:var(--soft);border-radius:12px;margin:18px 0;padding:14px}.login-wrap{place-items:center;min-height:70vh;padding:40px 0;display:grid}.login-card{border:1px solid var(--border);width:min(440px,92vw);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:28px}.form{gap:14px;display:grid}.field{gap:7px;font-size:14px;font-weight:700;display:grid}.field input,.field textarea,.field select{background:#fff;border:1px solid #cfddd5;border-radius:10px;width:100%;padding:12px}.error{color:#8d322e;background:#fdebea;border-radius:9px;padding:10px}.admin-wrap{padding:34px 0 70px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:15px;padding:18px}.stat small{color:var(--muted);display:block}.stat strong{margin-top:7px;font-size:27px;display:block}.admin-grid{grid-template-columns:380px 1fr;gap:22px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 24px #1f46340a}.table-like{gap:10px;display:grid}.row{border:1px solid var(--border);border-radius:12px;padding:14px}.row-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.small{font-size:12px}.danger{color:var(--danger);background:#fde8e5;border:0}.cart{padding:45px 0 80px}.cart-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:15px;padding:16px 0;display:grid}.qty{align-items:center;gap:8px;display:flex}.qty button{border:1px solid var(--border);background:#fff;border-radius:8px;width:32px;height:32px}.summary{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:24px;padding:20px}.success{text-align:center;place-items:center;min-height:65vh;display:grid}.footer{border-top:1px solid var(--border);color:var(--muted);background:#edf4f0;padding:30px 0}@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.product-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.nav{display:none}}@media (max-width:620px){.hero{padding:34px 25px}.grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:start}.stats{grid-template-columns:1fr 1fr}.header-inner{min-height:66px}.product-info h1{font-size:36px}}.searchbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.searchbar input,.searchbar select{border:1px solid var(--border);background:#fff;border-radius:10px;padding:11px 12px}.chips{flex-wrap:wrap;gap:8px;margin:14px 0 28px;display:flex}.chip{border:1px solid var(--border);color:var(--brand2);background:#fff;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700;text-decoration:none}.chip.active{background:var(--brand);color:#fff}.supplier-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.supplier-card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:18px}.supplier-card h3{margin:0 0 8px}.supplier-card p{color:var(--muted);font-size:14px;line-height:1.5}.legal{border:1px solid var(--border);max-width:820px;box-shadow:var(--shadow);background:#fff;border-radius:18px;margin:45px auto 80px;padding:30px}.legal h1{font-size:38px}.legal h2{margin-top:30px}.legal p,.legal li{color:#4f5d56;line-height:1.7}.order-meta{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.order-meta div{background:var(--soft);border-radius:9px;padding:10px;font-size:13px}.status-select{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px}@media (max-width:900px){.supplier-grid,.order-meta{grid-template-columns:1fr 1fr}}@media (max-width:620px){.supplier-grid,.order-meta{grid-template-columns:1fr}.searchbar{flex-direction:column;align-items:stretch}.searchbar input,.searchbar select{width:100%}}