:root{--ink:#1e2c27;--muted:#738078;--cream:#fffaf1;--paper:#fff;--line:#e9e4da;--green:#214d3d;--mint:#d9eadf;--orange:#f28a39;--shadow:0 18px 60px #23382f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.site-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:14px clamp(20px,4vw,64px);background:#fffaf1e8;border-bottom:1px solid #ebe5d9;backdrop-filter:blur(18px)}.wordmark{color:var(--ink);font-size:25px;font-weight:800;letter-spacing:-.07em;text-decoration:none}.wordmark span{color:var(--orange)}button,input,textarea{font:inherit}.head-cart,.filter-toggle{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.head-cart{padding:10px 15px}.head-cart span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-right:6px;border-radius:50%;background:var(--green);color:#fff}.hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;align-items:end;max-width:1240px;margin:auto;padding:clamp(54px,8vw,110px) clamp(20px,4vw,64px) clamp(48px,7vw,88px)}.eyebrow{margin:0 0 18px;color:#9c6a36;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{max-width:820px;margin:0;font-size:clamp(45px,7.5vw,95px);font-weight:700;letter-spacing:-.075em;line-height:.94}.hero h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}.hero-text{max-width:600px;margin:30px 0 0;color:var(--muted);font-size:clamp(15px,1.7vw,19px);line-height:1.65}.hero-stat{display:grid;align-content:end;min-height:205px;padding:28px;border-radius:28px;background:var(--green);color:#fff;box-shadow:var(--shadow)}.hero-stat strong{font-size:56px;letter-spacing:-.08em;line-height:1}.hero-stat span{margin-top:4px;font-size:14px;font-weight:700}.hero-stat small{margin-top:35px;color:#bad0c7;font-size:10px;line-height:1.5}.catalog-shell{padding:34px max(20px,calc((100vw - 1112px)/2)) 140px;border-radius:36px 36px 0 0;background:#f5f2eb}.catalog-tools{display:flex;gap:10px}.search-field{display:flex;flex:1;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.search-field span{color:#9a9b95;font-size:23px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.filter-toggle{flex:0 0 auto;padding:0 20px}.filter-toggle span:not(:empty){display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:50%;background:var(--orange);color:#fff}.filter-panel{margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-head strong{font-size:12px}.filter-head button{border:0;background:transparent;color:#9c6a36;font-size:11px;cursor:pointer}.filter-chips,.categories{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.filter-chips::-webkit-scrollbar,.categories::-webkit-scrollbar{display:none}.filter-chip,.category-chip{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;color:#65716a;font-size:11px;font-weight:700;cursor:pointer}.filter-chip{padding:9px 13px}.filter-chip.active{border-color:var(--green);background:var(--green);color:#fff}.categories{margin:28px 0 38px;padding-bottom:2px}.category-chip{padding:11px 17px}.category-chip.active{border-color:#c9d8cf;background:var(--mint);color:var(--green)}.catalog-meta{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.catalog-meta h2{margin:0;font-size:27px;letter-spacing:-.045em}.catalog-meta span{color:var(--muted);font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 28px #2e453b09;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{position:relative;aspect-ratio:1.45;overflow:hidden;background:#e8ece6;border:0;padding:0;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image img{transform:scale(1.03)}.product-image .placeholder{display:grid;width:100%;height:100%;place-items:center;color:#87978e;font-size:11px}.product-body{display:flex;flex:1;flex-direction:column;padding:17px}.product-category{margin-bottom:7px;color:#9c6a36;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.product-body h3{margin:0;font-size:15px;letter-spacing:-.025em;line-height:1.35}.product-body p{display:-webkit-box;overflow:hidden;margin:8px 0 14px;color:var(--muted);font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.product-foot strong{font-size:15px}.add-button{min-width:39px;height:39px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:20px;cursor:pointer}.in-cart{display:flex;align-items:center;gap:4px}.in-cart button{width:31px;height:31px;border:1px solid var(--line);border-radius:10px;background:#f7f5f0;color:var(--ink);cursor:pointer}.in-cart b{min-width:20px;text-align:center;font-size:12px}.loading,.empty-results{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted)}.floating-cart{position:fixed;right:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:space-between;width:min(430px,calc(100vw - 32px));padding:15px 18px;transform:translateX(50%);border:0;border-radius:17px;background:var(--green);color:#fff;box-shadow:0 18px 50px #1834294d;cursor:pointer}.floating-cart span{font-size:12px}.floating-cart b{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-right:6px;border-radius:50%;background:#fff;color:var(--green)}.floating-cart strong{font-size:13px}.sheet{width:min(570px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:26px;background:#fff;color:var(--ink);box-shadow:0 28px 100px #10281e4d;overflow:auto}.sheet::backdrop{background:#1630268f;backdrop-filter:blur(7px)}.sheet-close{position:sticky;top:14px;z-index:3;float:right;width:40px;height:40px;margin:14px 14px -54px 0;border:0;border-radius:13px;background:#f4f1eb;color:#6d756f;font-size:23px;cursor:pointer}.detail-image{width:100%;aspect-ratio:1.55;object-fit:cover;background:#edf0eb}.detail-copy{padding:24px}.detail-copy h2,.cart-sheet h2{margin:4px 0 12px;font-size:27px;letter-spacing:-.05em}.detail-copy>p{color:var(--muted);font-size:12px;line-height:1.65}.nutrition{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.nutrition div{padding:10px 5px;border-radius:12px;background:#f7f5f0;text-align:center}.nutrition strong{display:block;font-size:12px}.nutrition span{color:var(--muted);font-size:8px}.detail-action{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.detail-action>strong{font-size:22px}.primary-action,.secondary-action{min-height:48px;padding:0 18px;border-radius:13px;font-size:12px;font-weight:800;cursor:pointer}.primary-action{border:0;background:var(--green);color:#fff}.secondary-action{border:1px solid var(--line);background:#fff;color:var(--ink)}.cart-sheet{padding:26px}.cart-sheet header{padding-right:40px}.cart-lines{display:grid;gap:8px;margin:24px 0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border-radius:14px;background:#f7f5f0}.cart-line>span{min-width:0}.cart-line b{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cart-line small{color:var(--muted);font-size:9px}.comment-field{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.comment-field textarea{min-height:78px;padding:12px;border:1px solid var(--line);border-radius:13px;outline:0;resize:vertical}.cart-summary{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:12px}.cart-summary strong{font-size:21px}.cart-note{color:var(--muted);font-size:9px;line-height:1.5}.cart-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:17px}.action-status{min-height:16px;margin:10px 0 0;color:#2f7159;text-align:center;font-size:10px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-stat{display:flex;min-height:0;align-items:center;gap:12px}.hero-stat strong{font-size:38px}.hero-stat span{flex:1}.hero-stat small{margin:0;text-align:right}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.site-head{min-height:62px;padding:10px 16px}.wordmark{font-size:23px}.head-cart{padding:8px 11px;font-size:10px}.hero{gap:25px;padding:45px 18px 42px}.hero h1{font-size:47px}.hero-text{margin-top:22px;font-size:14px}.hero-stat{padding:18px;border-radius:20px}.hero-stat small{display:none}.catalog-shell{padding:22px 13px 115px;border-radius:26px 26px 0 0}.catalog-tools{position:sticky;top:63px;z-index:12;padding:8px 0;background:#f5f2ebe8;backdrop-filter:blur(12px)}.search-field{min-height:48px}.filter-toggle{padding:0 14px}.categories{margin:20px 0 28px}.catalog-meta{padding:0 3px}.catalog-meta h2{font-size:22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{border-radius:17px}.product-image{aspect-ratio:1.12}.product-body{padding:12px}.product-body h3{font-size:12px}.product-body p{font-size:9px;-webkit-line-clamp:2}.product-foot strong{font-size:13px}.add-button{width:34px;min-width:34px;height:34px;border-radius:10px}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:92dvh;margin:0;border-radius:25px 25px 0 0}.cart-sheet{padding:22px 16px max(24px,env(safe-area-inset-bottom))}.detail-copy{padding:20px 16px max(24px,env(safe-area-inset-bottom))}.nutrition{gap:4px}.cart-actions{position:sticky;bottom:0;padding-top:10px;background:#fff}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
