.runtime-gallery-inline-nav {
  position: absolute;
  top: 50%;
  z-index: 30;
  transform: translate3d(0, -50%, 0);
  width: 2.85rem;
  height: 2.85rem;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111827;
  font-size: 0;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  backdrop-filter: blur(10px);
  touch-action: manipulation;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.runtime-gallery-inline-nav::before {
  content: none;
}

.runtime-gallery-inline-nav svg {
  width: 1.35rem;
  height: 1.35rem;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.runtime-gallery-inline-nav:hover {
  background: #fff;
  transform: translate3d(0, -50%, 0) scale(1.035);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.24);
}

.runtime-gallery-inline-prev {
  left: 1.25rem;
}

.runtime-gallery-inline-next {
  right: 1.25rem;
}

header [data-runtime-categories-trigger] {
  align-items: center;
  line-height: 1;
}

header [data-runtime-categories-trigger] svg {
  display: block;
  flex: 0 0 auto;
  margin-top: 0.05rem;
}

.runtime-mobile-overlay {
  justify-content: flex-end;
  background: rgba(15, 23, 42, 0.48);
  backdrop-filter: blur(8px);
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.runtime-mobile-panel {
  width: min(23rem, 88vw) !important;
  max-width: 23rem !important;
  height: min(100%, calc(100dvh - 1rem)) !important;
  border: 0;
  border-radius: 1.1rem 0 0 1.1rem;
  background: #f8fafc;
  box-shadow: -18px 0 54px rgba(15, 23, 42, 0.26);
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.runtime-mobile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.85rem 0.95rem;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  top: 0;
  z-index: 2;
}

.runtime-mobile-brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.runtime-mobile-logo-img {
  width: 7.4rem;
  height: auto;
  display: block;
}

header [data-runtime-cart-link] {
  overflow: visible;
}

.runtime-cart-badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.02rem;
  right: 0.58rem;
  transform: none;
  min-width: 0;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #008236;
  font-size: 0.86rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0;
  text-shadow:
    0 1px 0 #fff,
    1px 0 0 #fff,
    -1px 0 0 #fff,
    0 -1px 0 #fff;
  box-shadow: none;
}

header button:has(svg.lucide-search),
header button:has(svg.lucide-user),
header [data-runtime-cart-link] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

header button:has(svg.lucide-search):hover,
header button:has(svg.lucide-user):hover,
header [data-runtime-cart-link]:hover {
  background: #f1f5f9 !important;
}

.runtime-account-panel {
  width: min(31rem, calc(100vw - 1.5rem)) !important;
  max-height: calc(100dvh - 1.5rem);
  overflow: auto;
  border-radius: 1.35rem !important;
  background: #fff !important;
  box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.18) !important;
}

.runtime-overlay:has(.runtime-account-panel) {
  align-items: flex-start;
  justify-content: center;
  padding: max(0.75rem, env(safe-area-inset-top)) 0.75rem 0.75rem !important;
  background: rgba(15, 23, 42, 0.34) !important;
}

.runtime-account-panel .runtime-panel-header {
  align-items: flex-start;
  gap: 1rem;
  padding: 1.05rem 1.1rem 0.8rem !important;
}

.runtime-account-panel .runtime-panel-kicker {
  margin: 0 0 0.15rem !important;
  color: #64748b !important;
  font-size: 0.72rem !important;
  line-height: 1.1;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

.runtime-account-panel .runtime-panel-header h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1.42rem !important;
  line-height: 1.02 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.runtime-account-panel .runtime-panel-header p:not(.runtime-panel-kicker) {
  max-width: 19rem;
  margin: 0.45rem 0 0 !important;
  color: #64748b !important;
  font-size: 0.92rem !important;
  line-height: 1.38 !important;
}

.runtime-account-panel .runtime-close-button {
  flex: 0 0 auto;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  padding: 0.45rem 0.1rem !important;
}

.runtime-account-panel .runtime-close-button:hover {
  color: #0f172a !important;
}

.runtime-account-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.25rem;
  margin: 0 1.05rem 0.95rem;
  padding: 0.33rem;
  border: 1px solid #eef2f7;
  border-radius: 999px;
  background: #f8fafc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.runtime-account-action {
  appearance: none;
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 4.15rem;
  place-items: center;
  align-content: center;
  gap: 0.24rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #111827;
  font: inherit;
  font-size: 0.74rem;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.runtime-account-action svg {
  width: 1.48rem;
  height: 1.48rem;
  stroke-width: 2.55;
}

.runtime-account-action span:not(.runtime-account-action-badge) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runtime-account-action:focus-visible {
  background: #eef2f7;
  outline: none;
}

.runtime-account-action.is-active {
  background: #e9f8ef;
  color: #008236;
  box-shadow: inset 0 0 0 1px #bbf7d0;
}

.runtime-account-action-badge {
  position: absolute;
  top: 0.38rem;
  right: 0.85rem;
  min-width: 1.08rem;
  height: 1.08rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #008236;
  color: #fff;
  font-size: 0.66rem;
  line-height: 1;
  font-weight: 900;
}

.runtime-account-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.62rem;
  padding: 0 1.05rem 1.1rem;
}

.runtime-account-card,
.runtime-account-link {
  display: block;
  min-width: 0;
  padding: 0.9rem 0.95rem;
  border: 1px solid #e5eaf0;
  border-radius: 1rem;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  color: #0f172a;
  text-decoration: none;
  box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.035);
}

.runtime-account-card span,
.runtime-account-link span {
  display: block;
  margin-bottom: 0.34rem;
  color: #008236;
  font-size: 0.7rem;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.runtime-account-card strong,
.runtime-account-link strong {
  display: block;
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.18;
  font-weight: 850;
  letter-spacing: 0;
}

.runtime-account-card p,
.runtime-account-link p {
  margin: 0.48rem 0 0;
  color: #64748b;
  font-size: 0.86rem;
  line-height: 1.32;
}

.runtime-account-history {
  padding: 0 1.05rem 1.15rem;
}

.runtime-mobile-account-link {
  appearance: none;
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .runtime-account-action:hover {
    background: #eef2f7;
    outline: none;
  }

  .runtime-account-link:hover {
    border-color: #cfd9e5;
    background: #fff;
  }
}

@media (max-width: 430px) {
  .runtime-account-panel {
    width: calc(100vw - 0.9rem) !important;
    max-height: calc(100dvh - 0.9rem);
    border-radius: 1.15rem !important;
  }

  .runtime-overlay:has(.runtime-account-panel) {
    padding: 0.45rem 0.45rem calc(5.25rem + env(safe-area-inset-bottom)) !important;
  }

  .runtime-account-panel .runtime-panel-header {
    padding: 0.95rem 0.92rem 0.7rem !important;
  }

  .runtime-account-panel .runtime-panel-header h2 {
    font-size: 1.28rem !important;
  }

  .runtime-account-panel .runtime-panel-header p:not(.runtime-panel-kicker) {
    font-size: 0.86rem !important;
  }

  .runtime-account-actions {
    margin: 0 0.78rem 0.78rem;
    gap: 0.18rem;
    padding: 0.25rem;
  }

  .runtime-account-action {
    min-height: 3.72rem;
    font-size: 0.66rem;
  }

  .runtime-account-action svg {
    width: 1.34rem;
    height: 1.34rem;
  }

  .runtime-account-action-badge {
    top: 0.28rem;
    right: 0.58rem;
  }

  .runtime-account-grid,
  .runtime-account-history {
    padding-right: 0.78rem;
    padding-left: 0.78rem;
  }
}

.runtime-mobile-bottom-actions {
  display: none;
}

.runtime-mobile-bottom-action {
  appearance: none;
  position: relative;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #475569;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.runtime-toast-stack {
  position: fixed !important;
  z-index: 220 !important;
  right: 1rem !important;
  bottom: auto !important;
  left: auto !important;
  top: calc(5.35rem + env(safe-area-inset-top)) !important;
  width: min(27rem, calc(100vw - 2rem));
  opacity: 1 !important;
}

.runtime-toast {
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: #0f172a !important;
  opacity: 1 !important;
  box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, 0.16), 0 0.15rem 0.45rem rgba(15, 23, 42, 0.08) !important;
  backdrop-filter: blur(14px);
}

.runtime-toast-body,
.runtime-toast-body strong,
.runtime-toast-body p {
  color: #0f172a !important;
  opacity: 1 !important;
}

.runtime-cart-toast {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  gap: 0.82rem;
  padding: 0.98rem;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.98);
  color: #0f172a;
  box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, 0.16), 0 0.15rem 0.45rem rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(14px);
}

.runtime-cart-toast-head {
  display: flex;
  grid-column: 1 / -1 !important;
  align-items: center;
  gap: 0.72rem;
}

.runtime-cart-toast-check-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.05rem;
  height: 2.05rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #008236;
  color: #fff;
  box-shadow: 0 0.65rem 1.2rem rgba(0, 130, 54, 0.22);
}

.runtime-cart-toast-check-icon svg {
  width: 1.1rem;
  height: 1.1rem;
  stroke-width: 3;
}

.runtime-cart-toast-title {
  min-width: 0;
  flex: 1 1 auto;
  font-size: 0.98rem;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: 0;
}

.runtime-cart-toast-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #64748b;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.runtime-cart-toast-body {
  display: grid;
  grid-column: 1 / -1 !important;
  grid-template-columns: 3.65rem minmax(0, 1fr);
  align-items: center;
  gap: 0.8rem;
}

.runtime-cart-toast-media {
  width: 3.65rem;
  height: 3.65rem;
  overflow: hidden;
  border-radius: 0.78rem;
  background: #f1f5f9;
}

.runtime-cart-toast-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.runtime-cart-toast-copy {
  min-width: 0;
}

.runtime-cart-toast-name {
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #0f172a;
  font-size: 0.98rem;
  line-height: 1.2;
  font-weight: 900;
}

.runtime-cart-toast-price {
  display: block;
  margin-top: 0.22rem;
  color: #64748b;
  font-size: 0.95rem;
  font-weight: 850;
}

.runtime-cart-toast-actions {
  display: grid;
  grid-column: 1 / -1 !important;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}

.runtime-cart-toast-primary,
.runtime-cart-toast-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  padding: 0 0.9rem;
  border-radius: 0.78rem;
  font-size: 0.95rem;
  font-weight: 900;
  text-decoration: none;
}

.runtime-cart-toast-primary {
  background: #008236;
  color: #fff;
}

.runtime-cart-toast-secondary {
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #1e293b;
}

.runtime-search-panel {
  width: min(38rem, calc(100vw - 2rem)) !important;
  max-height: min(42rem, calc(100dvh - 2rem));
  margin-top: 1rem !important;
  overflow: hidden;
  border-radius: 1rem !important;
}

.runtime-search-panel .runtime-panel-header {
  align-items: center;
  padding: 1rem 1rem 0.75rem;
  border-bottom: 1px solid #eef2f7;
}

.runtime-search-panel .runtime-panel-kicker {
  margin-bottom: 0.18rem;
  color: #667085;
  font-size: 0.68rem;
  letter-spacing: 0.09em;
}

.runtime-search-panel .runtime-panel-header h2 {
  font-size: 1.28rem;
  line-height: 1.15;
  letter-spacing: 0;
}

.runtime-search-panel .runtime-close-button {
  min-height: 2.1rem;
  padding: 0 0.75rem;
  border-radius: 999px;
  color: #475569;
  background: #f1f5f9;
  font-size: 0.85rem;
  font-weight: 800;
}

.runtime-search-form {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem !important;
  padding: 0.85rem 1rem !important;
  display: grid !important;
}

.runtime-search-form input {
  min-width: 0;
  height: 2.85rem;
  border-radius: 0.72rem !important;
  padding: 0 0.85rem !important;
  font-size: 0.92rem;
}

.runtime-search-form button {
  min-width: 5.6rem;
  min-height: 2.85rem;
  border-radius: 0.72rem !important;
  padding: 0 1rem !important;
  font-size: 0.92rem;
}

.runtime-search-results {
  max-height: min(28rem, calc(100dvh - 12rem));
  gap: 0.55rem !important;
  padding: 0 1rem 1rem !important;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.runtime-search-result {
  grid-template-columns: 5.25rem minmax(0, 1fr) !important;
  align-items: center;
  gap: 0.72rem !important;
  padding: 0.55rem !important;
  border-radius: 0.85rem !important;
  box-shadow: none !important;
}

.runtime-search-result-media {
  width: 5.25rem !important;
  height: 5.25rem !important;
  border-radius: 0.68rem !important;
  background: #f8fafc !important;
}

.runtime-search-result-media img {
  object-fit: contain !important;
  padding: 0.15rem;
  box-sizing: border-box;
}

.runtime-search-result-copy {
  min-width: 0;
}

.runtime-search-result-copy span {
  font-size: 0.68rem !important;
  line-height: 1.15;
}

.runtime-search-result-copy strong {
  display: -webkit-box !important;
  margin-top: 0.18rem !important;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.9rem !important;
  line-height: 1.25 !important;
}

.runtime-search-result-copy p {
  margin-top: 0.35rem !important;
  font-size: 0.92rem;
  line-height: 1.1;
}

.agriserra-home-hero {
  position: relative;
  isolation: isolate;
  min-height: min(57.15vw, calc(100svh - 7rem));
  overflow: hidden;
  background: #d8e2e7;
  color: #1f2937;
}

.agriserra-home-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  display: block;
}

.agriserra-home-hero::after {
  content: none;
}

.agriserra-home-hero-content {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.agriserra-home-hero h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.agriserra-home-hero p {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.agriserra-home-hero-cta {
  position: absolute;
  top: 33.6%;
  left: 50%;
  z-index: 3;
  width: 13.75%;
  height: 6.1%;
  min-width: 9.8rem;
  min-height: 3rem;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  border-radius: 0.9rem;
  transform: translateX(-50%);
  pointer-events: auto;
}

.agriserra-home-hero-cta:hover {
  outline: 3px solid rgba(255, 255, 255, 0.45);
  outline-offset: 3px;
}

.agriserra-home-hero-cta span {
  color: transparent;
}

.agriserra-home-hero-trust {
  display: none;
}

.agriserra-home-hero-trust-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.72rem;
  min-width: 0;
  text-align: left;
}

.agriserra-home-hero-trust-item > svg {
  width: 2.1rem;
  height: 2.1rem;
  color: #08a64b;
}

.agriserra-home-hero-trust-item strong,
.agriserra-home-hero-trust-item small {
  display: block;
  color: #1f2937;
  font-size: 0.88rem;
  line-height: 1.12;
}

.agriserra-home-hero-trust-item strong {
  font-weight: 650;
}

.agriserra-home-hero-trust-item small {
  margin-top: 0.12rem;
  font-weight: 450;
}

.agriserra-home-hero-categories {
  position: absolute;
  left: 50%;
  bottom: 3.6%;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.8%;
  width: 61.5%;
  height: 17.1%;
  padding: 0 1.5%;
  transform: translateX(-50%);
}

.agriserra-home-hero-category {
  display: block;
  height: 100%;
  min-width: 0;
  color: transparent;
  text-decoration: none;
  border-radius: 999px;
}

.agriserra-home-hero-category-image {
  display: none;
}

.agriserra-home-hero-category-image img {
  display: none;
}

.agriserra-home-hero-category strong {
  color: transparent;
  font-size: 0;
}

.agriserra-home-hero-category:hover .agriserra-home-hero-category-image {
  transform: none;
}

.agriserra-home-hero-category:hover {
  outline: 3px solid rgba(255, 255, 255, 0.42);
  outline-offset: -4px;
}

.runtime-mobile-brand small,
.runtime-mobile-link-copy small,
.runtime-mobile-cart-link small,
.runtime-mobile-category-copy small {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  line-height: 1.25;
  margin-top: 0.18rem;
}

.runtime-mobile-close {
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.runtime-mobile-close:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.runtime-mobile-hero {
  margin: 0.75rem 0.75rem 0;
  padding: 0.76rem 0.85rem;
  border-radius: 0.9rem;
  background: linear-gradient(135deg, #0f172a, #166534);
  color: #fff;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}

.runtime-mobile-hero span {
  color: #bbf7d0;
  display: block;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.runtime-mobile-hero strong {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.9rem;
  line-height: 1.28;
}

.runtime-mobile-section {
  padding: 0.75rem;
}

.runtime-mobile-section + .runtime-mobile-section {
  border-top: 0;
}

.runtime-mobile-section p,
.runtime-mobile-section-title p {
  color: #475569;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 0.55rem;
  font-size: 0.66rem;
  font-weight: 900;
}

.runtime-mobile-section-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
}

.runtime-mobile-section-main > p,
.runtime-mobile-section-main > .runtime-mobile-cart-link {
  grid-column: 1 / -1;
}

.runtime-mobile-link,
.runtime-mobile-cart-link,
.runtime-mobile-category {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.runtime-mobile-link,
.runtime-mobile-cart-link {
  min-height: 3rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.78rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  padding: 0.62rem 0.7rem;
  color: #0f172a;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.035);
}

.runtime-mobile-link:hover,
.runtime-mobile-cart-link:hover,
.runtime-mobile-category:hover {
  border-color: #86efac;
  background: #f7fef9;
}

.runtime-mobile-link-copy strong {
  color: #0f172a;
  font-size: 0.88rem;
}

.runtime-mobile-link-promo .runtime-mobile-link-copy strong {
  color: #dc2626;
}

.runtime-mobile-chevron {
  color: #94a3b8;
  font-size: 1.25rem;
  line-height: 1;
}

.runtime-mobile-cart-link {
  color: #fff;
  background: #15803d;
  border-color: #15803d;
  margin-top: 0.15rem;
  box-shadow: 0 10px 22px rgba(21, 128, 61, 0.22);
}

.runtime-mobile-section .runtime-mobile-cart-link,
.runtime-mobile-section .runtime-mobile-cart-link > span {
  color: #fff;
}

.runtime-mobile-cart-link span {
  display: grid;
  gap: 0.08rem;
  font-weight: 850;
}

.runtime-mobile-cart-link small {
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
}

.runtime-mobile-cart-link strong {
  min-width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #fff;
  color: #15803d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}

.runtime-mobile-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.55rem;
}

.runtime-mobile-section-title p {
  margin: 0;
}

.runtime-mobile-section-title a {
  color: #166534;
  background: #dcfce7;
  border-radius: 999px;
  padding: 0.28rem 0.58rem;
  font-size: 0.72rem;
  font-weight: 850;
  text-decoration: none;
}

.runtime-mobile-category-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
  padding-bottom: 0.35rem;
}

.runtime-mobile-category {
  min-width: 0;
  min-height: 2.9rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.82rem;
  background: #fff;
  color: #0f172a;
  overflow: hidden;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: 0.42rem;
  padding: 0.34rem;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.035);
}

.runtime-mobile-category-media {
  width: 2rem;
  height: 2rem;
  border-radius: 0.58rem;
  background: #e2e8f0;
  overflow: hidden;
  display: block;
}

.runtime-mobile-category-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.runtime-mobile-category-copy {
  min-width: 0;
  padding: 0;
}

.runtime-mobile-category-copy strong {
  color: #0f172a;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  line-height: 1.16;
}

.runtime-mobile-category-copy small {
  font-size: 0.64rem;
  line-height: 1.15;
  margin-top: 0.12rem;
}

.runtime-mobile-footer {
  margin-top: 0;
  padding: 0.72rem 0.9rem 0.85rem;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  display: grid;
  gap: 0.25rem;
}

.runtime-mobile-footer span {
  color: #475569;
  font-size: 0.78rem;
}

.runtime-mobile-footer a {
  color: #166534;
  font-weight: 850;
  text-decoration: none;
}

.runtime-promo-counter {
  margin: 0.55rem 0 0;
  border: 1px solid #bbf7d0;
  border-radius: 0.85rem;
  background: #f0fdf4;
  color: #166534;
  display: grid;
  gap: 0.1rem;
  padding: 0.5rem 0.65rem;
  line-height: 1.2;
}

.runtime-promo-counter span {
  color: #15803d;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.runtime-promo-counter strong {
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 900;
}

main a.group:has(img.object-cover) {
  cursor: pointer;
  touch-action: manipulation;
}

main a.group:has(img.object-cover),
main div.relative.rounded-3xl.overflow-hidden.shadow-2xl.group:has(img.object-cover) {
  transition: transform 1400ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 1400ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

main a.group:has(img.object-cover) img.object-cover,
main div.relative.rounded-3xl.overflow-hidden.shadow-2xl.group img.object-cover {
  transform: scale(1.006);
  backface-visibility: hidden;
  transition-property: transform, filter !important;
  transition-duration: 2600ms !important;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  main a.group:has(img.object-cover):hover,
  main div.relative.rounded-3xl.overflow-hidden.shadow-2xl.group:has(img.object-cover):hover {
    transform: translateY(-2px);
  }

  main a.group:has(img.object-cover):hover img.object-cover,
  main div.relative.rounded-3xl.overflow-hidden.shadow-2xl.group:hover img.object-cover {
    filter: saturate(1.03) contrast(1.015);
    transform: scale(1.024) !important;
  }
}

main a.group:has(img.object-cover):active,
main div.relative.rounded-3xl.overflow-hidden.shadow-2xl.group:has(img.object-cover):active {
  transform: translateY(-1px) scale(0.995);
  transition-duration: 420ms;
}

@media (prefers-reduced-motion: reduce) {
  main a.group:has(img.object-cover),
  main a.group:has(img.object-cover) img.object-cover,
  main div.relative.rounded-3xl.overflow-hidden.shadow-2xl.group:has(img.object-cover),
  main div.relative.rounded-3xl.overflow-hidden.shadow-2xl.group img.object-cover {
    transition: none !important;
    transform: none !important;
  }
}

@media (max-width: 1023px) {
  .agriserra-home-hero {
    min-height: calc(100svh - 6.75rem);
  }

  .agriserra-home-hero-bg {
    object-position: center bottom;
  }

  .agriserra-home-hero::after {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 30%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(0, 0, 0, 0.08) 100%);
  }

  header button[data-slot="sheet-trigger"] {
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  }
}

@media (max-width: 640px) {
  .agriserra-home-hero {
    min-height: calc(100svh - 6.55rem);
  }

  .agriserra-home-hero-bg {
    object-position: left bottom;
    filter: saturate(1.04) contrast(1.02);
  }

  .agriserra-home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.36) 32%, rgba(0, 0, 0, 0.14) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
  }

  .agriserra-home-hero-content {
    position: relative;
    z-index: 2;
    inset: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(23rem, calc(100% - 2rem));
    padding-top: clamp(0.45rem, 2.2svh, 1rem);
    text-align: center;
    pointer-events: auto;
  }

  .agriserra-home-hero h1 {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 0;
    color: #1f2937;
    font-size: clamp(1.95rem, 10.2vw, 3.05rem);
    line-height: 0.98;
    font-weight: 900;
    text-shadow: 0 2px 20px rgba(255, 255, 255, 0.46);
  }

  .agriserra-home-hero p {
    position: static;
    width: auto;
    height: auto;
    margin: 0.72rem 0 0;
    padding: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 0;
    color: #1f2937;
    font-size: 0.98rem;
    line-height: 1.26;
    font-weight: 600;
    text-shadow: 0 2px 16px rgba(255, 255, 255, 0.52);
  }

  main section[data-agriserra-legacy-hero="active"] > div.relative {
    padding-top: 2.8rem !important;
    padding-bottom: calc(var(--runtime-mobile-nav-reserve) + 1.1rem) !important;
  }

  main section[data-agriserra-legacy-hero="active"] {
    background-color: #8fa1a7 !important;
    background-position: 64% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  main section[data-agriserra-legacy-hero="active"] .inline-flex {
    margin-bottom: 1.2rem !important;
  }

  main section[data-agriserra-legacy-hero="active"] h1 {
    font-size: clamp(2.2rem, 10.2vw, 3rem) !important;
    line-height: 1.03 !important;
  }

  main section[data-agriserra-legacy-hero="active"] p {
    max-width: 21.8rem !important;
    margin-top: 1rem !important;
    font-size: 0.98rem !important;
    line-height: 1.36 !important;
  }

  main section[data-agriserra-legacy-hero="active"] .mt-8 {
    margin-top: 1.1rem !important;
  }

  main section[data-agriserra-legacy-hero="active"] .mt-12 {
    margin-top: 1.25rem !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) {
    padding-top: 2.85rem !important;
    padding-bottom: 2.95rem !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .text-center {
    max-width: 22rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 1.65rem !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) h2 {
    max-width: 22rem !important;
    font-size: clamp(1.62rem, 7.2vw, 1.95rem) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .text-center h2 {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) h2 + p,
  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) h3 + p {
    max-width: 21.5rem !important;
    margin-top: 0.72rem !important;
    font-size: 0.93rem !important;
    line-height: 1.38 !important;
    color: #475569 !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .text-center h2 + p,
  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .text-center h3 + p {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) span.uppercase.tracking-wider {
    margin-bottom: 0.55rem !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0.08em !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) ul[class*="space-y"] {
    margin-top: 1rem !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) ul[class*="space-y"] li {
    align-items: flex-start !important;
    gap: 0.62rem !important;
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) ul[class*="space-y"] li > span {
    width: 1.35rem !important;
    height: 1.35rem !important;
    margin-top: 0.02rem !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.lg\:grid-cols-2 {
    gap: 1.25rem !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .lg\:pl-4,
  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .lg\:pr-4 {
    max-width: 21.75rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.md\:grid-cols-3 {
    grid-template-columns: 1fr !important;
    gap: 0.8rem !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.md\:grid-cols-3 > div > .text-center {
    display: grid !important;
    grid-template-columns: 2.35rem minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 0.72rem !important;
    row-gap: 0.2rem !important;
    max-width: none !important;
    margin-bottom: 0 !important;
    padding: 0.78rem 0.86rem !important;
    text-align: left !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.md\:grid-cols-3 .w-14.h-14 {
    width: 2.35rem !important;
    height: 2.35rem !important;
    margin: 0 !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.md\:grid-cols-3 h3,
  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.md\:grid-cols-3 p {
    grid-column: 2 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.md\:grid-cols-3 h3 {
    font-size: 0.98rem !important;
    line-height: 1.18 !important;
  }

  main:has(section[data-agriserra-legacy-hero="active"]) section:not([data-agriserra-legacy-hero]) .grid.grid-cols-1.md\:grid-cols-3 p {
    margin-top: 0.16rem !important;
    font-size: 0.85rem !important;
    line-height: 1.35 !important;
  }

  .agriserra-home-hero-cta {
    position: static;
    width: auto;
    height: auto;
    min-height: 3.05rem;
    margin-top: 1.05rem;
    padding: 0 1.35rem;
    overflow: visible;
    background: #08ad4f;
    color: #fff;
    font-size: 0.96rem;
    font-weight: 850;
    border-radius: 0.78rem;
    box-shadow: 0 15px 32px rgba(0, 105, 49, 0.25);
    transform: none;
  }

  .agriserra-home-hero-cta span {
    color: #fff;
  }

  .agriserra-home-hero-trust {
    grid-template-columns: 1fr;
    gap: 0.62rem;
    width: min(23rem, calc(100% - 2rem));
    margin-top: 1.25rem;
    padding: 0.82rem 1rem;
    display: none;
  }

  .agriserra-home-hero-trust-item {
    grid-template-columns: 1.85rem minmax(0, 1fr);
    gap: 0.62rem;
  }

  .agriserra-home-hero-trust-item > svg {
    width: 1.65rem;
    height: 1.65rem;
  }

  .agriserra-home-hero-categories {
    position: absolute;
    left: 50%;
    bottom: 0.85rem;
    display: flex;
    gap: 0.95rem;
    width: calc(100% - 1.35rem);
    max-width: 25rem;
    padding: 0.85rem 0.95rem 0.78rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 1rem;
    background: rgba(235, 226, 216, 0.72);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(10px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-50%);
  }

  .agriserra-home-hero-categories::-webkit-scrollbar {
    display: none;
  }

  .agriserra-home-hero-category {
    display: grid;
    place-items: center;
    flex: 0 0 5.35rem;
    scroll-snap-align: center;
    gap: 0.45rem;
    height: auto;
    color: #fff;
    text-shadow: 0 2px 8px rgba(15, 23, 42, 0.44);
  }

  .agriserra-home-hero-category-image {
    display: block;
    width: 4.45rem;
    border-width: 0.34rem;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.78);
    border-radius: 999px;
    aspect-ratio: 1;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.22);
  }

  .agriserra-home-hero-category-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .agriserra-home-hero-category strong {
    color: #fff;
    font-size: 0.78rem;
    line-height: 1.05;
    font-weight: 850;
  }

  .runtime-categories-overlay {
    z-index: 90;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(8px);
    align-items: flex-end;
    padding: 0 !important;
  }

  .runtime-categories-panel {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    max-height: 88dvh;
    border: 0;
    border-radius: 1.15rem 1.15rem 0 0;
    box-shadow: 0 -24px 58px rgba(15, 23, 42, 0.24);
    overflow: hidden;
  }

  .runtime-categories-head {
    min-height: 4rem;
    padding: 0.9rem 1rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .runtime-categories-head h2 {
    color: #020617;
    margin: 0;
    font-size: 1.15rem;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: 0;
  }

  .runtime-categories-close {
    width: 2.35rem;
    height: 2.35rem;
    border: 0;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    display: inline-grid;
    place-items: center;
    padding: 0;
    font-size: 1.45rem;
    line-height: 1;
    font-weight: 800;
  }

  .runtime-categories-list {
    max-height: calc(88dvh - 4rem);
    padding: 0.65rem 0.75rem 1rem;
    background: #fff;
    display: grid;
    gap: 0.28rem;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .runtime-categories-list a.runtime-category-item {
    min-height: 4.15rem;
    border: 1px solid transparent;
    border-radius: 0.9rem;
    background: #fff;
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.72rem;
    padding: 0.42rem 0.62rem;
    color: #0f172a;
    text-decoration: none;
  }

  .runtime-categories-list a.runtime-category-item:hover {
    border-color: #bbf7d0;
    background: #f8fff9;
  }

  .runtime-categories-list a.runtime-category-item.is-active {
    border-color: #86efac;
    background: #ecfdf5;
  }

  .runtime-category-thumb {
    width: 3.25rem;
    height: 3.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.72rem;
    background: #f8fafc;
    display: grid;
    place-items: center;
    overflow: hidden;
  }

  .runtime-category-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .runtime-category-thumb-all {
    color: #15803d;
    background: #ecfdf5;
    border-color: #bbf7d0;
  }

  .runtime-category-copy {
    min-width: 0;
    display: grid;
    gap: 0.18rem;
  }

  .runtime-category-copy strong {
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.96rem;
    line-height: 1.15;
    font-weight: 900;
  }

  .runtime-category-copy span {
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
    line-height: 1.2;
    font-weight: 500;
  }

  .runtime-category-badge {
    color: #fff;
    background: #008236;
    border-radius: 999px;
    padding: 0.42rem 0.68rem;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 900;
  }

  .runtime-category-chevron {
    color: #94a3b8;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 1.1rem;
    line-height: 1;
  }

  .runtime-mobile-panel {
    width: min(22rem, 88vw) !important;
    max-width: 22rem !important;
  }

  .runtime-mobile-brand small,
  .runtime-mobile-link-copy small,
  .runtime-mobile-cart-link small {
    font-size: 0.68rem;
  }

  .runtime-gallery-inline-nav {
    width: 2.55rem;
    height: 2.55rem;
  }

  .runtime-gallery-inline-nav svg {
    width: 1.18rem;
    height: 1.18rem;
  }

  .runtime-gallery-inline-prev {
    left: 0.75rem;
  }

  .runtime-gallery-inline-next {
    right: 0.75rem;
  }

  .runtime-promo-counter {
    border-radius: 0.72rem;
    padding: 0.42rem 0.5rem;
  }

  .runtime-promo-counter span {
    font-size: 0.58rem;
  }

  .runtime-promo-counter strong {
    font-size: 0.72rem;
  }

  .rv-trigger-bar {
    max-width: 100%;
    overflow: hidden;
  }

  .rv-trigger-row1 {
    max-width: 100%;
    gap: 4px;
  }

  .rv-trigger-item {
    min-width: 0;
    font-size: 9px;
    line-height: 1.2;
  }

  .rv-trigger-icon {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 420px) {
  .runtime-mobile-overlay {
    padding: 0.35rem 0.35rem 0.35rem 0;
  }

  .runtime-mobile-panel {
    width: 86vw !important;
    height: calc(100dvh - 0.7rem) !important;
  }

  .rv-trigger-row1 {
    flex-wrap: wrap;
    row-gap: 2px;
  }

  .rv-trigger-sep {
    display: none;
  }
}

@media (max-width: 340px) {
  .runtime-mobile-section-main,
  .runtime-mobile-category-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body {
    --runtime-mobile-nav-offset: 0px;
    --runtime-mobile-nav-bottom: calc(0.62rem + env(safe-area-inset-bottom));
    --runtime-mobile-nav-height: 3.42rem;
    --runtime-mobile-nav-reserve: calc(var(--runtime-mobile-nav-height) + var(--runtime-mobile-nav-bottom) + 1.05rem);
    padding-bottom: var(--runtime-mobile-nav-reserve);
    scroll-padding-bottom: var(--runtime-mobile-nav-reserve);
  }

  header .rv-trigger-bar {
    gap: 2px !important;
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  header .rv-trigger-row1 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 0 !important;
    line-height: 1.15;
  }

  header .rv-trigger-row1 .rv-trigger-sep,
  header .rv-trigger-row1 .rv-trigger-item:nth-of-type(2) {
    display: none !important;
  }

  header .rv-trigger-item {
    min-width: 0;
    justify-content: center;
    overflow: hidden;
    font-size: 0.72rem !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis;
  }

  header .rv-trigger-row2 {
    min-width: 0;
    line-height: 1;
  }

  header .rv-trigger-tp {
    max-width: 100%;
    justify-content: center;
    gap: 0.38rem !important;
    text-decoration: none !important;
  }

  header .rv-tp-star {
    width: 0.78rem !important;
    height: 0.78rem !important;
  }

  header .rv-tp-label {
    font-size: 0.74rem !important;
    line-height: 1.05 !important;
  }

  header a[href="/"] img[alt="AGRISERRA"] {
    width: 8.55rem !important;
    max-width: 8.55rem !important;
    height: auto !important;
  }

  header[data-runtime-header] a[href="/"],
  header a[href="/"].flex {
    gap: 0.35rem !important;
    min-width: 0;
  }

  header [data-runtime-cart-link] {
    display: inline-flex !important;
    width: 2.75rem;
    height: 2.75rem;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: #0f172a;
    box-shadow: none !important;
  }

  header [data-runtime-cart-link] .runtime-cart-badge {
    top: 0.03rem;
    right: 0.62rem;
    font-size: 0.82rem;
  }

  .runtime-mobile-bottom-actions {
    position: fixed;
    right: max(0.72rem, env(safe-area-inset-right));
    bottom: var(--runtime-mobile-nav-bottom);
    left: max(0.72rem, env(safe-area-inset-left));
    z-index: 240;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 0.14rem;
    height: var(--runtime-mobile-nav-height);
    min-height: 0;
    padding: 0.26rem;
    border: 1px solid rgba(203, 213, 225, 0.78);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.975);
    box-shadow:
      0 0.75rem 1.85rem rgba(15, 23, 42, 0.14),
      0 0.18rem 0.55rem rgba(15, 23, 42, 0.07);
    backdrop-filter: blur(18px);
    transform: translateZ(0);
    contain: layout paint;
  }

  .runtime-mobile-bottom-action {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.16rem;
    width: 100%;
    height: 2.86rem;
    min-width: 0;
    min-height: 0;
    padding: 0.22rem 0.12rem;
    border-radius: 999px;
    line-height: 1;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0;
    touch-action: manipulation;
    transform: none !important;
    transition:
      color 0.16s ease,
      background-color 0.16s ease,
      box-shadow 0.16s ease;
  }

  .runtime-mobile-bottom-action svg {
    width: 1.12rem;
    height: 1.12rem;
    stroke-width: 2.45;
  }

  .runtime-mobile-bottom-action span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .runtime-mobile-bottom-action:focus-visible,
  .runtime-mobile-bottom-action.is-active {
    color: #006b35;
    background: #edf2ef;
    outline: none;
  }

  .runtime-mobile-bottom-action.is-active {
    flex-grow: 0;
    box-shadow:
      inset 0 0 0 1px rgba(187, 247, 208, 0.92),
      0 0.18rem 0.48rem rgba(0, 130, 54, 0.08);
  }

  .runtime-overlay ~ .runtime-mobile-bottom-actions a.runtime-mobile-bottom-action[href="/"].is-active,
  .runtime-categories-overlay ~ .runtime-mobile-bottom-actions a.runtime-mobile-bottom-action[href="/"].is-active {
    color: #475569;
    background: transparent;
    box-shadow: none;
  }

  @media (hover: hover) and (pointer: fine) {
    .runtime-mobile-bottom-action:hover {
      color: #006b35;
      background: #edf2ef;
      outline: none;
    }
  }

  .runtime-mobile-bottom-action .runtime-cart-badge {
    top: 0.26rem;
    right: calc(50% - 1.08rem);
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    font-size: 0.62rem;
  }

  .runtime-overlay:has(.runtime-search-panel) {
    align-items: flex-start;
    padding: 0.6rem 0.55rem calc(4.2rem + env(safe-area-inset-bottom) + var(--runtime-mobile-nav-offset, 0px)) !important;
    background: rgba(15, 23, 42, 0.38);
  }

  .runtime-search-panel {
    width: 100% !important;
    max-height: calc(100dvh - 6.1rem - env(safe-area-inset-bottom));
    margin-top: 0 !important;
    border-radius: 0.92rem !important;
  }

  .runtime-search-panel .runtime-panel-header {
    padding: 0.85rem 0.85rem 0.62rem;
  }

  .runtime-search-panel .runtime-panel-header h2 {
    font-size: 1.18rem;
  }

  .runtime-search-panel .runtime-close-button {
    min-width: 2.25rem;
    padding: 0;
    font-size: 0;
  }

  .runtime-search-panel .runtime-close-button::before {
    content: "×";
    font-size: 1.25rem;
    line-height: 1;
  }

  .runtime-search-form {
    padding: 0.72rem 0.85rem !important;
  }

  .runtime-search-form input {
    height: 2.65rem;
    font-size: 0.88rem;
  }

  .runtime-search-form button {
    min-width: 4.75rem;
    min-height: 2.65rem;
    padding: 0 0.82rem !important;
    font-size: 0.88rem;
  }

  .runtime-search-results {
    max-height: calc(100dvh - 14.5rem - env(safe-area-inset-bottom));
    padding: 0 0.85rem 0.85rem !important;
  }

  .runtime-search-result {
    grid-template-columns: 4.65rem minmax(0, 1fr) !important;
    min-height: 5.2rem;
  }

  .runtime-search-result-media {
    width: 4.65rem !important;
    height: 4.65rem !important;
  }

  .runtime-search-result-copy strong {
    font-size: 0.86rem !important;
  }

  .runtime-categories-overlay {
    z-index: 230;
    padding-bottom: var(--runtime-mobile-nav-reserve) !important;
  }

  .runtime-categories-overlay .runtime-categories-panel {
    position: fixed !important;
    top: 0 !important;
    bottom: var(--runtime-mobile-nav-reserve) !important;
    height: auto !important;
    max-height: none !important;
  }

  .runtime-categories-list {
    max-height: calc(100dvh - var(--runtime-mobile-nav-reserve) - 4rem) !important;
  }

  .runtime-toast-stack {
    right: 0.68rem !important;
    bottom: auto !important;
    left: 0.68rem !important;
    top: calc(4.85rem + env(safe-area-inset-top)) !important;
    width: auto;
    display: grid;
    justify-items: stretch;
  }

  .runtime-cart-toast {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    justify-items: stretch !important;
    gap: 0.46rem !important;
    padding: 0.62rem !important;
    border-radius: 0.86rem !important;
    background: #fff !important;
    opacity: 1 !important;
    box-shadow:
      0 0.75rem 1.6rem rgba(15, 23, 42, 0.14),
      0 0.15rem 0.5rem rgba(15, 23, 42, 0.07);
  }

  .runtime-cart-toast-head {
    width: 100% !important;
    gap: 0.48rem !important;
  }

  .runtime-cart-toast-check-icon {
    width: 1.7rem !important;
    height: 1.7rem !important;
    box-shadow: 0 0.45rem 0.95rem rgba(0, 130, 54, 0.2);
  }

  .runtime-cart-toast-check-icon svg {
    width: 0.88rem !important;
    height: 0.88rem !important;
  }

  .runtime-cart-toast-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem !important;
    line-height: 1.1 !important;
  }

  .runtime-cart-toast-close {
    width: 1.65rem !important;
    height: 1.65rem !important;
    font-size: 1.1rem !important;
  }

  .runtime-cart-toast-body {
    width: 100% !important;
    grid-template-columns: 2.7rem minmax(0, 1fr) !important;
    gap: 0.5rem !important;
    margin-top: 0 !important;
  }

  .runtime-cart-toast-media {
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-radius: 0.62rem !important;
  }

  .runtime-cart-toast-name {
    font-size: 0.82rem !important;
    line-height: 1.12 !important;
    -webkit-line-clamp: 1;
  }

  .runtime-cart-toast-price {
    margin-top: 0.1rem !important;
    font-size: 0.76rem !important;
  }

  .runtime-cart-toast-actions {
    width: 100% !important;
    gap: 0.45rem !important;
    margin-top: 0 !important;
  }

  .runtime-cart-toast-primary,
  .runtime-cart-toast-secondary {
    min-height: 2.2rem !important;
    border-radius: 0.68rem !important;
    padding: 0 0.48rem !important;
    font-size: 0.8rem !important;
  }

  .runtime-consent-banner {
    bottom: calc(5.35rem + env(safe-area-inset-bottom));
  }

  body.runtime-commerce-active .cj-cart-page,
  body.runtime-commerce-active .cj-checkout-page,
  body.runtime-commerce-active .cj-checkout-form,
  body.runtime-commerce-active .cj-success-page,
  body.runtime-commerce-active .cj-empty-page {
    padding-bottom: calc(var(--runtime-mobile-nav-reserve) + 1.25rem) !important;
  }
}

@media (max-width: 340px) {
  body {
    --runtime-mobile-nav-offset: 1.35rem;
  }
}

@media (max-width: 640px) {
  body.runtime-commerce-active .cj-cart-page {
    background: linear-gradient(180deg, #f8fafc 0%, #f3f7f4 100%);
    padding: 1.35rem 0.72rem calc(var(--runtime-mobile-nav-reserve) + 1.4rem) !important;
  }

  body.runtime-commerce-active .cj-checkout-page {
    padding-bottom: calc(var(--runtime-mobile-nav-reserve) + 1.6rem) !important;
  }

  body.runtime-commerce-active .cj-checkout-form,
  body.runtime-commerce-active .cj-checkout-shell,
  body.runtime-commerce-active .cj-checkout-grid,
  body.runtime-commerce-active .cj-checkout-columns {
    padding-bottom: calc(var(--runtime-mobile-nav-reserve) + 0.75rem) !important;
  }

  body.runtime-commerce-active .cj-checkout-card:last-of-type,
  body.runtime-commerce-active .cj-checkout-summary {
    margin-bottom: calc(var(--runtime-mobile-nav-reserve) + 0.35rem) !important;
  }

  body.runtime-commerce-active .cj-cart-shell {
    display: grid;
    gap: 0.78rem;
  }

  body.runtime-commerce-active .cj-cart-header {
    align-items: flex-start !important;
    gap: 0.7rem !important;
    margin-bottom: 0.08rem !important;
  }

  body.runtime-commerce-active .cj-cart-header h1 {
    max-width: 12.4rem;
    font-size: 1.22rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body.runtime-commerce-active .cj-cart-clear {
    min-height: 2.05rem !important;
    padding: 0.38rem 0.64rem !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #475569 !important;
    border: 1px solid #dbe5dd !important;
    font-size: 0.74rem !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  body.runtime-commerce-active .cj-cart-shipping-alert {
    min-height: 0 !important;
    padding: 0.68rem 0.78rem !important;
    border-radius: 0.86rem !important;
    gap: 0.55rem !important;
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
  }

  body.runtime-commerce-active .cj-cart-shipping-alert svg {
    width: 1rem !important;
    height: 1rem !important;
    flex: 0 0 auto !important;
  }

  body.runtime-commerce-active .cj-cart-grid,
  body.runtime-commerce-active .cj-cart-items-col,
  body.runtime-commerce-active .cj-cart-items {
    gap: 0.68rem !important;
  }

  body.runtime-commerce-active .cj-cart-card {
    padding: 0.62rem !important;
    border-color: #e2e8f0 !important;
    border-radius: 0.95rem !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
  }

  body.runtime-commerce-active .cj-cart-card-grid {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 0.52rem 0.68rem !important;
  }

  body.runtime-commerce-active .cj-cart-thumb {
    grid-row: span 2 !important;
    width: 58px !important;
    height: 58px !important;
    align-self: start !important;
    border-radius: 0.68rem !important;
    background: #f8fafc !important;
  }

  body.runtime-commerce-active .cj-cart-info {
    min-width: 0 !important;
    gap: 0.26rem !important;
  }

  body.runtime-commerce-active .cj-cart-name {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-size: 0.9rem !important;
    line-height: 1.14 !important;
  }

  body.runtime-commerce-active .cj-cart-unit {
    margin-top: 0 !important;
    white-space: nowrap !important;
    font-size: 0.76rem !important;
    line-height: 1.1 !important;
  }

  body.runtime-commerce-active .cj-cart-stepper {
    display: grid !important;
    grid-template-columns: 2rem 2.3rem 2rem !important;
    align-items: stretch !important;
    width: 6.3rem !important;
    height: 2.05rem !important;
    margin-top: 0.12rem !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #dfe7ef !important;
    overflow: hidden !important;
  }

  body.runtime-commerce-active .cj-cart-stepper-btn,
  body.runtime-commerce-active .cj-cart-stepper-value {
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 2.05rem !important;
    padding: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.runtime-commerce-active .cj-cart-stepper-btn {
    appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #334155 !important;
    font-weight: 850 !important;
  }

  body.runtime-commerce-active .cj-cart-stepper-btn:disabled {
    color: #cbd5e1 !important;
    opacity: 1 !important;
  }

  body.runtime-commerce-active .cj-cart-stepper-value {
    border-right: 1px solid #edf2f7 !important;
    border-left: 1px solid #edf2f7 !important;
    background: #fff !important;
    color: #0f172a !important;
    font-weight: 900 !important;
  }

  body.runtime-commerce-active .cj-cart-side {
    grid-column: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.55rem !important;
    margin-top: 0 !important;
    padding-top: 0.06rem !important;
    border-top: 1px solid #eef2f7 !important;
  }

  body.runtime-commerce-active .cj-cart-line-total {
    white-space: nowrap !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  body.runtime-commerce-active .cj-cart-remove {
    width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
  }

  body.runtime-commerce-active .cj-cart-remove span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  body.runtime-commerce-active .cj-cart-remove svg {
    width: 0.92rem !important;
    height: 0.92rem !important;
  }

  body.runtime-commerce-active .cj-cart-continue,
  body.runtime-commerce-active .cj-cart-summary {
    border-radius: 0.95rem !important;
  }

  body.runtime-commerce-active .cj-cart-summary {
    padding: 0.9rem !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
  }

  body.runtime-commerce-active .cj-cart-summary h2 {
    font-size: 1.05rem !important;
    margin-bottom: 0.65rem !important;
  }

  body.runtime-commerce-active .cj-cart-summary-rows,
  body.runtime-commerce-active .cj-cart-summary-total {
    gap: 0.45rem !important;
  }

  body.runtime-commerce-active .cj-cart-summary-total-row strong {
    font-size: 1.35rem !important;
  }
}

body.runtime-commerce-active .runtime-payment-bank-notes {
  display: grid !important;
  gap: 0.78rem !important;
  margin-top: 1.05rem !important;
  padding-top: 0.1rem !important;
}

body.runtime-commerce-active .runtime-payment-bank-notes > span {
  display: grid !important;
  grid-template-columns: 1.25rem minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 0.72rem !important;
  max-width: 48rem !important;
  color: #0f172a !important;
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
}

body.runtime-commerce-active .runtime-payment-bank-notes svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  margin-top: 0.18rem !important;
  color: #00873b !important;
}

@media (max-width: 640px) {
  body.runtime-commerce-active .runtime-payment-bank-notes {
    gap: 0.86rem !important;
    margin-top: 1.15rem !important;
  }

  body.runtime-commerce-active .runtime-payment-bank-notes > span {
    column-gap: 0.68rem !important;
    font-size: 0.94rem !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 767px) {
  body.runtime-checkout-active {
    padding-bottom: 0 !important;
    scroll-padding-bottom: 1rem;
  }

  body.runtime-checkout-active .runtime-mobile-bottom-actions,
  body.runtime-mobile-panel-active .runtime-mobile-bottom-actions,
  .runtime-overlay ~ .runtime-mobile-bottom-actions,
  .runtime-categories-overlay ~ .runtime-mobile-bottom-actions {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body.runtime-checkout-active .cj-checkout-page {
    padding-bottom: 1.5rem !important;
  }

  body.runtime-checkout-active .cj-checkout-form,
  body.runtime-checkout-active .cj-checkout-shell,
  body.runtime-checkout-active .cj-checkout-grid,
  body.runtime-checkout-active .cj-checkout-columns {
    padding-bottom: 1rem !important;
  }

  body.runtime-checkout-active .cj-checkout-card:last-of-type,
  body.runtime-checkout-active .cj-checkout-summary {
    margin-bottom: 1rem !important;
  }
}

.runtime-product-buy-bar {
  display: none;
}

body.runtime-commerce-active main {
  animation: none !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  :root:not([data-cj-scrolled="true"]) body.runtime-home-active .runtime-mobile-bottom-actions,
  body.runtime-cart-active .runtime-mobile-bottom-actions,
  body.runtime-product-active .runtime-mobile-bottom-actions,
  body.runtime-mobile-panel-active .runtime-mobile-bottom-actions,
  body:has(input:focus) .runtime-mobile-bottom-actions,
  body:has(textarea:focus) .runtime-mobile-bottom-actions,
  body:has(select:focus) .runtime-mobile-bottom-actions {
    display: none !important;
  }

  body.runtime-cart-active {
    padding-bottom: 0 !important;
    scroll-padding-bottom: 1rem !important;
  }

  body.runtime-cart-active .cj-cart-page {
    padding-bottom: 1.5rem !important;
  }

  .runtime-categories-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    padding-bottom: 0 !important;
    background: rgba(15, 23, 42, 0.48) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .runtime-categories-overlay .runtime-categories-panel {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    transform: none !important;
    overflow: hidden !important;
    background: #fff !important;
    opacity: 1 !important;
    z-index: 1 !important;
  }

  .runtime-categories-head,
  .runtime-categories-overlay .runtime-panel-header {
    min-height: 5rem !important;
    background: #fff !important;
    opacity: 1 !important;
  }

  .runtime-categories-list {
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 0.85rem !important;
    overflow-y: auto !important;
    background: #fff !important;
    opacity: 1 !important;
  }

  .runtime-categories-foot {
    display: grid !important;
    gap: 0.18rem !important;
    padding: 0.82rem 1rem calc(0.95rem + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #edf2f7 !important;
    background: #fff !important;
    box-shadow: 0 -14px 30px rgba(15, 23, 42, 0.05) !important;
  }

  .runtime-categories-foot span {
    color: #64748b !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
  }

  .runtime-categories-foot strong {
    color: #008236 !important;
    font-size: 0.88rem !important;
    font-weight: 950 !important;
  }

  :root[data-cj-scrolled="true"] body.runtime-product-active .runtime-product-buy-bar {
    position: fixed !important;
    left: max(0.72rem, env(safe-area-inset-left)) !important;
    right: max(0.72rem, env(safe-area-inset-right)) !important;
    bottom: calc(0.62rem + env(safe-area-inset-bottom)) !important;
    z-index: 242 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.8rem !important;
    min-height: 3.65rem !important;
    padding: 0.55rem 0.62rem 0.55rem 0.82rem !important;
    border: 1px solid rgba(187, 247, 208, 0.9) !important;
    border-radius: 1.2rem !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 0.85rem 2rem rgba(15, 23, 42, 0.16) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
  }

  :root:not([data-cj-scrolled="true"]) body.runtime-product-active .runtime-product-buy-bar,
  body.runtime-mobile-panel-active .runtime-product-buy-bar,
  body:has(input:focus) .runtime-product-buy-bar,
  body:has(textarea:focus) .runtime-product-buy-bar,
  body:has(select:focus) .runtime-product-buy-bar {
    display: none !important;
  }

  .runtime-product-buy-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 0.12rem !important;
  }

  .runtime-product-buy-copy span {
    color: #64748b !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .runtime-product-buy-copy strong {
    color: #020617 !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  .runtime-product-buy-bar button {
    height: 2.75rem !important;
    border: 0 !important;
    border-radius: 0.95rem !important;
    background: #008236 !important;
    color: #fff !important;
    padding: 0 0.95rem !important;
    font: inherit !important;
    font-size: 0.88rem !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.42rem !important;
    box-shadow: 0 0.55rem 1.15rem rgba(0, 130, 54, 0.22) !important;
  }

  .runtime-product-buy-bar button svg {
    width: 1rem !important;
    height: 1rem !important;
  }
}

body.runtime-checkout-active .cj-checkout-topbar {
  grid-template-columns: minmax(4.8rem, auto) minmax(0, 1fr) minmax(3.2rem, auto) !important;
  align-items: center !important;
}

body.runtime-checkout-active .cj-checkout-back {
  justify-self: start !important;
}

body.runtime-checkout-active .cj-checkout-title {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
  text-align: center !important;
}

body.runtime-checkout-active .cj-checkout-title > span {
  color: #008236 !important;
  font-size: 0.64rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.runtime-checkout-active .cj-checkout-title h1 {
  margin: 0 !important;
  color: #020617 !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}

body.runtime-checkout-active .cj-checkout-secure {
  justify-self: end !important;
  min-height: 2rem !important;
  padding: 0 0.62rem !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  color: #008236 !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
}

body.runtime-checkout-active .cj-checkout-progress {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.35rem !important;
  padding: 0.58rem 0.75rem 0.7rem !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: #fff !important;
}

body.runtime-checkout-active .cj-checkout-progress span {
  min-width: 0 !important;
  padding: 0.38rem 0.45rem !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  text-align: center !important;
}

body.runtime-checkout-active .cj-checkout-progress span.is-complete {
  background: #ecfdf5 !important;
  color: #008236 !important;
}

body.runtime-checkout-active .cj-checkout-progress span.is-active {
  background: #008236 !important;
  color: #fff !important;
}

body.runtime-commerce-active .cj-success-order-number {
  display: inline-block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

body.runtime-commerce-active .cj-success-lead {
  max-width: min(34rem, 100%) !important;
  overflow-wrap: normal !important;
}

body.runtime-commerce-active .runtime-payment-bank-card,
body.runtime-commerce-active .runtime-payment-bank-row,
body.runtime-commerce-active .runtime-payment-bank-row strong {
  min-width: 0 !important;
}

body.runtime-commerce-active .runtime-payment-bank-row strong {
  display: block !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.25 !important;
}

@media (max-width: 380px) {
  main section[data-agriserra-legacy-hero="active"] {
    background-position: 66% 50% !important;
  }
}

@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  @supports (overflow: clip) {
    html,
    body {
      overflow-x: clip !important;
    }
  }

  body {
    padding-bottom: 0 !important;
    scroll-padding-bottom: var(--runtime-mobile-nav-reserve) !important;
  }

  main,
  section,
  footer,
  header,
  [data-runtime-header] {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  footer {
    margin-bottom: 0 !important;
    padding-bottom: calc(var(--runtime-mobile-nav-reserve) + 0.85rem) !important;
  }

  body.runtime-cart-active footer,
  body.runtime-checkout-active footer {
    padding-bottom: 1rem !important;
  }

  footer *,
  footer *::before,
  footer *::after {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  footer form,
  footer form.flex,
  footer form.flex.gap-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  footer input,
  footer select,
  footer textarea,
  main input,
  main select,
  main textarea {
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 16px !important;
  }

  .runtime-mobile-bottom-actions {
    width: auto !important;
    max-width: calc(100vw - 1.44rem) !important;
  }
}