.ag-toast{position:fixed;top:1.25rem;left:50%;transform:translate(-50%,-120%);z-index:120;background:#14532d;color:#fff;padding:.7rem 1.15rem;border-radius:9999px;font:600 14px Inter,system-ui,sans-serif;box-shadow:0 10px 25px rgba(20,83,45,.28);opacity:0;pointer-events:none;transition:all .28s ease;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}
.ag-toast.is-on{transform:translate(-50%,0);opacity:1}
.ag-cart-fab{position:fixed;right:1.15rem;bottom:1.15rem;z-index:70;width:3.5rem;height:3.5rem;border:0;border-radius:9999px;background:#14532d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(20,83,45,.32)}
.ag-cart-fab:hover{background:#166534}
.ag-cart-count{position:absolute;top:-.2rem;right:-.2rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:9999px;background:#f59e0b;color:#1e293b;font:800 11px/1.25rem Inter,system-ui,sans-serif}
.ag-cart-fab.is-empty .ag-cart-count{display:none}
.ag-shop{position:fixed;inset:0;z-index:9999;display:none}
.ag-shop.is-open{display:block}
.ag-shop-bg{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(4px)}
.ag-panel{position:absolute;background:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);overflow:hidden}
.ag-drawer{top:0;right:0;width:min(420px,100%);height:100%;display:flex;flex-direction:column}
.ag-modal-card{top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 1.5rem));max-height:min(92vh,860px);border-radius:1.1rem;display:flex;flex-direction:column}
.ag-checkout{top:50%;left:50%;transform:translate(-50%,-50%);width:min(860px,calc(100% - 1.25rem));max-height:min(94vh,900px);border-radius:1.1rem;display:flex;flex-direction:column}
.ag-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid #d1fae5;flex-shrink:0;background:#14532d;color:#fff}
.ag-head h3{margin:0;font:700 1.1rem/1.3 Inter,system-ui,sans-serif;color:#fff}
.ag-x{width:2.1rem;height:2.1rem;border:0;border-radius:9999px;background:rgba(255,255,255,.16);color:#fff;font-size:1.35rem;line-height:1;cursor:pointer}
.ag-x:hover{background:rgba(255,255,255,.28)}
.ag-body{padding:1.15rem;flex:1;overflow:auto}
.ag-foot{padding:1rem 1.15rem 1.2rem;border-top:1px solid #f3f4f6;background:#fff;flex-shrink:0}
.ag-detail{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:720px){.ag-detail{grid-template-columns:1fr 1fr;gap:1.4rem}.ag-modal-card{width:min(820px,calc(100% - 1.5rem))}}
.ag-detail-img{background:linear-gradient(to bottom right,#fffbeb,#fefce8);border-radius:.9rem;min-height:220px;display:flex;align-items:center;justify-content:center;padding:1.2rem}
.ag-detail-img img{max-width:100%;max-height:260px;object-fit:contain}
.ag-kicker{display:inline-block;background:#ecfdf5;color:#15803d;font:600 11px Inter,system-ui,sans-serif;padding:.2rem .55rem;border-radius:9999px;margin-bottom:.55rem}
.ag-detail h2{margin:0 0 .55rem;font:700 1.35rem/1.3 Inter,system-ui,sans-serif;color:#1e293b}
.ag-detail p{margin:0 0 1rem;color:#6b7280;font:400 .92rem/1.65 Inter,system-ui,sans-serif}
.ag-price{font:800 1.7rem/1 Inter,system-ui,sans-serif;color:#14532d;margin-bottom:1rem}
.ag-qty{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}
.ag-qty span{font:600 13px Inter,system-ui,sans-serif;color:#475569}
.ag-stepper{display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:9999px;overflow:hidden}
.ag-stepper button{width:2rem;height:2rem;border:0;background:#f8fafc;cursor:pointer;font-weight:700;color:#14532d}
.ag-stepper b{min-width:1.6rem;text-align:center;font:700 14px Inter,system-ui,sans-serif}
.ag-actions{display:flex;gap:.6rem}
.ag-btn{flex:1;border:0;border-radius:9999px;padding:.8rem .9rem;font:700 .9rem Inter,system-ui,sans-serif;cursor:pointer}
.ag-btn-outline{background:#fff;color:#14532d;border:1.5px solid #14532d}
.ag-btn-outline:hover{background:#f0fdf4}
.ag-btn-accent{background:#f59e0b;color:#1e293b}
.ag-btn-accent:hover{background:#fbbf24}
.ag-btn-primary{background:#14532d;color:#fff}
.ag-btn-primary:hover{background:#166534}
.ag-btn-block{width:100%;flex:none}
.ag-line{display:flex;gap:.8rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}
.ag-line img{width:4.2rem;height:4.2rem;object-fit:contain;background:#fffbeb;border-radius:.7rem;padding:.25rem;flex-shrink:0}
.ag-line h4{margin:0 0 .2rem;font:700 .88rem/1.3 Inter,system-ui,sans-serif;color:#1e293b}
.ag-line .meta{color:#64748b;font:600 .8rem Inter,system-ui,sans-serif}
.ag-empty{text-align:center;color:#94a3b8;padding:3rem 1rem;font:500 .95rem Inter,system-ui,sans-serif}
.ag-sum{display:flex;justify-content:space-between;margin-bottom:.45rem;font:500 .9rem Inter,system-ui,sans-serif;color:#475569}
.ag-sum.total{font-weight:800;color:#14532d;font-size:1.05rem;margin-top:.35rem}
.ag-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:.3rem 0 1rem}
.ag-step{display:flex;flex-direction:column;align-items:center;min-width:4.4rem}
.ag-step i{width:1.9rem;height:1.9rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font:800 11px Inter,system-ui,sans-serif;background:#f3f4f6;color:#94a3b8}
.ag-step.on i{background:#d97706;color:#fff;box-shadow:0 0 0 4px #fde68a}
.ag-step.done i{background:#22c55e;color:#fff}
.ag-step b{margin-top:.3rem;font:600 11px Inter,system-ui,sans-serif;color:#94a3b8}
.ag-step.on b{color:#b45309}
.ag-step.done b{color:#16a34a}
.ag-bar{width:2.6rem;height:2px;background:#e5e7eb;margin:0 .15rem .95rem}
.ag-bar.done{background:#4ade80}
.ag-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem .75rem}
.ag-field{display:flex;flex-direction:column;gap:.28rem}
.ag-field.full{grid-column:1/-1}
.ag-field label{font:600 12px Inter,system-ui,sans-serif;color:#334155}
.ag-field label em{color:#dc2626;font-style:normal}
.ag-field input,.ag-field select,.ag-field textarea{border:1px solid #e5e7eb;border-radius:.7rem;padding:.7rem .75rem;font:400 .9rem Inter,system-ui,sans-serif;color:#0f172a;background:#fff;width:100%;box-sizing:border-box}
.ag-field input:focus,.ag-field select:focus,.ag-field textarea:focus{outline:2px solid #86efac;border-color:#22c55e}
.ag-field .err{color:#dc2626;font:500 11px Inter,system-ui,sans-serif;min-height:.9rem}
.ag-pay{display:flex;flex-direction:column;gap:.55rem}
.ag-pay-opt{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;border:2px solid #f3f4f6;background:#fff;border-radius:.9rem;padding:.8rem .9rem;cursor:pointer}
.ag-pay-opt.on{border-color:#f59e0b;background:#fffbeb}
.ag-ico{width:2.3rem;height:2.3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;font-size:1.05rem;flex-shrink:0}
.ag-pay-opt.on .ag-ico{background:#f59e0b}
.ag-pay-opt strong{display:block;font:700 .88rem Inter,system-ui,sans-serif;color:#1e293b}
.ag-pay-opt small{color:#94a3b8;font:400 .75rem Inter,system-ui,sans-serif}
.ag-dot{width:1.05rem;height:1.05rem;border-radius:9999px;border:2px solid #d1d5db;margin-left:auto;flex-shrink:0}
.ag-pay-opt.on .ag-dot{border-color:#f59e0b;background:#f59e0b;box-shadow:inset 0 0 0 3px #fff}
.ag-extra{margin-top:.85rem;padding:.9rem;border:1px solid #f3f4f6;border-radius:.85rem;background:#f8fafc}
.ag-ok{text-align:center;padding:1.6rem .5rem 1rem}
.ag-ok .big{width:4.2rem;height:4.2rem;border-radius:9999px;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem}
.ag-ok h2{margin:0 0 .4rem;font:800 1.45rem Inter,system-ui,sans-serif;color:#14532d}
.ag-ok p{color:#64748b;font:400 .92rem/1.6 Inter,system-ui,sans-serif}
.ag-oid{display:inline-block;margin:.7rem 0 1rem;background:#ecfdf5;color:#14532d;border-radius:9999px;padding:.35rem .8rem;font:800 .85rem Inter,system-ui,sans-serif}
.ag-note{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:.8rem;padding:.75rem .85rem;font:500 .8rem/1.5 Inter,system-ui,sans-serif;margin-top:.7rem}
.ag-rm{border:0;background:transparent;color:#ef4444;font:600 12px Inter,system-ui,sans-serif;cursor:pointer;padding:0}
@media (max-width:640px){.ag-grid{grid-template-columns:1fr}.ag-field.full,.ag-field{grid-column:auto}.ag-actions{flex-direction:column}.ag-cart-fab{right:.85rem;bottom:.85rem}}

/* Products section polish */
.ag-products-wrap{background:linear-gradient(180deg,#f7f4ee 0%,#f3f7f2 55%,#f8fafc 100%)!important}
.ag-offer{display:inline-flex;align-items:center;gap:.4rem;background:#14532d;color:#fff;border-radius:9999px;padding:.45rem .9rem;font:600 12px/1.4 Inter,system-ui,sans-serif;margin:0 auto 1rem;box-shadow:0 8px 20px rgba(20,83,45,.18)}
.ag-offer strong{color:#fde68a;font-weight:800}
.ag-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.4rem auto 0;max-width:52rem}
@media (min-width:768px){.ag-trust{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ag-trust>div{background:#fff;border:1px solid #e8efe8;border-radius:1rem;padding:.8rem .7rem;text-align:center;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.ag-trust span{display:block;font-size:1.2rem;margin-bottom:.25rem}
.ag-trust b{display:block;font:700 .8rem Inter,system-ui,sans-serif;color:#14532d}
.ag-trust small{display:block;margin-top:.15rem;color:#64748b;font:500 .7rem Inter,system-ui,sans-serif}
.ag-card{box-shadow:0 8px 24px rgba(20,83,45,.06)!important}
.ag-badge{position:absolute;top:.7rem;left:.7rem;background:#14532d;color:#fff;font:700 10px Inter,system-ui,sans-serif;letter-spacing:.02em;padding:.28rem .55rem;border-radius:9999px;z-index:2}
.ag-pricebox{margin-bottom:.85rem}
.ag-stars{color:#d97706;font:700 .8rem Inter,system-ui,sans-serif;margin-bottom:.35rem}
.ag-stars em{color:#94a3b8;font-style:normal;font-weight:600}
.ag-mrp-row{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}
.ag-mrp-row b{font:800 1.35rem Inter,system-ui,sans-serif;color:#14532d}
.ag-mrp{color:#94a3b8;font:600 .9rem Inter,system-ui,sans-serif}
.ag-mrp-row i{color:#15803d;font:800 .8rem Inter,system-ui,sans-serif;font-style:normal}
.ag-ship{margin-top:.28rem;color:#15803d;font:600 .75rem Inter,system-ui,sans-serif}
.ag-reviews{margin-top:2.6rem}
.ag-reviews h3{margin:0 0 1rem;text-align:center;font:800 1.35rem Inter,system-ui,sans-serif;color:#1e293b}
.ag-review-grid{display:grid;grid-template-columns:1fr;gap:.8rem}
@media (min-width:768px){.ag-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ag-review-grid blockquote{margin:0;background:#fff;border:1px solid #e8efe8;border-radius:1rem;padding:1rem 1.05rem;color:#334155;font:500 .9rem/1.6 Inter,system-ui,sans-serif;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.ag-review-grid cite{display:block;margin-top:.7rem;color:#14532d;font:700 .78rem Inter,system-ui,sans-serif;font-style:normal}
.ag-wa{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.55rem;background:#25d366;color:#fff;border:0;border-radius:9999px;padding:.75rem .9rem;font:700 .88rem Inter,system-ui,sans-serif;text-decoration:none}
.ag-wa:hover{filter:brightness(1.05);color:#fff}
.ag-hl{margin:0 0 1rem;padding:0;list-style:none}
.ag-hl li{position:relative;padding-left:1.1rem;margin:.28rem 0;color:#475569;font:500 .84rem/1.45 Inter,system-ui,sans-serif}
.ag-hl li:before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:800}
.ag-price-lg{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}
.ag-price-lg b{font:800 1.85rem Inter,system-ui,sans-serif;color:#14532d}
.ag-del{background:#ecfdf5;color:#166534;border-radius:.75rem;padding:.65rem .75rem;font:600 .8rem/1.45 Inter,system-ui,sans-serif;margin:0 0 1rem}

button.ag-wa{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:.55rem;background:#25d366;color:#fff;border:0;border-radius:9999px;padding:.75rem .9rem;font:700 .88rem Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}
button.ag-wa:hover,.ag-wa:hover{filter:brightness(1.05);color:#fff}
.ag-wa-box{text-align:center;padding:.4rem .2rem 1rem}
.ag-wa-ico{width:4.2rem;height:4.2rem;border-radius:9999px;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;font-size:1.8rem}
.ag-wa-box h2{margin:0 0 .4rem;font:800 1.35rem Inter,system-ui,sans-serif;color:#14532d}
.ag-wa-box p{color:#64748b;font:500 .9rem/1.55 Inter,system-ui,sans-serif;margin:0 0 .9rem}
.ag-wa-num{font:800 1.35rem Inter,system-ui,sans-serif;color:#14532d;background:#ecfdf5;border-radius:.8rem;padding:.7rem;margin-bottom:.8rem}

/* profile stat cards sit above green banner */
.-mt-12.pb-16{position:relative;z-index:20}

/* Keep product photos inside the card — never cover title/description */
#products .h-56,
#products [class*="h-56"]{
  overflow:hidden!important;
  height:14rem!important;
  max-height:14rem!important;
  flex-shrink:0;
}
#products .h-56 img,
#products [class*="h-56"] img{
  max-height:12.5rem!important;
  max-width:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
}
#products .group:hover img{transform:none!important}
#products .ag-card h3,
#products .ag-card p{position:relative;z-index:2;background:#fff}