@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--primary-green:#689f38;--primary-green-dark:#4f7929;--primary-green-glow:#689f382e;--brand-brown:#6d4c41;--brand-brown-dark:#3e2723;--deep-forest:#142611;--bg-page:#fbf9f5;--bg-surface:#fff;--text-main:#19201a;--text-muted:#647466;--border-subtle:#0000000f;--glass-bg:#ffffffd1;--glass-border:#ffffffb3;--shadow-soft:0 4px 20px -2px #19201a0d;--shadow-card:0 10px 30px -4px #19201a0f, 0 2px 6px -1px #19201a05;--shadow-hover:0 20px 35px -6px #689f3829, 0 6px 12px -2px #19201a0a;--radius-pill:9999px;--radius-card:20px;--radius-inner:12px;--transition:all .25s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-page);color:var(--text-main);line-height:1.6;overflow-x:hidden}a{color:inherit}.header-container{z-index:100;max-width:1200px;margin:0 auto;padding:0 1rem;transition:transform .35s,opacity .35s;position:sticky;top:1rem}.header-container.header-hidden{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 2rem))}.site-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.brand-wrapper{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-logo-img{object-fit:cover;border:2px solid var(--primary-green);width:44px;height:44px;box-shadow:0 2px 8px var(--primary-green-glow);border-radius:50%}.brand-name{color:var(--brand-brown);letter-spacing:-.5px;font-size:1.3rem;font-weight:800;line-height:1.1}.brand-name span{color:var(--primary-green)}.brand-tagline{color:var(--primary-green-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600;display:block}.header-cart{background:var(--bg-surface);width:44px;height:44px;color:var(--primary-green-dark);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.header-cart:hover{border-color:var(--primary-green);color:var(--primary-green-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.header-cart-icon{font-size:1.25rem;line-height:1}.header-cart .header-cart-count{background:var(--primary-green);color:#fff;border-radius:var(--radius-pill);min-width:1.1rem;padding:.1rem .45rem;font-size:.7rem;font-weight:800;position:absolute;top:-4px;right:-4px}.hero-wrapper{max-width:1200px;margin:1.5rem auto 3.5rem;padding:0 1rem}.hero-box{color:#fff;text-align:center;background:linear-gradient(145deg,#1a3114 0%,#294d20 60%,#152611 100%);border-radius:28px;padding:4.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #1a311459}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);color:#e2f3cb;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-1px;max-width:820px;margin:0 auto;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(120deg,#a8e063,#56ab2f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:#e3ede0;max-width:620px;margin:1.25rem auto 2.2rem;font-size:1.1rem;font-weight:400}.hero-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.tag-chip{border-radius:var(--radius-pill);color:#d2e4cc;background:#ffffff14;border:1px solid #ffffff26;padding:.4rem .9rem;font-size:.8rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-header{text-align:center;margin-bottom:2rem}.section-headline{color:var(--deep-forest);letter-spacing:-.5px;margin-bottom:.4rem;font-size:2rem;font-weight:800}.section-subtext{color:var(--text-muted);font-size:.95rem}.shop-banner{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#f4f9ee 0%,#eaf4e0 100%);border:1px solid #689f3840;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2.5rem;padding:1.6rem 1.75rem;display:flex}.shop-banner-title{color:var(--deep-forest);font-size:1.25rem;font-weight:800}.shop-banner-sub{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.shop-banner-actions{flex-wrap:wrap;gap:.75rem;display:flex}.shop-link{border-radius:var(--radius-pill);color:var(--primary-green-dark);-webkit-backdrop-filter:blur(12px);transition:var(--transition);background:#ffffffb3;border:1px solid #689f3873;padding:.65rem 1.15rem;font-size:.9rem;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #19201a0f}.shop-link:hover{border-color:var(--primary-green);box-shadow:0 8px 20px var(--primary-green-glow);background:#689f381a;transform:translateY(-2px)}.shop-link-fb{color:var(--brand-brown)}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:2.5rem 0 2rem;display:flex}.tab-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);padding:.55rem 1.2rem;font-size:.88rem;font-weight:600}.tab-btn:hover{color:var(--primary-green-dark);border-color:#689f3866}.tab-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:0 4px 12px var(--primary-green-glow)}.filter-empty{text-align:center;color:var(--text-muted);padding:3rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:5rem;display:grid}.modern-product-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition);flex-direction:column;padding:1.25rem;display:flex;position:relative}.modern-product-card:hover{box-shadow:var(--shadow-hover);border-color:#689f3859;transform:translateY(-6px)}.card-img-stage{border-radius:var(--radius-inner);background:linear-gradient(#f9f7f2 0%,#efece3 100%);justify-content:center;align-items:center;height:210px;margin-bottom:1.2rem;display:flex;position:relative;overflow:hidden}.card-img-stage img{object-fit:contain;max-width:82%;max-height:82%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.modern-product-card:hover .card-img-stage img{transform:scale(1.08)}.category-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary-green-dark);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-pill);background:#ffffffe6;padding:.3rem .65rem;font-size:.72rem;font-weight:700;position:absolute;top:.75rem;left:.75rem;box-shadow:0 2px 6px #0000000d}.product-info-title{color:var(--text-main);margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.product-info-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.86rem;line-height:1.45}.card-bottom-action{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.price-currency{color:var(--primary-green-dark);font-size:1.45rem;font-weight:800}.btn-add-modern{-webkit-backdrop-filter:blur(12px);color:var(--primary-green-dark);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background:#ffffffb3;border:1px solid #689f3873;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 14px #19201a0f}.btn-add-modern:hover{border-color:var(--primary-green);box-shadow:0 4px 12px var(--primary-green-glow);background:#689f381a;transform:translateY(-1px)}.btn-add-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-add-modern.btn-block{text-align:center;width:100%;display:block}.btn-disabled{color:var(--text-muted);background:#64746626;border-color:#64746659}.reviews-section{margin:5rem 0}.reviews-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;display:grid}.review-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition);flex-direction:column;padding:1.9rem;display:flex}.review-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.review-stars{color:#f59e0b;margin-bottom:.6rem;font-size:1rem}.review-quote{color:var(--text-main);flex:1;margin-bottom:1.5rem;font-size:.95rem;font-style:italic;line-height:1.55}.review-author{color:var(--brand-brown);font-size:.92rem;font-weight:700}.review-date{color:var(--text-muted);font-size:.78rem}.bento-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition);padding:2rem}.bento-card:hover{box-shadow:var(--shadow-hover)}.directory-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:linear-gradient(#f1f7ec 0%,#eaf3e2 100%);border:1px solid #689f3833;margin-bottom:5rem;padding:2.75rem}.directory-card .section-headline{margin-bottom:.4rem}.directory-card .section-subtext{margin-bottom:0}.directory-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-top:2rem;display:grid}.directory-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition);padding:1.6rem}.directory-box:hover{box-shadow:var(--shadow-hover)}.directory-box h4{color:var(--deep-forest);align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:1.1rem;font-weight:700;display:flex}.directory-box ul{color:var(--text-muted);font-size:.9rem;list-style:none}.directory-box li{border-bottom:1px dashed #edefe9;padding:.35rem 0}.directory-address{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.directory-pluscode{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.directory-phone{color:var(--brand-brown);transition:var(--transition);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.directory-phone svg{flex-shrink:0;width:18px;height:18px}.directory-phone:hover{color:var(--primary-green-dark);text-decoration:underline}.directory-cta{color:var(--primary-green-dark);margin-top:.6rem;font-size:.8rem}.maps-link{-webkit-backdrop-filter:blur(12px);color:var(--brand-brown);border-radius:var(--radius-pill);transition:var(--transition);background:#ffffffbf;border:1px solid #6d4c4159;margin-top:.25rem;padding:.6rem 1.05rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 4px 14px #19201a0f}.maps-link:hover{border-color:var(--brand-brown);background:#6d4c4114;transform:translateY(-2px);box-shadow:0 8px 18px #6d4c412e}.site-footer{background:var(--deep-forest);color:#c1d4b8;margin-top:3rem;padding:3.5rem 1.5rem 2rem;font-size:.88rem}.footer-content{border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto 2rem;padding-bottom:2.5rem;display:grid}.footer-title{color:#fff;margin-bottom:.75rem;font-size:1.1rem;font-weight:800}.footer-logo{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:56px;height:56px;margin-bottom:.75rem}.footer-text{color:#c1d4b8;margin-bottom:.35rem;font-size:.85rem;line-height:1.6}.footer-link{color:#d7f0b2;font-weight:600;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-accr{color:#8ca682;margin-top:.75rem;font-size:.75rem}.footer-bottom{text-align:center;color:#8ca682;font-size:.8rem}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#14261180;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background:var(--bg-surface);width:100%;max-width:420px;height:100%;box-shadow:var(--shadow-hover);flex-direction:column;animation:.3s cubic-bezier(.2,.8,.2,1) drawer-in;display:flex}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.drawer-title{color:var(--deep-forest);font-size:1.25rem;font-weight:800}.drawer-close{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;padding:.5rem;font-size:1.25rem}.drawer-close:hover{color:var(--primary-green-dark);transform:rotate(90deg)}.drawer-body{flex:1;padding:1rem 1.5rem;overflow-y:auto}.drawer-empty{text-align:center;padding:3rem 1rem}.drawer-empty-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.drawer-empty-sub{color:var(--text-muted);margin:.5rem 0 1.5rem;font-size:.9rem}.drawer-items{flex-direction:column;gap:1rem;list-style:none;display:flex}.drawer-item{border:1px solid var(--border-subtle);border-radius:var(--radius-inner);background:var(--bg-surface);box-shadow:var(--shadow-soft);align-items:center;gap:.75rem;padding:.75rem;display:flex}.drawer-item-img{object-fit:cover;border-radius:var(--radius-inner);flex-shrink:0;width:60px;height:60px}.drawer-item-img-placeholder{background:#f3f1eb;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.drawer-item-info{flex:1;min-width:0}.drawer-item-name{color:var(--text-main);font-size:.9rem;font-weight:600}.drawer-item-price{color:var(--primary-green-dark);margin-top:.15rem;font-weight:800}.drawer-qty{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.qty-btn{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:var(--transition);background:#fff;font-weight:700}.qty-btn:hover{color:var(--primary-green-dark);border-color:#689f3866}.qty-val{text-align:center;min-width:1.5rem;font-weight:600}.drawer-item-remove{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.25rem;font-size:1rem}.drawer-item-remove:hover{color:#b91c1c}.drawer-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.drawer-subtotal{color:var(--text-muted);justify-content:space-between;font-weight:600;display:flex}.drawer-subtotal-amount{color:var(--primary-green-dark);font-size:1.25rem;font-weight:800}.checkout-empty{text-align:center;padding:4rem 1.5rem}.checkout-layout{grid-template-columns:1fr 380px;gap:2rem;margin-top:1.5rem;display:grid}@media (max-width:900px){.checkout-layout{grid-template-columns:1fr}}.checkout-form,.order-summary{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.5rem}.checkout-form-title{color:var(--deep-forest);margin-bottom:1rem;font-size:1.15rem;font-weight:800}.field{border:none;margin-bottom:1rem;padding:0;display:block}.field-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.field-input{border:1px solid var(--border-subtle);border-radius:var(--radius-inner);background:var(--bg-surface);width:100%;transition:var(--transition);padding:.7rem .9rem;font-family:inherit;font-size:.95rem}.field-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-glow);outline:none}.payment-options{flex-wrap:wrap;gap:1rem;display:flex}.payment-option{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.form-error{color:#b91c1c;border-radius:var(--radius-inner);background:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.summary-items{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;list-style:none;display:flex}.summary-item{color:var(--text-muted);justify-content:space-between;font-size:.9rem;display:flex}.summary-qty{color:var(--text-muted)}.summary-item-price{font-weight:600}.summary-total{color:var(--text-main);justify-content:space-between;margin-bottom:.5rem;font-weight:700;display:flex}.summary-total-amount{color:var(--primary-green-dark);font-size:1.25rem;font-weight:800}.muted{color:var(--text-muted)}.muted.small{font-size:.85rem}.payment-info-card{border-radius:var(--radius-inner);border:1px solid;margin-bottom:1rem;padding:1.25rem}.payment-info-gcash{background:#f3faee;border-color:#689f384d}.payment-info-bank{background:#f0f5ff;border-color:#3b82f640}.payment-info-title{color:var(--deep-forest);margin-bottom:.75rem;font-size:1rem;font-weight:800}.payment-info-row{justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.payment-info-label{color:var(--text-muted);font-weight:600}.payment-info-value{color:var(--text-main);text-align:right;font-weight:700}.payment-info-note{color:var(--text-muted);border-radius:var(--radius-inner);background:#ffffffb3;margin-top:.75rem;padding:.6rem .75rem;font-size:.85rem}.payment-ref{color:#854d0e;background:#fef9c3;border-radius:.375rem;padding:.1rem .5rem;font-weight:800}.order-success{padding:4rem 1.5rem}.success-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);text-align:center;max-width:560px;box-shadow:var(--shadow-card);margin:0 auto;padding:3rem 2rem}.success-icon{background:linear-gradient(135deg, var(--primary-green), var(--primary-green-dark));color:#fff;width:64px;height:64px;box-shadow:0 4px 12px var(--primary-green-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.75rem;font-weight:800;display:flex}.success-card .muted{margin-top:.75rem}.success-card .btn-block{margin-top:1.5rem}.success-payment{text-align:left;margin:1.5rem 0}