:root{font-family:Inter,Arial,sans-serif;color:#183b32;background:#fafaf7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}header{height:74px;position:sticky;top:0;z-index:5;background:#fffdf9ee;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:0 max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #e9ebe5}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:3px;font-weight:bold}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:1.3px;margin-top:3px}.bag,.primary{border:0;background:#164a3d;color:white;padding:12px 16px;border-radius:9px}.bag b{background:#e4c8a2;color:#173b32;border-radius:20px;padding:3px 7px;margin-left:6px}main{max-width:1100px;margin:auto;padding:20px}.hero{background:linear-gradient(110deg,#123c32,#326b58);color:#fff;border-radius:16px;padding:65px 8%;margin-bottom:40px}.hero span,small{font-size:11px;letter-spacing:2px}.hero h1{font:clamp(36px,6vw,64px) Georgia,serif;margin:14px 0}.hero p{max-width:430px;line-height:1.65;color:#e0ebe5}.hero a{display:inline-block;margin-top:16px;background:#f0e4cd;color:#174538;text-decoration:none;border-radius:8px;padding:13px 18px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.sectionhead h2{font:36px Georgia,serif;margin:5px 0}.sectionhead>span{font-size:13px;color:#6a7770}#search{width:100%;padding:15px 18px;border:1px solid #dce4dc;border-radius:10px;background:white;outline-color:#40725b}.filters{display:flex;gap:8px;margin:16px 0 22px}.filters button{border:1px solid #dce4dc;background:white;padding:9px 16px;border-radius:30px;color:#315447}.filters .active{background:#174b3e;color:white}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{background:white;border:1px solid #edf0e9;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.photo{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f8f9f6;cursor:pointer}.photo img{width:100%;height:100%;object-fit:contain;padding:12px}.details{padding:16px;display:flex;flex-direction:column;flex:1}.details small{color:#76907e}.details h3{font-size:15px;line-height:1.4;margin:8px 0;min-height:42px}.details p{font-size:12px;line-height:1.5;color:#63736a;flex:1}.price{font-size:20px;font-weight:700;margin:12px 0}.add{width:100%;padding:12px;border:1px solid #174b3e;background:#174b3e;color:white;border-radius:8px}.add:disabled{opacity:.4}.overlay{position:fixed;inset:0;background:#0c201c99;z-index:10}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(100%,470px);background:#fff;z-index:11;overflow-y:auto;padding:22px;box-shadow:-10px 0 35px #0002}.hidden{display:none}.drawerhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.drawerhead h2{font:29px Georgia,serif}.drawerhead button{background:none;border:0;font-size:24px}.cartitem{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #eee}.cartitem img{width:70px;height:75px;object-fit:contain}.cartitem>div{flex:1}.cartitem strong{font-size:14px}.qty{display:flex;align-items:center;gap:14px;margin-top:10px}.qty button{border:1px solid #d9e3dc;background:white;border-radius:5px;padding:4px 10px}.total{font-size:22px;font-weight:bold;margin:20px 0}.checkout input,.checkout textarea{width:100%;padding:13px;border:1px solid #d9e3dc;border-radius:8px;margin:7px 0 14px}.checkout label{font-size:13px}.checkout .primary{width:100%;padding:16px}.checkout p{font-size:12px;color:#65766d;line-height:1.5}.detailphoto{width:100%;height:280px;object-fit:contain}.description{white-space:pre-wrap;line-height:1.65;color:#4d6358}.external{display:block;color:#164a3d;margin:16px 0}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#183e34;color:#fff;padding:12px 18px;border-radius:8px;z-index:20;display:none;max-width:90vw}@media(max-width:850px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){header{padding:0 14px}.brand{font-size:20px}.brand span{font-size:8px}.hero{padding:40px 24px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.details{padding:11px}.details h3{font-size:13px}.details p{font-size:11px}.price{font-size:17px}.photo img{padding:6px}main{padding:12px}.hero{margin-bottom:26px}}