:root{--green:#0b6239;--green2:#0f8a4e;--text:#16251d;--muted:#67736c;--line:#e5e9e6;--bg:#f7f9f7;--white:#fff;--danger:#b42318;--shadow:0 10px 30px rgba(18,38,27,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1380px,calc(100% - 36px));margin:auto}
.top{background:#fff;border-bottom:1px solid var(--line)}.topin{display:flex;align-items:center;gap:34px;min-height:92px}.logo{display:flex;align-items:center;gap:12px;min-width:250px}.logo img{width:72px;height:62px;object-fit:contain}.brand strong{font-size:31px;letter-spacing:.5px;color:var(--green)}.brand small{display:block;color:var(--muted)}.nav{display:flex;gap:30px;flex:1;justify-content:center}.nav a{font-weight:700}.nav a:hover{color:var(--green)}.topwa{font-weight:700;color:var(--green);white-space:nowrap}.mobile-menu{display:none}
.hero{background:linear-gradient(90deg,#f5f3ee 0%,#f8faf7 58%,#eef4ef 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:330px;gap:30px}.hero h1{font-size:52px;line-height:1.05;margin:0 0 18px;color:var(--green)}.hero h1 span{display:block;color:#18251e;font-weight:500}.hero p{font-size:20px;max-width:600px;color:#3f4b44}.hero-illus{display:flex;align-items:center;justify-content:center;height:280px;overflow:hidden}.hero-products-img{display:block;width:100%;max-width:660px;height:auto;object-fit:contain}.shape{background:#c99a63;border-radius:12px 12px 30px 30px;box-shadow:var(--shadow)}.cup{width:110px;height:170px;clip-path:polygon(10% 0,90% 0,78% 100%,22% 100%)}.box{width:210px;height:90px;border-radius:10px}.bowl{width:170px;height:105px;border-radius:18px 18px 45px 45px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:7px;font-weight:800;border:1px solid var(--green);cursor:pointer}.btn-primary{background:var(--green2);color:#fff}.btn-light{background:#fff;color:var(--green)}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:30px 0 55px}.section-title{font-size:24px;margin:0 0 18px}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.cat{padding:18px 12px;border:1px solid var(--line);border-radius:12px;text-align:center;background:#fff;min-height:100px;display:flex;align-items:center;justify-content:center;font-weight:800}.cat:hover{border-color:#a9c8b5;color:var(--green);box-shadow:var(--shadow)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.card-media{aspect-ratio:1/1;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:245px}.card-media img{width:100%;height:100%;object-fit:contain;padding:4px;transform:scale(1.28);transform-origin:center}.card-body{padding:16px;display:flex;flex-direction:column;gap:7px;flex:1}.card h3{font-size:18px;margin:0}.sku{color:var(--muted);font-size:13px}.price{display:grid;gap:4px;margin:7px 0}.price b{color:var(--green);font-size:20px}.card-actions{display:flex;gap:8px;margin-top:auto}.card-actions .btn{flex:1;justify-content:center;padding:10px 8px;font-size:13px}
.sidebar{position:relative}.sidebar-sticky{position:sticky;top:15px}.vendors{display:grid;gap:12px}.vendor{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.vendor strong{display:block;font-size:18px}.vendor span{display:block;color:var(--muted);margin:5px 0 12px}.vendor .btn{width:100%;justify-content:center}.info-box{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.info-row{padding:15px;border-bottom:1px solid var(--line)}.info-row:last-child{border:0}.info-row strong{display:block;color:var(--green);margin-bottom:4px}
.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:35px 0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product-main-img{border:1px solid var(--line);border-radius:16px;background:#fafafa;aspect-ratio:1/1;display:flex;align-items:center;overflow:hidden}.product-main-img img{width:100%;height:100%;object-fit:contain;padding:8px;transform:scale(1.22);transform-origin:center}.product-info h1{font-size:38px;margin-top:0}.product-info .desc{line-height:1.6;color:#3e4a43}.price-box{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:22px 0}.price-box>div{padding:18px}.price-box>div+div{border-left:1px solid var(--line)}.price-box small{display:block;color:var(--muted)}.price-box b{display:block;color:var(--green);font-size:26px;margin-top:5px}
.footer{background:#064a2c;color:#fff;padding:25px;text-align:center}.empty{padding:35px;border:1px dashed #cfd8d2;border-radius:12px;color:var(--muted);text-align:center}
@media(max-width:1050px){.products{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(4,1fr)}.topin{flex-wrap:wrap;padding:14px 0}.nav{order:3;width:100%;padding-bottom:12px}.hero h1{font-size:42px}}@media(max-width:800px){.main-grid,.product-layout{grid-template-columns:1fr}.sidebar-sticky{position:static}.products{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:35px 0}.hero-illus{display:flex;height:auto;margin-top:8px}.hero-products-img{width:100%;max-width:720px}.nav{display:none}.topwa{margin-left:auto}.product-detail{grid-template-columns:1fr}}@media(max-width:520px){.container{width:min(100% - 22px,1380px)}.products{grid-template-columns:1fr}.hero h1{font-size:35px}.logo{min-width:0}.brand strong{font-size:24px}.topwa{font-size:13px}.price-box{grid-template-columns:1fr}.price-box>div+div{border-left:0;border-top:1px solid var(--line)}}
.footer-inner{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px}.admin-access{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:13px;line-height:1;color:rgba(255,255,255,.24);transition:color .2s ease,background .2s ease}.admin-access:hover,.admin-access:focus{color:rgba(255,255,255,.75);background:rgba(255,255,255,.06);outline:none}@media(max-width:520px){.footer{padding:20px 14px;font-size:13px}.footer-inner{gap:6px}}

@media(max-width:1050px){.card-media{min-height:220px}}
@media(max-width:800px){.card-media{min-height:260px}.card-media img{transform:scale(1.24)}}
@media(max-width:520px){.card-media{min-height:330px}.card-media img{transform:scale(1.20)}}