:root{--forest:#214b30;--deep:#153521;--leaf:#50764a;--cream:#f7f7f0;--line:rgba(255,255,255,.65);--glass:rgba(255,255,255,.72);--shadow:0 12px 34px rgba(30,58,35,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 12% 12%,#e6eddc 0,transparent 35%),radial-gradient(ellipse at 92% 38%,#e4ebdc 0,transparent 32%),#f7f7f0;color:#20291f;font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:var(--forest);text-decoration:none}
.glass,.glass-header,.glass-card{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.glass-header{display:flex;align-items:center;gap:22px;padding:15px max(18px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:20;border-radius:0 0 18px 18px}.logo{font:22px Georgia,serif;letter-spacing:1px;white-space:nowrap}.logo small{display:block;font:8px system-ui;letter-spacing:1.5px}nav{display:flex;gap:18px;margin-left:auto;font-size:13px;align-items:center}nav a{padding:7px 9px;border-radius:9px}nav a:hover{background:#e9f0e4}.basket,.btn,.submit{background:var(--forest);color:#fff;padding:11px 16px;border-radius:10px;border:0;display:inline-block;font-weight:700;box-shadow:0 5px 14px #214b3020}.basket:hover,.btn:hover,.submit:hover{background:#173a24}
main{max-width:1240px;margin:auto;padding:0 22px 55px}.hero{margin:26px 0 24px;padding:clamp(25px,4vw,48px);border-radius:24px;min-height:265px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(15,43,25,.86),rgba(20,55,30,.53) 52%,rgba(20,55,30,.06)),url('assets/vegetables-banner.jpg') center/cover;color:white;overflow:hidden}.hero small{letter-spacing:2px;color:#e1f0d9;font-weight:800}.hero h1{color:#fff;font:clamp(34px,4.3vw,55px)/1.08 Georgia,serif;margin:14px 0}.hero h1 em{color:#d9edc9}.hero p{max-width:450px;color:#f1f5ec}.shop-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}.veg-sidebar{border-radius:20px;position:sticky;top:95px;overflow:hidden}.veg-sidebar summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:var(--deep)}.veg-sidebar summary::-webkit-details-marker{display:none}.veg-sidebar summary:after{content:'⌄';font-size:19px;color:#66835c}.veg-sidebar[open] summary:after{content:'⌃'}.count{margin-left:auto;margin-right:10px;background:#e7efdf;color:var(--forest);padding:3px 8px;border-radius:20px;font-size:12px}.sidebar-inner{padding:0 12px 13px}.search-label{display:block;font-size:11px;font-weight:700;color:#667263;margin:0 5px 5px}.veg-search{width:100%;border:1px solid #dce5d5;background:rgba(255,255,255,.76);border-radius:11px;padding:10px 12px;font:inherit;outline:none;margin-bottom:10px}.veg-search:focus{border-color:#6b9365;box-shadow:0 0 0 3px #6b93651c}.veg-list{display:grid;gap:3px;max-height:calc(100vh - 230px);overflow:auto;padding-right:3px}.veg-filter{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:9px;color:#43513f;font:inherit;font-size:13px;cursor:pointer}.veg-filter:hover{background:#edf3e8}.veg-filter.active{background:#214b30;color:#fff;font-weight:700}.shop-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 14px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#67835c;margin:0}.shop-heading h2{font:clamp(23px,2.4vw,30px) Georgia,serif;margin:3px 0 0}.product-count{font-size:12px;color:#697565;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product{border-radius:17px;padding:12px;min-width:0;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-3px);box-shadow:0 16px 36px #25452a18}.produce{height:clamp(120px,15vw,175px);border-radius:12px;background:#eef2e7;position:relative;overflow:hidden}.produce img{width:100%;height:100%;object-fit:cover;display:block}.produce span{position:absolute;top:9px;left:9px;background:#214b30;color:white;font-size:9px;font-weight:800;letter-spacing:.4px;padding:4px 7px;border-radius:20px}.product h3{font-size:15px;margin:12px 0 4px;overflow-wrap:anywhere}.muted{font-size:12px;color:#74796e;margin:0}.buy{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:8px}.buy b{font-size:15px}.add{border:0;border-radius:999px;min-width:104px;height:36px;padding:0 12px;background:var(--forest);color:white;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.add:hover{filter:brightness(1.08)}.add.added{min-width:104px;font-size:12px}.add:hover{background:#153521}.empty-state{border-radius:14px;padding:20px;color:#586550}footer{text-align:center;color:#687064;padding:25px;border-top:1px solid #e8e5dc;font-size:12px}
/* Reusable CMS form/table styling */
.panel{max-width:650px;margin:45px auto;background:rgba(255,255,255,.82);border:1px solid #fff;border-radius:20px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.panel h1{font:30px Georgia;color:var(--forest)}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #dfe3d8;border-radius:10px;font:inherit;background:#ffffffd9}.tablewrap{overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;background:#ffffffc9}th,td{text-align:left;padding:11px;border-bottom:1px solid #e8e5dc;font-size:13px}th{background:#eff2e8}.notice{background:#edf3e6;padding:12px;border-radius:10px;margin:12px 0;font-size:13px}.danger{color:#9b3025}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-layout{grid-template-columns:220px minmax(0,1fr)}nav{gap:8px}}
@media(max-width:760px){.glass-header{padding:11px 13px;gap:10px;flex-wrap:wrap;border-radius:0 0 14px}.logo{font-size:18px}.logo small{font-size:7px}.basket{margin-left:auto;padding:9px 12px;font-size:12px}nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;margin:0;font-size:12px}nav a{padding:6px 8px}main{padding:0 13px 35px}.hero{margin:15px 0;padding:24px 20px;min-height:230px;border-radius:19px;background-position:58% center}.hero h1{font-size:clamp(31px,8vw,42px)}.hero p{font-size:13px;max-width:300px}.shop-layout{display:flex;flex-direction:column;gap:13px}.veg-sidebar{position:static;width:100%;border-radius:15px}.veg-sidebar summary{padding:13px 15px}.veg-sidebar[open] .sidebar-inner{padding:0 11px 12px}.veg-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:235px}.veg-filter{font-size:12px;padding:8px}.shop-products{width:100%}.shop-heading{align-items:center;margin-bottom:11px}.shop-heading h2{font-size:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{padding:9px;border-radius:14px}.produce{height:clamp(105px,32vw,155px)}.product h3{font-size:13px;margin-top:9px}.muted{font-size:11px}.buy{margin-top:10px}.buy b{font-size:13px}.add{width:31px;height:31px;font-size:21px}.panel{margin:18px 8px;padding:19px;border-radius:16px}th,td{padding:8px;font-size:12px}}
@media(max-width:370px){.grid{grid-template-columns:1fr}.produce{height:190px}.shop-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Responsive safeguards and styled vegetable filter buttons */
img{max-width:100%}
.product,.shop-products,.grid{min-width:0}
.product[hidden],.veg-filter[hidden]{display:none!important}
.veg-filter{border:1px solid #dce5d5;background:rgba(255,255,255,.58)}
.veg-filter.active{border-color:var(--forest)}
@media(max-width:760px){body{overflow-x:hidden}.glass-header{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Animated left vegetable sidebar */
@keyframes sidebarSlideIn{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes vegetableFadeIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.shop-layout{grid-template-columns:250px minmax(0,1fr)}
.veg-sidebar{grid-column:1;animation:sidebarSlideIn .55s cubic-bezier(.2,.75,.25,1) both;transform-origin:left center}
.shop-products{grid-column:2;min-width:0}
.veg-filter{animation:vegetableFadeIn .32s ease both}
.veg-filter:nth-child(1){animation-delay:.02s}.veg-filter:nth-child(2){animation-delay:.04s}.veg-filter:nth-child(3){animation-delay:.06s}.veg-filter:nth-child(4){animation-delay:.08s}.veg-filter:nth-child(5){animation-delay:.10s}.veg-filter:nth-child(6){animation-delay:.12s}.veg-filter:nth-child(7){animation-delay:.14s}.veg-filter:nth-child(8){animation-delay:.16s}.veg-filter:nth-child(9){animation-delay:.18s}.veg-filter:nth-child(10){animation-delay:.20s}
.veg-filter{transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.veg-filter:hover{transform:translateX(4px);box-shadow:0 3px 10px #214b3010}
@media(max-width:760px){.shop-layout{display:grid;grid-template-columns:minmax(0,1fr)}.veg-sidebar,.shop-products{grid-column:1;width:100%}.veg-sidebar{animation:sidebarSlideIn .45s ease both}.veg-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.veg-sidebar,.veg-filter{animation:none!important;transition:none!important}}

/* Desktop navigation inspired by the supplied dark, expandable sidebar */
.mobile-menu-toggle{display:none}
.veg-sidebar{background:linear-gradient(160deg,rgba(34,35,34,.98),rgba(16,18,17,.98));border:1px solid rgba(255,255,255,.12);color:#f4f4ef;box-shadow:0 16px 36px rgba(0,0,0,.18);border-radius:16px;padding:0 0 12px}
.veg-sidebar summary{color:#fff;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}
.veg-sidebar summary:after{color:#d5d8d1}.veg-sidebar .count{background:#3a3d39;color:#e6e8df}
.veg-sidebar .sidebar-inner{padding:10px 12px 8px}
.side-nav-heading{font-size:12px;font-weight:800;letter-spacing:.3px;color:#fff;padding:8px 9px 11px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.side-nav-heading span{float:right;color:#b8bcb4}
.veg-sidebar .search-label{color:#bfc4bb;margin-left:4px}
.veg-sidebar .veg-search{background:#2b2d2b;color:#fff;border-color:#454843}
.veg-sidebar .veg-search::placeholder{color:#a6aaa2}
.veg-sidebar .veg-list{max-height:calc(100vh - 330px);gap:2px}
.veg-sidebar .veg-filter{color:#d7dad3;background:transparent;border:0;border-radius:7px;padding:7px 9px;font-size:12px}
.veg-sidebar .veg-filter:hover{background:#343735;color:#fff;transform:translateX(3px)}
.veg-sidebar .veg-filter.active{background:#3d3022;color:#efb76c;border-left:2px solid #df9944}
.side-nav-links{display:grid;gap:3px;padding:4px 12px 12px;border-top:1px solid rgba(255,255,255,.08)}
.side-nav-links a,.side-add-options a{display:block;color:#f1f2ec;font-size:12px;padding:9px 10px;border-radius:7px}
.side-nav-links a:hover,.side-add-options a:hover{background:#343735}
.side-add-new{display:flex;align-items:center;width:calc(100% - 24px);margin:0 12px;background:#272a27;border:1px solid #4b4f49;color:#f5f5ed;border-radius:10px;padding:11px 12px;font-size:12px;font-weight:800;cursor:pointer;text-align:left}
.side-add-new span{margin-left:auto;font-size:19px;color:#d7a064}
.side-add-options{display:none;margin:5px 12px 0;padding:4px;background:#303330;border-radius:9px}.side-add-options.show{display:block;animation:sidebarSlideIn .22s ease both}
@media(max-width:760px){
 .mobile-menu-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e2d2;background:#fff;color:#214b30;border-radius:9px;padding:8px 10px;font:700 12px system-ui;cursor:pointer}
 .glass-header{display:flex}.logo{order:1}.basket{order:2}nav{order:4}
 .veg-sidebar{display:none;position:relative;top:auto;order:0}.veg-sidebar[open]{display:block;animation:sidebarSlideIn .3s ease both}
 .veg-sidebar .veg-list{max-height:260px}.shop-products{order:1}
}

/* Vegetable filter groups in the sidebar */
.veg-category{border-top:1px solid rgba(255,255,255,.09);padding:2px 0}
.veg-category>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#f0d0a3;font-size:11px;font-weight:800;padding:9px 10px}
.veg-category>summary::-webkit-details-marker{display:none}
.veg-category>summary span{color:#bfc4bb;transition:transform .2s}
.veg-category[open]>summary span{transform:rotate(180deg)}
.veg-category-items{display:grid;gap:1px;padding:0 3px 6px}
.veg-category-items .veg-filter{animation:none}
.veg-list>.veg-filter{margin:3px 0 7px}
@media(max-width:760px){.veg-category-items{grid-template-columns:repeat(2,minmax(0,1fr))}.veg-category>summary{padding:8px 10px}}

/* Fix clipped Add-to-cart controls on product cards */
.buy{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
.buy b{flex:1;min-width:0}
.buy form{flex:0 0 auto;margin:0}
.product .add{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;min-width:38px;padding:0;border-radius:50%;font:700 24px/1 system-ui;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.product .add.added{font-size:19px;background:#4f8054}
.product .add:disabled{opacity:.8;cursor:wait}

.product .buy{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.product .buy form{display:flex;align-items:center;gap:7px;margin:0;flex-wrap:nowrap}
.quantity-picker{display:inline-flex;align-items:center;gap:4px;color:#647064;font:600 11px system-ui;white-space:nowrap}
.quantity-picker input{width:44px;min-width:0;border:1px solid #d7dfd1;border-radius:7px;padding:5px 3px;background:#fff;color:#243a28;font:600 12px system-ui}
.product .add{flex:0 0 38px}

/* Admin homepage new-order notification */
.home-new-orders{display:inline-flex!important;align-items:center;gap:7px}
.order-badge{display:inline-flex;min-width:21px;height:21px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#c93e2e;color:#fff;font-size:12px;font-weight:800;line-height:1}
.order-badge:empty{display:none}

/* Fix: make the product action label fully visible despite older circular-icon rules */
.product .buy form .add,
.product .buy form .add.added {
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:112px!important;
  max-width:none!important;
  height:38px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  font:700 13px/1 system-ui!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.product .buy form .add.added { min-width:112px!important; }
@media(max-width:420px){
 .product .buy form .add,.product .buy form .add.added{min-width:100px!important;padding:0 9px!important;font-size:12px!important}
}

/* Product card CTA inspired by the supplied Greenaura reference */
.product .buy.buy-cta{display:block;margin-top:13px}
.product .buy.buy-cta form{display:block;width:100%;margin:0}
.product .buy.buy-cta .add,
.product .buy.buy-cta .add.added{
  display:grid!important;grid-template-columns:1fr 1fr 1fr;align-items:center;
  flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:54px!important;padding:0 12px!important;border:2px solid #6e9144!important;
  border-radius:3px!important;background:#91b653!important;color:#fff!important;
  font:500 15px/1.1 system-ui!important;white-space:normal!important;overflow:visible!important;
  box-sizing:border-box!important;cursor:pointer
}
.product .buy.buy-cta .add:hover{background:#7fa342!important}
.product .buy.buy-cta .cta-price{justify-self:start;text-align:left}
.product .buy.buy-cta .cta-price small{font-size:11px;display:inline}
.product .buy.buy-cta .cta-label{justify-self:center;font-weight:700;letter-spacing:.3px}
.product .buy.buy-cta .cta-unit{justify-self:end;font-size:12px;font-weight:700}
.product .buy.buy-cta .add.added{display:flex!important;justify-content:center;font-weight:700!important}
@media(max-width:460px){
 .product .buy.buy-cta .add{grid-template-columns:1fr 1.1fr .8fr;padding:0 8px!important;font-size:13px!important}
 .product .buy.buy-cta .cta-price small{font-size:10px}
}

/* Red outlined heart shortcut: tapping it adds the product to cart */
.product .produce{position:relative}
.product .produce .cart-heart{
 position:absolute;z-index:3;top:12px;right:12px;width:42px;height:42px;
 display:flex;align-items:center;justify-content:center;border:1px solid #e7e7e7;
 border-radius:50%;background:#fff;color:#e32636;font:32px/1 Arial,sans-serif;
 cursor:pointer;box-shadow:0 2px 8px #0002;padding:0
}
.product .produce .cart-heart:hover{background:#fff3f4;transform:scale(1.04)}
.product .produce .cart-heart.heart-added{color:#e32636;border-color:#e32636;background:#fff5f5}

/* Preserve the full CTA layout after AJAX add; don't collapse to a small circle */
.product .buy.buy-cta .add.added{
 display:grid!important;
 grid-template-columns:1fr 1fr 1fr!important;
 justify-content:initial!important;
 width:100%!important;min-width:0!important;flex:none!important;
 border-radius:3px!important;
}
.product .buy.buy-cta .add .cta-label{white-space:nowrap!important;overflow:visible!important}

/* Heart stays inset at the top-right of the product photo, above image/badge */
.product .produce{position:relative;isolation:isolate}
.product .produce img{position:relative;z-index:0}
.product .produce .cart-heart{top:10px!important;right:10px!important;z-index:5!important;width:40px!important;height:40px!important;font-size:29px!important;line-height:1!important}
.product .produce .cart-heart.heart-added{background:#fff!important;color:#e32636!important;border:1px solid #e32636!important}

/* Final heart button alignment: centered glyph, fully inset in image corner */
.product .produce .cart-heart,
.product .produce button.cart-heart {
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
  font-family:Arial,sans-serif!important;
  font-size:29px!important;
  font-weight:400!important;
  border-radius:50%!important;
  overflow:hidden!important;
  transform:none;
}
.product .produce .cart-heart::first-letter{line-height:1}

/* Simple CTA and per-product quantity indicator */
.product h3,.product h3 strong{font-weight:800!important}
.product .buy.buy-cta{display:block;margin-top:12px}
.product .buy.buy-cta form{display:flex;flex-direction:column;gap:7px;width:100%;margin:0}
.product .buy.buy-cta .add,.product .buy.buy-cta .add.added{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-width:0!important;height:44px!important;padding:0 12px!important;
 border:1px solid #6f9344!important;border-radius:6px!important;background:#91b653!important;
 color:#fff!important;font:700 14px/1 system-ui!important;white-space:nowrap!important;
 box-sizing:border-box!important;cursor:pointer
}
.product .buy.buy-cta .add:hover{background:#7ea344!important}
.product .buy.buy-cta .cta-label{display:block!important;white-space:nowrap!important}
.product .product-cart-qty{display:block;text-align:center;color:#244d32;font-size:13px;padding:2px 0}
.product .product-cart-qty[hidden]{display:none!important}

/* Show product rate clearly above the Add to Cart button */
.product .buy.buy-cta .product-rate{
 display:block;text-align:left;margin:0 0 8px;color:#24352a;font-size:15px;line-height:1.3
}
.product .buy.buy-cta .product-rate strong{font-weight:800}
.product .buy.buy-cta .product-rate span{font-size:13px;color:#68736a}

/* Put the price/rate immediately beside the Add to Cart button */
.product .buy.buy-cta .product-purchase-row{
 display:flex;align-items:center;gap:10px;width:100%;margin:0
}
.product .buy.buy-cta .product-purchase-row .product-rate{
 flex:0 0 auto;margin:0;text-align:left;font-size:14px;white-space:nowrap
}
.product .buy.buy-cta .product-purchase-row form{flex:1 1 auto;min-width:0}
.product .buy.buy-cta .product-purchase-row .add{width:100%!important}
.product .buy.buy-cta .product-cart-qty{margin-top:5px;text-align:right}
@media(max-width:380px){
 .product .buy.buy-cta .product-purchase-row{gap:6px}
 .product .buy.buy-cta .product-purchase-row .product-rate{font-size:12px}
 .product .buy.buy-cta .product-purchase-row .product-rate span{font-size:11px}
 .product .buy.buy-cta .product-purchase-row .add{font-size:12px!important;padding:0 7px!important}
}

/* Responsive mobile liquid-glass treatment */
:root{--glass-line:rgba(255,255,255,.62)}
body{
 background:radial-gradient(ellipse at 15% 0%,rgba(218,235,196,.72),transparent 42%),
            radial-gradient(ellipse at 95% 20%,rgba(255,255,255,.85),transparent 38%),
            linear-gradient(135deg,#eef3e7,#e4eadb 52%,#f5f6ed)!important;
}
.glass,.glass-card,.product{
 background:rgba(255,255,255,.68)!important;
 border:1px solid rgba(255,255,255,.78)!important;
 box-shadow:0 10px 28px rgba(37,67,43,.09),inset 0 1px 0 rgba(255,255,255,.82)!important;
 backdrop-filter:blur(16px) saturate(1.2);
 -webkit-backdrop-filter:blur(16px) saturate(1.2);
}
.product{border-radius:20px!important;overflow:hidden}
.product .produce img{border-radius:15px!important}
.product .buy.buy-cta .product-purchase-row .add{
 border-radius:13px!important;box-shadow:0 5px 12px rgba(49,86,43,.16);
}
@media(max-width:700px){
 body{font-size:15px}
 .products,.product-grid,.grid-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .product{padding:10px!important;border-radius:17px!important;min-width:0}
 .product h3{font-size:14px!important;line-height:1.25}
 .product .muted{font-size:12px!important;line-height:1.35}
 .product .produce{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:13px}
 .product .produce img{width:100%;height:100%;object-fit:cover}
 .product .produce .cart-heart{top:7px!important;right:7px!important;width:34px!important;height:34px!important;font-size:25px!important}
 .product .buy.buy-cta .product-purchase-row{gap:6px;align-items:stretch}
 .product .buy.buy-cta .product-purchase-row .product-rate{align-self:center;font-size:12px;white-space:normal;line-height:1.2}
 .product .buy.buy-cta .product-purchase-row .product-rate span{font-size:10px}
 .product .buy.buy-cta .product-purchase-row .add{height:40px!important;font-size:11px!important;padding:0 6px!important;border-radius:10px!important}
 .product .product-cart-qty{font-size:11px!important}
}
@media(max-width:360px){
 .products,.product-grid,.grid-products{grid-template-columns:1fr!important}
 .product .produce{aspect-ratio:16/9}
 .product .buy.buy-cta .product-purchase-row .add{font-size:13px!important}
}
/* Liquid-glass sidebar/nav controls */
.sidebar,.shop-sidebar,.site-header,.topbar{
 background:rgba(255,255,255,.64)!important;border:1px solid rgba(255,255,255,.72)!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 border-radius:16px
}

/* Heart overlay: remove the circular background/badge, keep just the red outline glyph */
.product .produce .cart-heart,
.product .produce .cart-heart.heart-added{
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 width:auto!important;height:auto!important;
 min-width:0!important;min-height:0!important;
 padding:0!important;
 color:#e32636!important;
 font:32px/1 Arial,sans-serif!important;
}
.product .produce .cart-heart:hover{background:transparent!important;transform:scale(1.08)}
@media(max-width:700px){
 .product .produce .cart-heart,
 .product .produce .cart-heart.heart-added{font-size:27px!important}
}

/* Inline View Cart appears beside Add to Cart after an item is added */
.product-purchase-row .view-cart-inline{
 display:inline-flex;align-items:center;justify-content:center;
 padding:10px 13px;border-radius:999px;border:1px solid #267b45;
 color:#176b37;background:rgba(255,255,255,.72);
 font-weight:700;font-size:12px;letter-spacing:.02em;text-decoration:none;
 white-space:nowrap;
}
.product-purchase-row .view-cart-inline[hidden]{display:none!important}
.product-purchase-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Keep only the one real, clickable heart overlay; hide decorative duplicates/backplates */
.product .produce .cart-heart::before,
.product .produce .cart-heart::after{content:none!important;display:none!important}
.product .produce .cart-heart,
.product .produce .cart-heart.heart-added{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  color:#e32636!important;
  text-shadow:none!important;
}
.product .produce .cart-heart:focus,
.product .produce .cart-heart:focus-visible{
  outline:2px solid #267b45!important;
  outline-offset:2px;
}

/* Hard reset: functional heart glyph only, no circular badge/backplate */
html body .product .produce button.cart-heart,
html body .product .produce button.cart-heart.heart-added{
  background:transparent!important;background-color:transparent!important;
  background-image:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;outline:0!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;
  -webkit-appearance:none!important;appearance:none!important;
}
html body .product .produce button.cart-heart::before,
html body .product .produce button.cart-heart::after{display:none!important;content:none!important}

/* Improve sidebar navigation/search readability on pale glass background */
.veg-sidebar,
.veg-sidebar details,
.veg-sidebar summary,
.veg-sidebar label,
.veg-sidebar .veg-filter,
.veg-sidebar button,
.veg-sidebar input,
.veg-sidebar .sidebar-title,
.veg-sidebar .category-title,
.veg-sidebar .veg-category-title,
.veg-sidebar .veg-subcategory,
.veg-sidebar a{
  color:#263b2b!important;
}
.veg-sidebar .veg-filter,
.veg-sidebar button,
.veg-sidebar a,
.veg-sidebar summary{
  font-weight:600!important;
}
.veg-sidebar input::placeholder{color:#5d695f!important;opacity:1!important}
.veg-sidebar .veg-filter:not(.active){background:rgba(255,255,255,.7)!important;color:#263b2b!important}
.veg-sidebar .veg-filter.active{background:#493523!important;color:#fff!important}
.veg-sidebar .veg-filter:hover,
.veg-sidebar summary:hover{color:#173e27!important}
.veg-sidebar .veg-category,
.veg-sidebar .veg-category *,
.veg-sidebar .veg-subcategory,
.veg-sidebar .veg-subcategory *{color:#354a38!important;opacity:1!important}
.veg-sidebar .eyebrow{color:#476348!important}

/* Greenaura sidebar inspired by the supplied dark, compact navigation reference */
.shop-layout{align-items:stretch}
.veg-sidebar{
  background:linear-gradient(155deg,#292929 0%,#171717 72%,#101010 100%)!important;
  color:#f4f4f0!important;border:1px solid #424242!important;
  border-radius:12px!important;box-shadow:0 12px 30px #0002!important;
  padding:0!important;min-height:640px;display:flex;flex-direction:column;
}
.veg-sidebar>summary{
  color:#fff!important;padding:17px 18px!important;font-size:13px!important;
  border-bottom:1px solid #ffffff12;
}
.veg-sidebar>summary:after{color:#c7c7c7!important}
.veg-sidebar .count{background:#444!important;color:#fff!important}
.veg-sidebar .sidebar-inner{padding:8px 12px 12px!important}
.veg-sidebar .side-nav-heading{
  display:flex;align-items:center;justify-content:space-between;
  color:#f2f2f2!important;font-size:12px;font-weight:750;
  padding:12px 10px;border-radius:7px;margin:0 0 8px;
}
.veg-sidebar .search-label{color:#b9b9b9!important;font-size:11px!important}
.veg-sidebar .veg-search{
  background:#303030!important;color:#fff!important;border:1px solid #4a4a4a!important;
  border-radius:9px!important;margin:0 0 12px!important;
}
.veg-sidebar .veg-search::placeholder{color:#bcbcbc!important}
.veg-sidebar .veg-list{max-height:calc(100vh - 330px);padding-right:3px}
.veg-sidebar .veg-filter{
  background:transparent!important;color:#cfcfcf!important;
  border-radius:6px!important;padding:8px 10px!important;font-size:12px!important;
}
.veg-sidebar .veg-filter:hover{background:#343434!important;color:#fff!important}
.veg-sidebar .veg-filter.active{
  background:#4a3424!important;color:#efb66f!important;
  box-shadow:inset 3px 0 #d99042!important;font-weight:750!important;
}
.veg-sidebar .veg-category{border-top:1px solid #ffffff12!important;padding:2px 0!important}
.veg-sidebar .veg-category>summary{
  color:#d9ad79!important;font-size:11px!important;font-weight:800!important;
  padding:10px 9px!important;
}
.veg-sidebar .veg-category>summary span{color:#aaa!important}
.veg-sidebar .veg-category-items .veg-filter{color:#bdbdbd!important;padding:7px 10px!important}
.veg-sidebar .side-nav-links{
  display:grid;gap:2px;padding:5px 12px 10px;margin-top:4px;
}
.veg-sidebar .side-nav-links a{
  display:flex;align-items:center;min-height:34px;padding:7px 10px;
  color:#f0f0f0!important;text-decoration:none;font-size:12px;font-weight:650;
  border-radius:6px;
}
.veg-sidebar .side-nav-links a:hover{background:#343434!important;color:#f2b875!important}
.veg-sidebar .side-add-new{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:auto 12px 12px;padding:12px 13px;border-radius:8px;
  background:#242424!important;color:#f3f3f3!important;
  border:1px solid #454545!important;font-size:12px;font-weight:750;cursor:pointer;
}
.veg-sidebar .side-add-new:hover{background:#373737!important}
.veg-sidebar .side-add-options{
  display:none;position:relative;margin:0 12px 12px;padding:5px;
  background:#303030;border:1px solid #444;border-radius:8px;
}
.veg-sidebar .side-add-options.show{display:grid}
.veg-sidebar .side-add-options a{display:block;padding:8px;color:#e7e7e7!important;text-decoration:none;font-size:12px}
.veg-sidebar .side-add-options a:hover{background:#414141;border-radius:5px}
@media(max-width:760px){
 .veg-sidebar{min-height:0;max-height:78vh}
 .veg-sidebar .veg-list{max-height:45vh}
 .veg-sidebar .side-add-new{margin-top:12px}
}

/* User requested no heart icons on product photos */
.product .produce .cart-heart,
.product .produce button.cart-heart,
.product .produce .cart-heart::before,
.product .produce .cart-heart::after{display:none!important;visibility:hidden!important;content:none!important}

/* Emergency broad removal + cache-busting safeguard for any leftover wishlist/cart heart */
.product .cart-heart,
.product button.cart-heart,
.product [class*="heart"],
.product [class*="wishlist"],
.product [class*="favorite"],
.product button[aria-label*="heart" i],
.product button[title*="heart" i],
.product svg[aria-label*="heart" i],
.product svg[class*="heart"],
.product .produce::before,
.product .produce::after{
 display:none!important;visibility:hidden!important;opacity:0!important;
 content:none!important;background-image:none!important;
}

/* Sidebar text explicitly black as requested */
html body .veg-sidebar,
html body .veg-sidebar>summary,
html body .veg-sidebar .side-nav-heading,
html body .veg-sidebar .search-label,
html body .veg-sidebar .veg-filter,
html body .veg-sidebar .veg-category>summary,
html body .veg-sidebar .veg-category-items .veg-filter,
html body .veg-sidebar .side-nav-links a,
html body .veg-sidebar .side-add-new,
html body .veg-sidebar .side-add-options a{
 color:#000!important;
}
html body .veg-sidebar .veg-search{color:#000!important}
html body .veg-sidebar .veg-search::placeholder{color:#333!important;opacity:1!important}
html body .veg-sidebar .veg-filter.active{color:#000!important}
html body .veg-sidebar .count{color:#000!important}

/* Definitive: no heart, wishlist or favorite overlays in product cards */
html body .product .produce .cart-heart,
html body .product .produce [class*="heart"],
html body .product .produce [class*="wishlist"],
html body .product .produce [class*="favorite"],
html body .product .produce button[aria-label*="heart" i],
html body .product .produce button[title*="heart" i],
html body .product .produce svg[aria-label*="heart" i],
html body .product .produce svg[class*="heart"]{
 display:none!important;visibility:hidden!important;opacity:0!important;
 width:0!important;height:0!important;pointer-events:none!important;
}

/* Overall palette inspired by the supplied charcoal admin-sidebar reference */
:root{
 --forest:#282828;--deep:#171717;--leaf:#b77a3d;--cream:#f2eee8;
 --glass:rgba(255,255,255,.88);--shadow:0 10px 28px rgba(20,18,15,.09);
}
html body{
 background:linear-gradient(135deg,#e9e6e1 0%,#f5f2ed 48%,#e5e1dc 100%)!important;
 color:#252525!important;
}
.glass-header{
 background:rgba(248,246,242,.94)!important;border-color:#d8d4ce!important;
 box-shadow:0 5px 20px #19171512!important;
}
.logo{color:#252525!important}
.logo small{color:#8a6b4b!important}
nav a{color:#343434!important}
nav a:hover{background:#e7dfd5!important;color:#8b572b!important}
.basket,.btn,.submit{background:#292929!important;color:#fff!important;border-radius:8px!important}
.basket:hover,.btn:hover,.submit:hover{background:#444!important}

/* Dark navigation panel: compact hierarchy, warm amber active accents */
.veg-sidebar{
 background:linear-gradient(160deg,#242424,#111)!important;
 color:#f1f1f1!important;border:1px solid #454545!important;
 border-radius:11px!important;box-shadow:0 10px 24px #0002!important;
}
.veg-sidebar>summary{color:#fff!important;border-bottom:1px solid #ffffff10}
.veg-sidebar .count{background:#444!important;color:#fff!important}
.veg-sidebar .side-nav-heading{color:#ededed!important}
.veg-sidebar .side-nav-heading span{color:#aaa!important}
.veg-sidebar .search-label{color:#bcbcbc!important}
.veg-sidebar .veg-search{background:#303030!important;border-color:#4a4a4a!important;color:#fff!important}
.veg-sidebar .veg-search::placeholder{color:#c1c1c1!important}
.veg-sidebar .veg-filter{color:#d0d0d0!important}
.veg-sidebar .veg-filter:hover{background:#343434!important;color:#fff!important}
.veg-sidebar .veg-filter.active{
 background:#3b3025!important;color:#e4a65e!important;
 box-shadow:inset 3px 0 #c98543!important;
}
.veg-sidebar .veg-category>summary{color:#dca66b!important}
.veg-sidebar .veg-category-items .veg-filter{color:#c7c7c7!important}
.veg-sidebar .side-nav-links a{color:#ededed!important}
.veg-sidebar .side-nav-links a:hover{background:#333!important;color:#e6a35d!important}
.veg-sidebar .side-add-new{background:#242424!important;color:#fff!important;border-color:#494949!important}
.veg-sidebar .side-add-new::first-letter{color:#df974a!important}
.veg-sidebar .side-add-options{background:#303030!important;border-color:#484848!important}
.veg-sidebar .side-add-options a{color:#eee!important}

/* Warm, clean shop area with restrained charcoal/amber accents */
.shop-heading .eyebrow{color:#94704b!important}
.shop-heading h2{color:#252525!important}
.product-count{color:#68635d!important}
.product.glass-card{
 background:#fbfaf8!important;border:1px solid #e1ddd6!important;
 box-shadow:0 7px 22px #29221b0b!important;border-radius:15px!important;
}
.product.glass-card:hover{box-shadow:0 12px 28px #29221b16!important}
.produce{background:#e7e3dc!important}
.produce span{background:#292929!important;color:#fff!important;border-radius:4px!important}
.product h3{color:#242424!important}
.product .muted{color:#77716a!important}
.product .product-rate{color:#333!important}
.product .add{background:#292929!important;color:#fff!important;border-radius:7px!important}
.product .add:hover{background:#444!important}
.product .view-cart-inline{border-color:#6f573d!important;color:#65482c!important;background:#f5f0e9!important;border-radius:7px!important}
.product-cart-qty{color:#5c574f!important}
footer{color:#6b655d!important;border-color:#dcd6ce!important}
@media(max-width:760px){
 .veg-sidebar{background:#191919!important}
 .product.glass-card{background:#fbfaf8!important}
}

/* Five user-selectable color themes */
.theme-picker-label{font-size:11px;font-weight:700;color:#555!important;white-space:nowrap}
.theme-picker{max-width:150px;padding:8px 9px;border:1px solid #bbb;border-radius:7px;background:#fff;color:#222;font:600 12px system-ui;cursor:pointer}
@media(max-width:760px){.theme-picker-label{display:none}.theme-picker{max-width:125px;padding:7px 5px;font-size:11px}}
html[data-theme="green"]{--forest:#245b36;--deep:#153c25;--leaf:#65965a;--accent:#75a85d;--accent-bg:#eaf2e4;--accent-text:#2e6136}
html[data-theme="ocean"]{--forest:#174f70;--deep:#10364d;--leaf:#4d8ba9;--accent:#5a9fbd;--accent-bg:#e5f1f7;--accent-text:#1c5b7a}
html[data-theme="berry"]{--forest:#593b70;--deep:#382448;--leaf:#9270a7;--accent:#a17db7;--accent-bg:#f0e8f5;--accent-text:#65427a}
html[data-theme="sunset"]{--forest:#85452e;--deep:#512b1d;--leaf:#bd7654;--accent:#c9855f;--accent-bg:#f7e9df;--accent-text:#87462d}
html[data-theme="charcoal"]{--forest:#282828;--deep:#171717;--leaf:#b77a3d;--accent:#b77a3d;--accent-bg:#f2eee8;--accent-text:#76502e}
html[data-theme="green"] body{background:linear-gradient(135deg,#e7efdf,#f7f8f2,#dfe9d8)!important}
html[data-theme="ocean"] body{background:linear-gradient(135deg,#e1edf2,#f6f8f9,#dce9ef)!important}
html[data-theme="berry"] body{background:linear-gradient(135deg,#eee5f1,#faf7fb,#e6ddec)!important}
html[data-theme="sunset"] body{background:linear-gradient(135deg,#f2e5dc,#fbf7f2,#ead8ca)!important}
html[data-theme="green"] .veg-sidebar{background:linear-gradient(160deg,#244b30,#153521)!important}
html[data-theme="ocean"] .veg-sidebar{background:linear-gradient(160deg,#174f70,#10364d)!important}
html[data-theme="berry"] .veg-sidebar{background:linear-gradient(160deg,#593b70,#382448)!important}
html[data-theme="sunset"] .veg-sidebar{background:linear-gradient(160deg,#85452e,#512b1d)!important}
html[data-theme="green"] .veg-sidebar .veg-filter.active{background:#314b32!important;color:#d4e8c7!important;box-shadow:inset 3px 0 #82ad69!important}
html[data-theme="ocean"] .veg-sidebar .veg-filter.active{background:#203d4d!important;color:#a9d9ee!important;box-shadow:inset 3px 0 #5a9fbd!important}
html[data-theme="berry"] .veg-sidebar .veg-filter.active{background:#382b42!important;color:#dfc1ed!important;box-shadow:inset 3px 0 #a17db7!important}
html[data-theme="sunset"] .veg-sidebar .veg-filter.active{background:#4c3025!important;color:#f1c09d!important;box-shadow:inset 3px 0 #c9855f!important}
html[data-theme="green"] .product .add,html[data-theme="green"] .basket,html[data-theme="green"] .btn,html[data-theme="green"] .submit{background:#245b36!important}
html[data-theme="ocean"] .product .add,html[data-theme="ocean"] .basket,html[data-theme="ocean"] .btn,html[data-theme="ocean"] .submit{background:#174f70!important}
html[data-theme="berry"] .product .add,html[data-theme="berry"] .basket,html[data-theme="berry"] .btn,html[data-theme="berry"] .submit{background:#593b70!important}
html[data-theme="sunset"] .product .add,html[data-theme="sunset"] .basket,html[data-theme="sunset"] .btn,html[data-theme="sunset"] .submit{background:#85452e!important}
html[data-theme="green"] .product .view-cart-inline{border-color:#245b36!important;color:#245b36!important}
html[data-theme="ocean"] .product .view-cart-inline{border-color:#174f70!important;color:#174f70!important}
html[data-theme="berry"] .product .view-cart-inline{border-color:#593b70!important;color:#593b70!important}
html[data-theme="sunset"] .product .view-cart-inline{border-color:#85452e!important;color:#85452e!important}

/* Theme switcher functional overrides: override fixed charcoal declarations */
html[data-theme="green"] body{background:linear-gradient(135deg,#e7efdf,#f7f8f2,#dfe9d8)!important}
html[data-theme="ocean"] body{background:linear-gradient(135deg,#e1edf2,#f6f8f9,#dce9ef)!important}
html[data-theme="berry"] body{background:linear-gradient(135deg,#eee5f1,#faf7fb,#e6ddec)!important}
html[data-theme="sunset"] body{background:linear-gradient(135deg,#f2e5dc,#fbf7f2,#ead8ca)!important}

html[data-theme="green"] .veg-sidebar{background:linear-gradient(160deg,#245b36,#153521)!important}
html[data-theme="ocean"] .veg-sidebar{background:linear-gradient(160deg,#174f70,#10364d)!important}
html[data-theme="berry"] .veg-sidebar{background:linear-gradient(160deg,#593b70,#382448)!important}
html[data-theme="sunset"] .veg-sidebar{background:linear-gradient(160deg,#85452e,#512b1d)!important}
html[data-theme="charcoal"] .veg-sidebar{background:linear-gradient(160deg,#242424,#111)!important}

html[data-theme="green"] .product .add,html[data-theme="green"] .basket,html[data-theme="green"] .btn,html[data-theme="green"] .submit{background:#245b36!important}
html[data-theme="ocean"] .product .add,html[data-theme="ocean"] .basket,html[data-theme="ocean"] .btn,html[data-theme="ocean"] .submit{background:#174f70!important}
html[data-theme="berry"] .product .add,html[data-theme="berry"] .basket,html[data-theme="berry"] .btn,html[data-theme="berry"] .submit{background:#593b70!important}
html[data-theme="sunset"] .product .add,html[data-theme="sunset"] .basket,html[data-theme="sunset"] .btn,html[data-theme="sunset"] .submit{background:#85452e!important}
html[data-theme="charcoal"] .product .add,html[data-theme="charcoal"] .basket,html[data-theme="charcoal"] .btn,html[data-theme="charcoal"] .submit{background:#292929!important}

html[data-theme="green"] .veg-sidebar .veg-filter.active{background:#314b32!important;color:#d4e8c7!important;box-shadow:inset 3px 0 #82ad69!important}
html[data-theme="ocean"] .veg-sidebar .veg-filter.active{background:#203d4d!important;color:#a9d9ee!important;box-shadow:inset 3px 0 #5a9fbd!important}
html[data-theme="berry"] .veg-sidebar .veg-filter.active{background:#382b42!important;color:#dfc1ed!important;box-shadow:inset 3px 0 #a17db7!important}
html[data-theme="sunset"] .veg-sidebar .veg-filter.active{background:#4c3025!important;color:#f1c09d!important;box-shadow:inset 3px 0 #c9855f!important}
html[data-theme="charcoal"] .veg-sidebar .veg-filter.active{background:#3b3025!important;color:#e4a65e!important;box-shadow:inset 3px 0 #c98543!important}

html[data-theme="green"] .product .view-cart-inline{border-color:#245b36!important;color:#245b36!important}
html[data-theme="ocean"] .product .view-cart-inline{border-color:#174f70!important;color:#174f70!important}
html[data-theme="berry"] .product .view-cart-inline{border-color:#593b70!important;color:#593b70!important}
html[data-theme="sunset"] .product .view-cart-inline{border-color:#85452e!important;color:#85452e!important}
html[data-theme="charcoal"] .product .view-cart-inline{border-color:#6f573d!important;color:#65482c!important}

/* Ensure hero copy remains readable over the farm photo in every theme */
html body .hero,
html body .hero div,
html body .hero small,
html body .hero h1,
html body .hero h1 em,
html body .hero p,
html body .hero .btn{
 color:#fff!important;
 opacity:1!important;
 visibility:visible!important;
 text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
}
html body .hero{
 background-image:linear-gradient(90deg,rgba(10,24,12,.94) 0%,rgba(10,24,12,.78) 52%,rgba(10,24,12,.22) 100%),url('assets/vegetables-banner.jpg')!important;
 background-position:center!important;background-size:cover!important;
}
html body .hero small{color:#e5f2dc!important;font-weight:800!important}
html body .hero h1{color:#fff!important}
html body .hero h1 em{color:#d9edc9!important}
html body .hero p{color:#fff!important}
html body .hero .btn{background:#292929!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}

/* Hero copy colors follow the selected theme */
html[data-theme="charcoal"] body .hero small{color:#e7bd8d!important}
html[data-theme="charcoal"] body .hero h1{color:#fff!important}
html[data-theme="charcoal"] body .hero h1 em{color:#e4a65e!important}
html[data-theme="charcoal"] body .hero p{color:#f4eee7!important}
html[data-theme="charcoal"] body .hero .btn{background:#b77a3d!important;color:#171717!important;border-color:#e1b17b!important}

html[data-theme="green"] body .hero small{color:#d8efc8!important}
html[data-theme="green"] body .hero h1{color:#fff!important}
html[data-theme="green"] body .hero h1 em{color:#c5e7a8!important}
html[data-theme="green"] body .hero p{color:#f1f8eb!important}
html[data-theme="green"] body .hero .btn{background:#d8efc8!important;color:#173b24!important;border-color:#b7d89e!important}

html[data-theme="ocean"] body .hero small{color:#c6eafa!important}
html[data-theme="ocean"] body .hero h1{color:#fff!important}
html[data-theme="ocean"] body .hero h1 em{color:#8ed5f2!important}
html[data-theme="ocean"] body .hero p{color:#effaff!important}
html[data-theme="ocean"] body .hero .btn{background:#c6eafa!important;color:#123c53!important;border-color:#8ec7e0!important}

html[data-theme="berry"] body .hero small{color:#f0d8fb!important}
html[data-theme="berry"] body .hero h1{color:#fff!important}
html[data-theme="berry"] body .hero h1 em{color:#dfb7f2!important}
html[data-theme="berry"] body .hero p{color:#fff5ff!important}
html[data-theme="berry"] body .hero .btn{background:#f0d8fb!important;color:#422653!important;border-color:#d2a5e8!important}

html[data-theme="sunset"] body .hero small{color:#ffe0c9!important}
html[data-theme="sunset"] body .hero h1{color:#fff!important}
html[data-theme="sunset"] body .hero h1 em{color:#ffc39b!important}
html[data-theme="sunset"] body .hero p{color:#fff6ee!important}
html[data-theme="sunset"] body .hero .btn{background:#ffe0c9!important;color:#542d1c!important;border-color:#e8b18d!important}

/* No heart/overlay badge on product photos: retain only image and farm-fresh label */
html body .product .produce::before,
html body .product .produce::after{content:none!important;display:none!important}
html body .product .produce>button,
html body .product .produce>a,
html body .product .produce>[role="button"],
html body .product .produce>svg,
html body .product .produce>[class*="heart"],
html body .product .produce>[class*="wish"],
html body .product .produce>[class*="fav"]{display:none!important}

/* Sidebar restyle matching the supplied compact black navigation reference */
html body .veg-sidebar{
  background:linear-gradient(160deg,#242424 0%,#171717 65%,#101010 100%)!important;
  color:#f4f4f4!important;border:1px solid #414141!important;
  border-radius:12px!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  padding:10px!important;
}
html body .veg-sidebar>summary,
html body .veg-sidebar .side-nav-heading{
  color:#f7f7f7!important;font-weight:700!important;
}
html body .veg-sidebar .count{
  background:#414141!important;color:#fff!important;
}
html body .veg-sidebar .search-label{color:#bdbdbd!important}
html body .veg-sidebar .veg-search{
  background:#303030!important;color:#f5f5f5!important;
  border:1px solid #494949!important;border-radius:8px!important;
}
html body .veg-sidebar .veg-search::placeholder{color:#bcbcbc!important;opacity:1!important}
html body .veg-sidebar .veg-filter{
  background:transparent!important;color:#c9c9c9!important;
  border-radius:6px!important;font-weight:500!important;
}
html body .veg-sidebar .veg-filter:hover{
  background:#333!important;color:#fff!important;
}
html body .veg-sidebar .veg-filter.active{
  background:#3b3025!important;color:#e4a65e!important;
  box-shadow:inset 3px 0 #c98543!important;font-weight:700!important;
}
html body .veg-sidebar .veg-category>summary{
  color:#d9a46b!important;font-weight:750!important;
}
html body .veg-sidebar .veg-category-items .veg-filter{color:#bdbdbd!important}
html body .veg-sidebar .side-nav-links a{
  color:#efefef!important;background:transparent!important;
  border-radius:6px!important;font-weight:600!important;
}
html body .veg-sidebar .side-nav-links a:hover{
  background:#333!important;color:#e5a45e!important;
}
html body .veg-sidebar .side-add-new{
  background:#242424!important;color:#f7f7f7!important;
  border:1px solid #454545!important;border-radius:8px!important;
}
html body .veg-sidebar .side-add-options{
  background:#303030!important;border-color:#484848!important;
}
html body .veg-sidebar .side-add-options a{color:#eee!important}
@media(max-width:760px){
 html body .veg-sidebar{background:linear-gradient(160deg,#242424,#111)!important}
}

/* Fix invisible category/product text and grey blank-looking filter rows */
html body .veg-sidebar .veg-list .veg-filter,
html body .veg-sidebar .veg-category-items .veg-filter,
html body .veg-sidebar .veg-filter:not(.active){
  color:#e6e6e6!important;
  background:transparent!important;
  opacity:1!important;
  text-shadow:none!important;
  font-size:12px!important;
  line-height:1.35!important;
  min-height:30px!important;
  padding:7px 10px!important;
}
html body .veg-sidebar .veg-filter:hover{
  color:#fff!important;background:#353535!important;
}
html body .veg-sidebar .veg-filter.active{
  color:#f2bd7c!important;background:#3b3025!important;
}
html body .veg-sidebar .veg-category>summary,
html body .veg-sidebar .veg-category>summary *,
html body .veg-sidebar .side-nav-heading,
html body .veg-sidebar .side-nav-heading *,
html body .veg-sidebar>summary,
html body .veg-sidebar>summary *,
html body .veg-sidebar .side-nav-links a,
html body .veg-sidebar .side-nav-links a *{
  color:#f0f0f0!important;opacity:1!important;text-shadow:none!important;
}
html body .veg-sidebar .veg-category>summary{color:#e0ad73!important}
html body .veg-sidebar .veg-search{color:#fff!important}
html body .veg-sidebar .veg-search::placeholder{color:#c8c8c8!important;opacity:1!important}
/* Keep each category list readable, not a stack of grey blank pills */
html body .veg-sidebar .veg-category-items .veg-filter{
  border:0!important;border-radius:5px!important;margin:2px 0!important;
  display:block!important;text-align:left!important;
}

/* Keep ADD ITEM and VIEW CART aligned horizontally in product cards */
html body .product .product-purchase-row{
 display:flex!important;align-items:center!important;gap:10px!important;
 flex-wrap:nowrap!important;
}
html body .product .product-purchase-row .product-rate{flex:1 0 100%!important}
html body .product .product-purchase-row form{
 display:flex!important;flex:1 1 0!important;min-width:0!important;margin:0!important;
}
html body .product .product-purchase-row .add,
html body .product .product-purchase-row .view-cart-inline{
 flex:1 1 0!important;min-width:0!important;width:100%!important;
 box-sizing:border-box!important;white-space:nowrap!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:48px!important;padding:10px 12px!important;font-size:14px!important;
}
html body .product .product-purchase-row .view-cart-inline[hidden]{display:none!important}
@media(max-width:480px){
 html body .product .product-purchase-row{gap:8px!important}
 html body .product .product-purchase-row .add,
 html body .product .product-purchase-row .view-cart-inline{font-size:12px!important;padding:9px 6px!important}
}

/* Repair narrow product card: price on its own line, CTAs fully inside card */
html body .product .buy.buy-cta{width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body .product .buy.buy-cta .product-purchase-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:8px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
html body .product .buy.buy-cta .product-rate{
 grid-column:1/-1!important;display:block!important;white-space:nowrap!important;
 margin:0 0 4px!important;
}
html body .product .buy.buy-cta .product-purchase-row form,
html body .product .buy.buy-cta .product-purchase-row .view-cart-inline{
 width:100%!important;min-width:0!important;max-width:100%!important;
 box-sizing:border-box!important;margin:0!important;
}
html body .product .buy.buy-cta .product-purchase-row .add,
html body .product .buy.buy-cta .product-purchase-row .view-cart-inline{
 width:100%!important;min-width:0!important;max-width:100%!important;
 min-height:44px!important;padding:9px 5px!important;box-sizing:border-box!important;
 font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
html body .product .buy.buy-cta .product-cart-qty{display:block!important;text-align:right!important;margin-top:6px!important}
@media(max-width:480px){
 html body .product .buy.buy-cta .product-purchase-row{gap:6px!important}
}
/* Remove the unwanted heart overlay from every product photo */
html body .product .produce .cart-heart,
html body .product .produce button[aria-label*="Add"][aria-label*="cart"],
html body .product .produce [class*="heart"],
html body .product .produce [class*="wishlist"],
html body .product .produce [class*="favorite"]{
 display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}

/* Heart overlay disabled; hide the overlay button, not the produce image */
html body .product .produce .cart-heart,
html body .product .produce button[aria-label*="heart" i],
html body .product .produce button[title*="heart" i],
html body .product .produce [class*="wishlist"],
html body .product .produce [class*="favorite"]{
 display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}

/* Functional red heart overlay: click to add one item to basket */
html body .product .produce{position:relative!important}
html body .product .produce .photo-heart-form{
 position:absolute!important;top:10px!important;right:10px!important;z-index:5!important;
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
html body .product .produce .photo-cart-heart{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:42px!important;height:42px!important;border-radius:50%!important;
 border:1px solid rgba(255,255,255,.85)!important;background:rgba(255,255,255,.94)!important;
 color:#e32636!important;font-size:27px!important;line-height:1!important;
 padding:0!important;cursor:pointer!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
html body .product .produce .photo-cart-heart:hover{transform:scale(1.06)!important}
html body .product .produce .photo-cart-heart:active{transform:scale(.96)!important}

/* Clear, filled red add-to-cart heart overlay */
html body .product .produce .photo-cart-heart{
 width:auto!important;height:auto!important;min-width:42px!important;min-height:42px!important;
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;color:#e31b35!important;
 font-size:36px!important;line-height:1!important;
 text-shadow:0 1px 4px rgba(0,0,0,.65)!important;
 padding:0!important;
}
html body .product .produce .photo-cart-heart:hover{
 color:#b90e25!important;transform:scale(1.12)!important;
}
html body .product .produce .photo-cart-heart:focus-visible{
 outline:2px solid #fff!important;outline-offset:3px!important;
}
@media(max-width:480px){
 html body .product .produce .photo-cart-heart{font-size:32px!important;min-width:36px!important;min-height:36px!important}
}

/* FINAL OVERRIDE: show the functional add-to-cart heart despite old legacy hide rules */
html body .product .produce form.photo-heart-form,
html body .product .produce button.photo-cart-heart{
 display:flex!important;visibility:visible!important;opacity:1!important;
 position:absolute!important;top:8px!important;right:8px!important;z-index:99!important;
 pointer-events:auto!important;
}
html body .product .produce form.photo-heart-form{
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
 width:auto!important;height:auto!important;
}
html body .product .produce button.photo-cart-heart{
 width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
 padding:4px!important;background:rgba(255,255,255,.92)!important;
 border:1px solid rgba(255,255,255,.9)!important;border-radius:50%!important;
 box-shadow:0 2px 7px rgba(0,0,0,.2)!important;cursor:pointer!important;
}
html body .product .produce button.photo-cart-heart svg.heart-svg-visible{
 display:block!important;visibility:visible!important;opacity:1!important;
 width:29px!important;height:29px!important;overflow:visible!important;
}
html body .product .produce button.photo-cart-heart svg.heart-svg-visible path{
 fill:#e21b35!important;stroke:#a90e25!important;stroke-width:.45!important;
}

/* Override historical heart-hiding CSS: functional heart must remain visible */
html body .product .produce form.photo-heart-form,
html body .product .produce form.photo-heart-form button.photo-cart-heart,
html body .product .produce form.photo-heart-form button.photo-cart-heart svg.heart-svg-visible{
 display:flex!important;visibility:visible!important;opacity:1!important;
 width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
 position:absolute!important;z-index:100!important;pointer-events:auto!important;
}
html body .product .produce form.photo-heart-form{
 top:8px!important;right:8px!important;margin:0!important;padding:0!important;
 border:0!important;background:transparent!important;overflow:visible!important;
}
html body .product .produce form.photo-heart-form button.photo-cart-heart{
 top:0!important;right:0!important;box-sizing:border-box!important;
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 border-radius:50%!important;background:#fff!important;border:1px solid #eee!important;
 box-shadow:0 2px 7px rgba(0,0,0,.25)!important;padding:5px!important;
}
html body .product .produce form.photo-heart-form button.photo-cart-heart svg.heart-svg-visible{
 position:static!important;width:30px!important;height:30px!important;
 flex:none!important;overflow:visible!important;
}
html body .product .produce form.photo-heart-form button.photo-cart-heart svg.heart-svg-visible path{
 fill:#e21b35!important;stroke:#b20c24!important;stroke-width:.6!important;
}


/* Mobile: show one product card per row; swipe/scroll down to see the next item */
@media (max-width: 760px) {
  html body .shop-products .grid,
  html body .shop-products .products,
  html body .shop-products .product-grid,
  html body .shop-products .grid-products {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 16px !important;
  }
  html body .shop-products .product {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Mobile card fit: keep product text, image and controls inside card edges */
@media (max-width: 760px) {
  html body .shop-products .product {
    padding: 14px !important; overflow: hidden !important; min-width: 0 !important;
    border-radius: 16px !important; box-sizing: border-box !important;
  }
  html body .shop-products .product * {
    min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important;
  }
  html body .shop-products .product .produce {
    width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important;
    overflow: hidden !important; border-radius: 12px !important;
  }
  html body .shop-products .product .produce img {
    display: block !important; width: 100% !important; height: 100% !important;
    object-fit: contain !important; object-position: center !important;
  }
  html body .shop-products .product h3,
  html body .shop-products .product .muted,
  html body .shop-products .product .product-rate {
    overflow-wrap: anywhere !important; white-space: normal !important;
  }
  html body .shop-products .product .buy,
  html body .shop-products .product .product-purchase-row {
    width: 100% !important; min-width: 0 !important; flex-wrap: wrap !important;
  }
  html body .shop-products .product .product-purchase-row form,
  html body .shop-products .product .product-purchase-row .add,
  html body .shop-products .product .product-purchase-row .view-cart-inline {
    min-width: 0 !important; max-width: 100% !important;
  }
}


/* Mobile product cards styled like the user's reference: compact, narrow, vertically stacked */
@media screen and (max-width: 600px) {
  html body main .shop-layout {
    display: block !important;
    width: 100% !important;
  }
  html body main .shop-layout .shop-products {
    width: 100% !important;
    min-width: 0 !important;
  }
  html body main .shop-layout .shop-products #productGrid,
  html body main .shop-layout .shop-products #productGrid.grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    gap: 8px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .produce {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 190px !important;
    overflow: hidden !important;
    border-radius: 9px !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .produce img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product h3 {
    font-size: 16px !important;
    line-height: 1.25 !important;
    margin: 2px 0 !important;
    overflow-wrap: anywhere !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .muted,
  html body main .shop-layout .shop-products #productGrid > article.product .product-rate {
    font-size: 12px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row {
    display: block !important;
    width: 100% !important;
    margin-top: 2px !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row form {
    display: block !important;
    width: 100% !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row .add,
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row .view-cart-inline {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-cart-qty {
    text-align: left !important;
    font-size: 11px !important;
    margin-top: 3px !important;
  }
}


/* Mobile: keep Add to Cart and View Cart controls on the same row */
@media screen and (max-width: 600px) {
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row form {
    display: block !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row .add,
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row .view-cart-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 8px 6px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
}

/* View Cart visibility is controlled by the hidden attribute until an item is added */
html body .product .product-purchase-row .view-cart-inline[hidden] {
  display: none !important;
  visibility: hidden !important;
}
@media screen and (max-width: 600px) {
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row > form,
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row > .view-cart-inline {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row .add,
  html body main .shop-layout .shop-products #productGrid > article.product .product-purchase-row .view-cart-inline {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 5px !important;
    font-size: 13px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}
/* Basket mobile: convert each item row into a labeled, wrapping card rather than a horizontally clipped table */
@media screen and (max-width: 600px) {
  body:has(.tablewrap) .panel {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin: 16px auto !important;
    padding: 18px 14px !important;
    box-sizing: border-box !important;
  }
  body:has(.tablewrap) .panel h1 {
    font-size: clamp(30px, 8vw, 38px) !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
  }
  body:has(.tablewrap) .tablewrap { width: 100% !important; overflow: visible !important; }
  body:has(.tablewrap) .tablewrap table,
  body:has(.tablewrap) .tablewrap tbody { display: block !important; width: 100% !important; }
  body:has(.tablewrap) .tablewrap tr:first-child { display: none !important; }
  body:has(.tablewrap) .tablewrap tr:not(:first-child) {
    display: block !important; width: 100% !important; margin: 0 0 12px !important;
    padding: 10px !important; border: 1px solid #e4ded5 !important;
    border-radius: 12px !important; background: #fff !important; box-sizing: border-box !important;
  }
  body:has(.tablewrap) .tablewrap td {
    display: grid !important; grid-template-columns: minmax(75px, 34%) minmax(0, 1fr) !important;
    gap: 8px !important; width: 100% !important; padding: 8px 0 !important;
    border: 0 !important; border-bottom: 1px solid #eee !important;
    white-space: normal !important; overflow-wrap: anywhere !important; box-sizing: border-box !important;
  }
  body:has(.tablewrap) .tablewrap td:nth-child(1)::before { content: "Product"; font-weight: 700; }
  body:has(.tablewrap) .tablewrap td:nth-child(2)::before { content: "Price"; font-weight: 700; }
  body:has(.tablewrap) .tablewrap td:nth-child(3)::before { content: "Qty"; font-weight: 700; }
  body:has(.tablewrap) .tablewrap td:nth-child(4)::before { content: "Subtotal"; font-weight: 700; }
  body:has(.tablewrap) .tablewrap td:nth-child(5)::before { content: "Action"; font-weight: 700; }
  body:has(.tablewrap) .tablewrap td:last-child { border-bottom: 0 !important; }
  body:has(.tablewrap) .tablewrap input[type=number] { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  body:has(.tablewrap) .tablewrap button { max-width: 100% !important; white-space: normal !important; }
}