/* BEGIN shoopy-gen:base */
/* Tamhane Agro Solutions — shared tokens & helpers for generated (Tier-B) sections.
   Brand color comes from the theme: var(--secondary-main) = #29A56C on this store. */
.sx { --sx-gap: 16px; --sx-radius: 14px; --sx-ink: #14241c; --sx-muted: #5c6f64;
      --sx-surface: #f4f8f5; --sx-line: #e3ece6; --sx-lime: #9cc107; width: 100%; }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-strip-1 */
.sx-usp { padding: 0 16px; }
.sx-usp__list { list-style: none; margin: 0 auto; padding: 14px;
  max-width: 1280px; display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 10px; background: var(--sx-surface); border: 1px solid var(--sx-line);
  border-radius: var(--sx-radius); }
.sx-usp__item { display: grid; grid-template-columns: 34px 1fr;
  grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 6px 4px; }
.sx-usp__icon { grid-row: 1 / span 2; width: 34px; height: 34px;
  stroke: var(--secondary-main); fill: none; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round; }
.sx-usp__item b { font-size: .82rem; color: var(--sx-ink); line-height: 1.25; }
.sx-usp__item span { font-size: .7rem; color: var(--sx-muted); line-height: 1.3; }
@media (min-width: 768px) {
  .sx-usp__list { grid-template-columns: repeat(4, 1fr); padding: 18px 22px; }
  .sx-usp__item b { font-size: .9rem; }
  .sx-usp__item span { font-size: .76rem; }
}
/* END shoopy-gen:usp-strip-1 */

/* BEGIN shoopy-gen:reviews-1 */
.sx-reviews { background: var(--sx-surface); padding: 40px 16px 46px; }
.sx-reviews__wrap { max-width: 1280px; margin: 0 auto; }
.sx-reviews__title { font-size: clamp(1.25rem, 2.6vw, 1.7rem); font-weight: 800;
  color: var(--sx-ink); letter-spacing: -.01em; }
.sx-reviews__sub { color: var(--sx-muted); font-size: .875rem; margin: 4px 0 20px; }
.sx-reviews__row { display: grid; grid-auto-flow: column; grid-auto-columns: 82%;
  gap: 14px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 8px;
  scrollbar-width: none; }
.sx-reviews__row::-webkit-scrollbar { display: none; }
.sx-reviews__card { background: #ffffff; border: 1px solid var(--sx-line);
  border-radius: var(--sx-radius); padding: 20px; margin: 0; scroll-snap-align: start;
  display: flex; flex-direction: column; gap: 10px; }
.sx-reviews__stars { color: #f5a623; font-size: .95rem; letter-spacing: 2px; }
.sx-reviews__card blockquote { margin: 0; border: 0; padding: 0; font-size: .875rem;
  line-height: 1.6; color: #2c4437; }
.sx-reviews__card figcaption b { display: block; font-size: .84rem; color: var(--sx-ink); }
.sx-reviews__card figcaption span { font-size: .74rem; color: var(--sx-muted); }
@media (min-width: 640px) { .sx-reviews__row { grid-auto-columns: 44%; } }
@media (min-width: 1024px) {
  .sx-reviews__row { grid-auto-flow: row; grid-auto-columns: auto;
    grid-template-columns: repeat(4, 1fr); overflow: visible; }
}
/* END shoopy-gen:reviews-1 */

/* ============ Preview page emulation (theme chrome + Tier-A sections) ============ */
:root{
  --secondary-main:#29A56C;      /* brand green — from live store CSS */
  --sxp-green-dark:#0c3d28;
  --sxp-lime:#9cc107;            /* logo leaf accent */
  --sxp-blue:#0579c8;            /* logo secondary blue */
  --sxp-deal:#e8630a;            /* deal/discount — distinct from CTA green */
  --sxp-wa:#25d366;              /* success / WhatsApp */
  --sxp-ink:#14241c;
  --sxp-muted:#5c6f64;
  --sxp-bg:#ffffff;
  --sxp-surface:#f4f8f5;
  --sxp-line:#e3ece6;
  --sxp-radius:14px;
  --sxp-maxw:1280px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--sxp-ink);background:var(--sxp-bg);line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:var(--sxp-maxw);margin:0 auto;padding:0 16px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.sec-head h2{font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:800;letter-spacing:-.01em}
.sec-head .view-all{font-size:.875rem;font-weight:700;color:var(--secondary-main);white-space:nowrap}
section[data-sx-slug]{margin:0 0 40px}
@media(min-width:1024px){section[data-sx-slug]{margin-bottom:56px}}

/* notice bar */
.notice{background:var(--sxp-green-dark);color:#eaf6ef;font-size:.8125rem;text-align:center;
  padding:8px 14px;font-weight:600}
.notice a{color:var(--sxp-lime);font-weight:700}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--sxp-line)}
.hdr-in{max-width:var(--sxp-maxw);margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}
.hdr-logo{display:flex;align-items:center;gap:10px;min-width:0}
.hdr-logo img{width:44px;height:44px;border-radius:10px}
.hdr-logo span{min-width:0;overflow:hidden}
.hdr-logo b{font-size:1.02rem;line-height:1.15;display:block;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr-logo small{color:var(--sxp-muted);font-size:.7rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr-search{flex:1;display:none}
.hdr-search input{width:100%;border:1.5px solid var(--sxp-line);background:var(--sxp-surface);
  border-radius:99px;padding:10px 20px;font-size:.9rem;outline:none}
.hdr-search input:focus{border-color:var(--secondary-main)}
.hdr-acts{margin-left:auto;display:flex;align-items:center;gap:6px}
.icon-btn{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;position:relative}
.icon-btn:hover{background:var(--sxp-surface)}
.icon-btn svg{width:22px;height:22px;stroke:var(--sxp-ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-dot{position:absolute;top:4px;right:4px;background:var(--sxp-deal);color:#fff;font-size:.6rem;
  font-weight:800;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}
.hdr-nav{display:none;border-top:1px solid var(--sxp-line)}
.hdr-nav ul{max-width:var(--sxp-maxw);margin:0 auto;padding:0 16px;display:flex;gap:26px}
.hdr-nav a{display:block;padding:10px 0;font-size:.855rem;font-weight:600;color:#3d5247}
.hdr-nav a:hover{color:var(--secondary-main)}
@media(min-width:768px){.hdr-search{display:block}.hdr-nav{display:block}}

/* hero carousel */
.hero{position:relative}
.hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.hero-track::-webkit-scrollbar{display:none}
.hero-slide{flex:0 0 100%;scroll-snap-align:start}
.hero-slide img{width:100%;height:auto}
.hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.hero-dots span{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.55)}
.hero-dots span.on{background:#fff;width:22px}

/* product cards (easy-checkout TWO_CARD emulation) */
.prod-strip{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:12px;overflow-x:auto;
  scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:none}
.prod-strip::-webkit-scrollbar{display:none}
.prod-strip .p-card{scroll-snap-align:start}
@media(min-width:640px){.prod-strip{grid-auto-columns:31%}}
@media(min-width:1024px){.prod-strip{grid-auto-columns:19.2%}}
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.prod-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.prod-grid{grid-template-columns:repeat(5,1fr)}}
.p-card{background:#fff;border:1px solid var(--sxp-line);border-radius:var(--sxp-radius);overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .15s}
.p-card:hover{box-shadow:0 6px 22px rgba(18,60,40,.12)}
.p-img{position:relative;background:#fff}
.p-img img{aspect-ratio:1;object-fit:cover;width:100%}
.p-off{position:absolute;top:8px;left:8px;background:var(--sxp-deal);color:#fff;font-size:.66rem;
  font-weight:800;padding:3px 8px;border-radius:6px}
.p-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.p-name{font-size:.83rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}
.p-price{display:flex;align-items:baseline;gap:7px}
.p-price b{font-size:1rem}
.p-price s{color:var(--sxp-muted);font-size:.76rem}
.p-cta{margin-top:auto;border:1.5px solid var(--secondary-main);color:var(--secondary-main);
  border-radius:9px;text-align:center;font-size:.8rem;font-weight:800;padding:8px 4px;cursor:pointer;background:#fff}
.p-cta:hover{background:var(--secondary-main);color:#fff}

/* categories */
.cat-grid{display:grid;grid-auto-flow:column;grid-auto-columns:31%;gap:12px;overflow-x:auto;
  padding-bottom:8px;scrollbar-width:none}
.cat-grid::-webkit-scrollbar{display:none}
@media(min-width:640px){.cat-grid{grid-auto-columns:22%}}
@media(min-width:1024px){.cat-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(6,1fr);overflow:visible}}
.cat-tile{text-align:center}
.cat-tile img{border-radius:16px;border:1px solid var(--sxp-line);aspect-ratio:1;object-fit:cover;width:100%;background:#fff}
.cat-tile:hover img{border-color:var(--secondary-main)}
.cat-tile span{display:block;font-size:.74rem;font-weight:600;margin-top:8px;line-height:1.25;color:#2c4437}

/* promo banner */
.banner-collection a{display:block;border-radius:var(--sxp-radius);overflow:hidden}
.banner-collection img{width:100%}

/* video */
.video-frame{position:relative;border-radius:var(--sxp-radius);overflow:hidden;aspect-ratio:16/9;background:#0c1f16}
.video-frame img{width:100%;height:100%;object-fit:cover}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-play{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:rgba(0,0,0,.06)}
.video-play span{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;
  box-shadow:0 10px 34px rgba(0,0,0,.35);transition:transform .15s}
.video-play:hover span{transform:scale(1.07)}
.video-play svg{width:30px;height:30px;fill:var(--secondary-main);margin-left:5px}

/* footer */
.ftr{background:var(--sxp-green-dark);color:#cfe3d6;margin-top:8px}
.ftr-in{max-width:var(--sxp-maxw);margin:0 auto;padding:44px 16px 20px;display:grid;gap:28px 16px;grid-template-columns:repeat(2,1fr)}
.ftr-brand,.ftr-contact-col{grid-column:1/-1}
@media(min-width:768px){.ftr-in{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
  .ftr-brand,.ftr-contact-col{grid-column:auto}}
.ftr h4{color:#fff;font-size:.9rem;margin-bottom:14px;letter-spacing:.04em;text-transform:uppercase}
.ftr li{margin-bottom:9px;font-size:.85rem}
.ftr li a:hover{color:#fff}
.ftr-brand img{width:56px;height:56px;border-radius:12px;background:#fff;padding:4px;margin-bottom:12px}
.ftr-brand p{font-size:.85rem;line-height:1.6;max-width:34ch}
.ftr-soc{display:flex;gap:10px;margin-top:16px}
.ftr-soc a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.ftr-soc a:hover{background:var(--secondary-main)}
.ftr-soc svg{width:18px;height:18px;fill:#fff}
.ftr-contact li{display:flex;gap:9px;align-items:flex-start;line-height:1.5}
.ftr-contact svg{width:16px;height:16px;stroke:var(--sxp-lime);fill:none;stroke-width:2;flex:0 0 auto;margin-top:3px}
.ftr-wa{display:inline-flex;align-items:center;gap:8px;background:var(--sxp-wa);color:#06301b;font-weight:800;
  font-size:.85rem;border-radius:99px;padding:10px 18px;margin-top:10px}
.ftr-wa svg{width:17px;height:17px;fill:#06301b}
.ftr-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:16px;display:flex;
  flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:.76rem;color:#9dbbaa}


/* =========================================================
   LIVE SHOOPY COMPATIBILITY LAYER
   Target: Tamhane Agro preview styling
   Borrowed class structure from the second CSS, recolored for Tamhane.
   ========================================================= */

:root {
  --secondary-main: #29A56C !important;
  --color-primary: #29A56C;
  --color-primary-dark: #1F8758;
  --color-green-dark: #0C3D28;
  --color-lime: #9CC107;
  --color-blue: #0579C8;
  --color-deal: #E8630A;
  --color-success: #25D366;

  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-soft: #F4F8F5;
  --color-line: #E3ECE6;

  --color-text: #14241C;
  --color-muted: #5C6F64;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --section-gap: 40px;
}

/* ---------- General live-store tone ---------- */

html,
body,
main,
#root,
.app,
.page,
.page-wrapper,
.page-content,
.site-main,
.main-content {
  background: #FFFFFF !important;
  color: var(--color-text);
}

.section {
  padding: 20px 0;
}

.section-heading,
.sec-title {
  color: var(--color-text) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

.section-heading {
  font-size: clamp(22px, 2.6vw, 28px) !important;
}

.sec-sub,
.section-sub {
  color: var(--color-muted) !important;
}


/* =========================================================
   NOTICE BAR
   ========================================================= */

.notice {
  background: var(--color-green-dark) !important;
  background-color: var(--color-green-dark) !important;
  color: #EAF6EF !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  padding: 8px 14px !important;
}

.notice a,
.notice b,
.notice strong {
  color: var(--color-lime) !important;
  font-weight: 700 !important;
}


/* =========================================================
   BUTTONS
   Classes taken from the second CSS and adapted to Tamhane.
   ========================================================= */

.btn,
.sx .sx-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  border: 1.5px solid transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease !important;
}

.btn:hover,
.sx .sx-btn:hover {
  transform: translateY(-1px);
}

.btn--primary,
.sx .sx-btn--primary {
  background: var(--secondary-main) !important;
  background-color: var(--secondary-main) !important;
  border-color: var(--secondary-main) !important;
  color: #FFFFFF !important;
}

.btn--primary:hover,
.sx .sx-btn--primary:hover {
  background: var(--color-primary-dark) !important;
  background-color: var(--color-primary-dark) !important;
  border-color: var(--color-primary-dark) !important;
}

.btn--gold,
.sx .sx-btn--gold {
  background: var(--color-lime) !important;
  background-color: var(--color-lime) !important;
  border-color: var(--color-lime) !important;
  color: #19320F !important;
}

.btn--light,
.sx .sx-btn--light {
  background: #FFFFFF !important;
  color: var(--secondary-main) !important;
  border-color: #FFFFFF !important;
}

.btn--ghost,
.sx .sx-btn--ghost {
  background: #FFFFFF !important;
  color: var(--secondary-main) !important;
  border-color: var(--secondary-main) !important;
}

.btn--ghost:hover,
.sx .sx-btn--ghost:hover {
  background: var(--secondary-main) !important;
  color: #FFFFFF !important;
}


/* =========================================================
   HEADER / SEARCH
   ========================================================= */

.header,
.hdr,
.app-bar,
.app-bar .toobar-regular,
.sh-header-main {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: var(--color-text) !important;
}

.header,
.hdr,
.sh-header-main {
  border-bottom: 1px solid var(--color-line) !important;
}

.header__icon,
.hdr .icon-btn,
.app-bar button,
.sh-header-main button,
.sh-header-main svg {
  color: var(--color-text) !important;
}

.header__logo img,
.app-bar .logo {
  border-radius: 10px !important;
}

/* User-provided live search classes */
.search-container {
  padding: 0px 10px !important;
  border: 1px solid #EBEBEB !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

.search-container:focus-within {
  border-color: var(--secondary-main) !important;
  box-shadow: 0 0 0 3px rgba(41, 165, 108, 0.10) !important;
}

.search-container .input-container {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  width: 280px !important;
}

#desktop-search-bar {
  color: #000000 !important;
  background: transparent !important;
}

#desktop-search-bar::placeholder {
  color: #7B8780 !important;
}


/* =========================================================
   CATEGORIES
   ========================================================= */

.cats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px 10px !important;
}

.cat {
  text-align: center !important;
  text-decoration: none !important;
  color: var(--color-text) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.cat img,
.cat-card-img {
  width: 100% !important;
  aspect-ratio: 1 !important;
  object-fit: cover !important;
  background: #FFFFFF !important;
  border: 1px solid var(--color-line) !important;
  border-radius: 16px !important;
  transition: border-color .18s ease, transform .18s ease !important;
}

.cat:hover img,
.cat:hover .cat-card-img {
  border-color: var(--secondary-main) !important;
  transform: translateY(-2px);
}

.cat span,
.cat-card-title {
  color: #2C4437 !important;
  display: block !important;
  margin-top: 8px !important;
  line-height: 1.25 !important;
}

@media (min-width: 768px) {
  .cats {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .cat {
    font-size: 14px !important;
  }
}

@media (min-width: 1024px) {
  .cats {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   PRODUCT CARDS
   Same class family as second CSS, with Tamhane preview styling.
   ========================================================= */

.prods {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 10px !important;
}

.prods--row {
  display: flex !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  gap: 10px !important;
  padding-bottom: 4px !important;
  scrollbar-width: none !important;
}

.prods--row::-webkit-scrollbar {
  display: none !important;
}

.prods--row .prod {
  flex: 0 0 46% !important;
  min-width: 0 !important;
  scroll-snap-align: start !important;
}

.prod,
.product-card,
.sh-product-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  color: var(--color-text) !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none !important;
  transition:
    box-shadow .18s ease,
    border-color .18s ease,
    transform .18s ease !important;
}

.prod:hover,
.product-card:hover,
.sh-product-card:hover {
  border-color: #CFE2D6 !important;
  box-shadow: 0 6px 22px rgba(18, 60, 40, 0.12) !important;
  transform: translateY(-2px);
}

.prod__img,
.product-card__image,
.sh-product-card-image {
  position: relative !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  overflow: hidden !important;
}

.prod__img img {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
}

.prod__body,
.product-card__content,
.sh-product-card-content {
  padding: 10px 10px 12px !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
}

.pr-title,
.prod__name,
.product-card .product-title,
.product-card .product-name,
.sh-product-card .product-title,
.sh-product-card .product-name {
  margin: 0 !important;
  color: var(--color-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pr-sale-price,
.prod__price,
.product-card .product-price,
.product-card .price,
.sh-product-card .product-price,
.sh-product-card .price {
  color: var(--color-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.pr-sale-price {
  font-size: 15px !important;
}

.pr-mrp-price {
  color: var(--color-muted) !important;
  font-size: 12px !important;
}

.prod__badge,
.pr-discount,
.sh-product-card-discount-tag {
  background: var(--color-deal) !important;
  background-color: var(--color-deal) !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  border: 0 !important;
}

.pr-discount,
.sh-product-card-discount-tag {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
}

/* Product add buttons from second CSS */
.prod__cta,
.pr-outlined-button {
  margin-top: 8px !important;
  min-height: 38px !important;
  border-radius: 9px !important;
  border: 1.5px solid var(--secondary-main) !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: var(--secondary-main) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: background-color .18s ease, color .18s ease !important;
}

.prod__cta:hover,
.pr-outlined-button:hover,
.pr-outlined-button:focus,
.pr-outlined-button:active {
  background: var(--secondary-main) !important;
  background-color: var(--secondary-main) !important;
  border-color: var(--secondary-main) !important;
  color: #FFFFFF !important;
}

/* Quantity controls — requested replacement */
.sh-product-plus-minus-button {
  border: 1.5px solid var(--secondary-main);
  color: var(--secondary-main);
  border-radius: 9px;
  text-align: center;
  font-size: .8rem;
  font-weight: 800;
  padding: 8px 4px;
  cursor: pointer;
  background: #fff;
}

@media (min-width: 640px) {
  .prods--row .prod {
    flex-basis: 31% !important;
  }
}

@media (min-width: 768px) {
  .prods {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .prods--row {
    gap: 16px !important;
  }

  .prods--row .prod {
    flex-basis: calc(25% - 12px) !important;
  }

  .pr-title {
    font-size: 14px !important;
  }
}

@media (min-width: 1024px) {
  .prods {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .prods--row .prod {
    flex-basis: calc(20% - 13px) !important;
  }
}


/* =========================================================
   SELECTS / FORM FIELDS
   ========================================================= */

.prod select,
.product-card select,
.sh-product-card select,
select {
  background: #FFFFFF !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: 8px !important;
}

.prod select:focus,
.product-card select:focus,
.sh-product-card select:focus,
select:focus {
  border-color: var(--secondary-main) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(41, 165, 108, 0.08) !important;
}


/* =========================================================
   LINKS / VIEW ALL
   ========================================================= */

.sec-link,
.section-link,
.sx-link,
.view-all {
  color: var(--secondary-main) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.sec-link:hover,
.section-link:hover,
.sx-link:hover,
.view-all:hover {
  color: var(--color-primary-dark) !important;
}


/* =========================================================
   FOOTER
   Keep preview's dark-green agricultural identity.
   ========================================================= */

.footer,
.ftr,
.site-footer {
  background: var(--color-green-dark) !important;
  background-color: var(--color-green-dark) !important;
  color: #CFE3D6 !important;
}

.footer h4,
.ftr h4,
.site-footer h4 {
  color: #FFFFFF !important;
}

.footer a:hover,
.ftr a:hover,
.site-footer a:hover {
  color: #FFFFFF !important;
}

.footer__wa,
.ftr-wa {
  background: var(--color-success) !important;
  color: #06301B !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .search-container {
    width: 100% !important;
  }

  .search-container .input-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  #desktop-search-bar {
    width: 100% !important;
  }

  .section-heading {
    font-size: 22px !important;
  }

  .pr-outlined-button {
    min-height: 38px !important;
    font-size: 12px !important;
  }
}


/* =========================================================
   REQUESTED SEARCH / NAV OVERRIDES
   ========================================================= */

.input-container .search-box {
  border-bottom: none !important;
}

.nav-link {
  display: block;
  padding: 10px 0;
  font-size: .855rem;
  font-weight: 600;
  color: #3d5247;
}

/* END LIVE SHOOPY COMPATIBILITY LAYER */