:root {
  --color-forest: #648e3e;
  --color-forest-dark: #365522;
  --color-forest-light: #95b03b;
  --color-sage: #dce7a5;
  --color-sage-light: #f3f2ef;
  --color-bamboo: #95b03b;
  --color-gold: #95b03b;
  --color-gold-light: #e8edbd;
  --forest: #648e3e;
  --forest-dark: #365522;
  --cream: #f3f2ef;
  --campaign-ink: #2f4a1b;
  --campaign-leaf: #648e3e;
  --campaign-lime: #95b03b;
  --campaign-cream: #f3f2ef;
  --campaign-blush: #e7e3db;
  --campaign-shadow: 0 2.2rem 6rem rgba(72, 94, 43, 0.16);
}

body {
  background-color: #f3f2ef !important;
  color: #2f4a1b;
}

body,
button,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
strong,
em {
  font-family: "Outfit", sans-serif !important;
}

body::before {
  display: none !important;
  background: none !important;
}

body::after {
  background: #f3f2ef !important;
}

.premium-ambient span {
  background: radial-gradient(circle, rgba(149, 176, 59, 0.16), rgba(149, 176, 59, 0) 68%) !important;
}

nav[class*="fixed"],
.category-nav {
  border-color: rgba(100, 142, 62, 0.15) !important;
  background: rgba(243, 242, 239, 0.94) !important;
  box-shadow:
    0 0.9rem 2.5rem rgba(54, 85, 34, 0.13),
    inset 0 1px rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(20px) saturate(1.2) !important;
}

.category-submenu {
  border-color: rgba(100, 142, 62, 0.14) !important;
  background: rgba(243, 242, 239, 0.98) !important;
  box-shadow: 0 1.2rem 3rem rgba(54, 85, 34, 0.15) !important;
}

.category-links > a:hover,
.category-products > button:hover,
.category-products.is-open > button,
.category-submenu a:hover,
.category-submenu a[aria-current="page"] {
  background: rgba(220, 231, 165, 0.6) !important;
  color: #365522 !important;
}

.category-language {
  border-color: rgba(100, 142, 62, 0.22) !important;
  background: rgba(220, 231, 165, 0.3) !important;
}

.category-language button.is-active {
  background: #648e3e !important;
  box-shadow: 0 0.35rem 0.9rem rgba(54, 85, 34, 0.22) !important;
}

.premium-explore-button,
.category-explore,
.premium-filled-button:not(.home-product-categories a),
.home-products-action a,
.home-product-categories a[aria-current="page"],
.btn-primary,
.learn-more-dialog__action,
button[type="submit"] {
  border-color: rgba(255, 255, 255, 0.26) !important;
  background: linear-gradient(112deg, #648e3e 0%, #95b03b 54%, #648e3e 100%) !important;
  background-size: 220% 100% !important;
  color: #fff !important;
  box-shadow: 0 0.8rem 1.8rem rgba(100, 142, 62, 0.25) !important;
  -webkit-text-fill-color: #fff !important;
  transition:
    background-position 0.4s ease,
    box-shadow 0.35s ease,
    transform 0.35s ease !important;
}

.premium-explore-button:hover,
.category-explore:hover,
.premium-filled-button:not(.home-product-categories a):hover,
.home-products-action a:hover,
.home-product-categories a[aria-current="page"]:hover,
.btn-primary:hover,
.learn-more-dialog__action:hover,
button[type="submit"]:hover {
  background-position: 100% 0 !important;
  box-shadow: 0 1rem 2.2rem rgba(100, 142, 62, 0.32) !important;
  transform: translateY(-2px) !important;
}

#about h1 {
  background: linear-gradient(108deg, #365522 12%, #648e3e 44%, #95b03b 66%, #365522 88%) !important;
  background-size: 230% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.premium-color-title:not(.campaign-category-hero h1):not(.campaign-frame h3) {
  color: #365522 !important;
  -webkit-text-fill-color: #365522 !important;
}

#features {
  border-color: rgba(100, 142, 62, 0.16) !important;
  background: #f3f2ef !important;
}

#features::before {
  display: none !important;
}

#home-products {
  border-color: rgba(100, 142, 62, 0.12) !important;
  background: #f3f2ef !important;
}

#comparison {
  border-color: rgba(100, 142, 62, 0.13) !important;
  background: #f3f2ef !important;
}

#comparison tbody td,
#comparison tbody td * {
  text-align: left !important;
}

#comparison tbody td > div {
  justify-content: flex-start !important;
}

#contact {
  display: none !important;
  background: #f3f2ef !important;
}

.glass-card:not(.glass-card-dark),
.home-product-card,
.category-product-card,
.learn-more-dialog {
  border-color: rgba(100, 142, 62, 0.16) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow:
    0 1.1rem 2.8rem rgba(72, 94, 43, 0.1),
    inset 0 1px rgba(255, 255, 255, 0.96) !important;
}

.glass-card:not(.glass-card-dark):hover,
.home-product-card:hover,
.category-product-card:hover {
  border-color: rgba(149, 176, 59, 0.42) !important;
  box-shadow:
    0 1.6rem 3.5rem rgba(72, 94, 43, 0.15),
    inset 0 1px rgba(255, 255, 255, 0.98) !important;
}

.premium-pillar-item {
  border-color: rgba(100, 142, 62, 0.15) !important;
}

.premium-pillar-item:hover {
  background: rgba(255, 255, 255, 0.35) !important;
}

.premium-pillar-tag,
.home-products-eyebrow,
.category-kicker,
.category-product-stage {
  border-color: rgba(100, 142, 62, 0.18) !important;
  background: rgba(220, 231, 165, 0.72) !important;
  color: #4d712e !important;
  -webkit-text-fill-color: #4d712e !important;
}

.home-product-categories a[aria-current="page"] {
  border-color: rgba(255, 255, 255, 0.26) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (min-width: 901px) {
  .campaign-section-heading {
    width: min(94vw, 90rem) !important;
    max-width: none !important;
  }

  .home-products-heading h2,
  .campaign-section-heading h2 {
    width: 100% !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  .home-products-heading h2 {
    font-size: clamp(3rem, 3.45vw, 4.1rem) !important;
  }

  .campaign-section-heading h2 {
    font-size: clamp(3rem, 4.7vw, 5rem) !important;
  }
}

#home-products .home-products-heading {
  display: flex;
  width: 100% !important;
  max-width: 80rem !important;
  flex-direction: column;
  align-items: center;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

#home-products .home-products-heading > *,
#home-products .home-products-heading h2,
#home-products .home-products-heading p {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

#home-products .home-product-categories {
  width: 100%;
  align-items: center;
  justify-content: center !important;
  margin-right: auto;
  margin-left: auto;
}

.home-product-categories a:not([aria-current="page"]) {
  border-color: rgba(100, 142, 62, 0.18) !important;
  background: rgba(255, 255, 255, 0.68) !important;
  color: #365522 !important;
  -webkit-text-fill-color: #365522 !important;
}

.home-product-categories a:not([aria-current="page"]):hover {
  border-color: rgba(149, 176, 59, 0.5) !important;
  background: rgba(220, 231, 165, 0.62) !important;
}

.gradient-text {
  background: linear-gradient(135deg, #648e3e 0%, #95b03b 55%, #b4c96a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* The campaign section now mirrors the flat color blocks in the Instagram grid. */
.campaign-experience {
  border-color: rgba(100, 142, 62, 0.14);
  background: #f3f2ef !important;
}

.campaign-experience::before,
.campaign-experience::after {
  display: none !important;
}

.campaign-section-heading h2,
.campaign-moments__intro h3,
.campaign-manifesto h3 {
  color: #365522 !important;
  -webkit-text-fill-color: #365522 !important;
}

.campaign-section-heading h2 em {
  color: #95b03b;
  font-style: normal;
  font-weight: inherit;
}

.campaign-eyebrow {
  color: #648e3e;
}

.home-products-eyebrow.standard-eyebrow-pill,
.standard-eyebrow-pill {
  display: inline-flex !important;
  width: max-content !important;
  min-height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.8rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #648e3e !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #648e3e !important;
}

.standard-eyebrow-pill svg {
  display: none !important;
}

.standard-eyebrow-pill::before,
.standard-eyebrow-pill::after {
  display: block !important;
  width: clamp(2.5rem, 4vw, 4rem);
  height: 1px;
  flex: 0 0 auto;
  background: rgba(100, 142, 62, 0.45);
  content: "" !important;
}

@media (min-width: 901px) {
  .campaign-section-heading p {
    width: max-content;
    max-width: none !important;
    white-space: nowrap;
    text-wrap: nowrap;
  }
}

.campaign-manifesto {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-color: rgba(100, 142, 62, 0.2);
  background: #365522;
  box-shadow: 0 1.6rem 4rem rgba(72, 94, 43, 0.12);
  text-align: left;
}

.campaign-manifesto,
.campaign-manifesto h3,
.campaign-manifesto p,
.campaign-manifesto__number {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.campaign-manifesto__number,
.campaign-photo figcaption span {
  display: none !important;
}

.campaign-manifesto__number {
  position: absolute;
  top: clamp(2.25rem, 4vw, 4rem);
  left: clamp(2.25rem, 4vw, 4rem);
  margin: 0 !important;
}

.campaign-manifesto h3,
.campaign-manifesto p {
  width: min(100%, 29rem);
  margin-right: 0;
  margin-left: 0;
  text-align: left !important;
}

.campaign-manifesto::after {
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 1.5rem rgba(255, 255, 255, 0.035);
}

.campaign-cinema__sticky {
  background: #365522;
}

@media (max-width: 1023px) {
  #about .lg\:hidden.grid > div:last-child {
    display: none !important;
  }

  #root div.fixed.inset-0.z-40 a,
  #root div.fixed.inset-0.z-40 .products-mobile-title,
  #root div.fixed.inset-0.z-40 .products-mobile-submenu a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  #root div.fixed.inset-0.z-40 .gap-6:has(svg.lucide-search) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #root nav.fixed {
    padding: 0.65rem 0.75rem !important;
  }

  #root nav.fixed > div:first-child {
    position: relative;
    min-height: 3.2rem;
  }

  #root nav.fixed > div:first-child > a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
  }

  #root nav.fixed > div:first-child > a:first-child img {
    height: 2.8rem !important;
    max-width: 12.5rem;
  }

  #root nav.fixed > div:first-child > div:last-child {
    width: 100%;
    justify-content: space-between;
  }

  #root nav.fixed > div:first-child > div:last-child > div:first-child {
    display: flex !important;
    position: relative;
    z-index: 3;
  }

  #root nav.fixed > div:first-child > div:last-child > div:first-child button {
    padding-right: 0.65rem !important;
    padding-left: 0.65rem !important;
  }

  #root nav.fixed > div:first-child > div:last-child > button:last-child {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    padding: 0.55rem !important;
    margin-left: auto;
    border: 1px solid rgba(54, 85, 34, 0.12);
    background: rgba(255, 255, 255, 0.54);
  }

  #root nav.fixed > div:first-child > div:last-child > button:last-child svg {
    width: 1.65rem !important;
    height: 1.65rem !important;
  }
}

@media (max-width: 639px) {
  #root main h2 {
    font-size: 1.8rem !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
  }

  .home-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  .home-product-card {
    padding: 0.9rem !important;
    border-radius: 1.5rem !important;
  }

  .home-product-card:last-child {
    grid-column: 1 / -1 !important;
    width: calc(50% - 0.375rem) !important;
    justify-self: center;
  }

  .home-product-stage {
    margin-bottom: 0.75rem !important;
    padding: 0.38rem 0.65rem !important;
    font-size: 0.58rem !important;
  }

  .home-product-image-wrap {
    margin-bottom: 0.9rem !important;
    padding: 0.35rem !important;
    border-radius: 1rem !important;
  }

  .home-product-card h3 {
    font-size: 0.98rem !important;
    line-height: 1.18 !important;
  }

  .home-product-description {
    margin: 0.55rem 0 0.9rem !important;
    font-size: 0.74rem !important;
    line-height: 1.42 !important;
  }

  .home-product-weights {
    gap: 0.3rem !important;
    padding-top: 0.75rem !important;
  }

  .home-product-weights span {
    padding: 0.32rem 0.45rem !important;
    font-size: 0.56rem !important;
  }

  .campaign-editorial {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  .campaign-editorial-side {
    display: contents !important;
  }

  .campaign-photo--family {
    order: 1;
  }

  .campaign-photo--play {
    order: 2;
  }

  .campaign-manifesto {
    order: 3;
    grid-column: 1 / -1;
    min-height: auto;
    padding: 1.6rem !important;
    border-radius: 1.6rem !important;
    align-items: center !important;
    text-align: center !important;
  }

  .campaign-photo--family,
  .campaign-photo--play {
    min-height: 0 !important;
    aspect-ratio: 3 / 4;
    border-radius: 1.6rem !important;
  }

  .campaign-photo--family figcaption,
  .campaign-photo--play figcaption {
    padding: 1rem !important;
  }

  .campaign-photo--family figcaption strong,
  .campaign-photo--play figcaption strong {
    font-size: 1rem !important;
    line-height: 1.08 !important;
  }

  .campaign-manifesto h3 {
    width: 100% !important;
    font-size: 1.45rem !important;
    text-align: center !important;
  }

  .campaign-manifesto p {
    width: 100% !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  #features .grid:has(> .h-full > .glass-card) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  #features .grid:has(> .h-full > .glass-card) > .h-full {
    min-width: 0;
  }

  #features .grid:has(> .h-full > .glass-card) .glass-card {
    min-width: 0;
    padding: 0.9rem !important;
    border-radius: 1.5rem !important;
  }

  #features .grid:has(> .h-full > .glass-card) .glass-card > div:first-child > * + * {
    margin-top: 0.8rem !important;
  }

  #features .grid:has(> .h-full > .glass-card) .glass-card > div:first-child > div:first-child {
    height: 2.75rem !important;
    border-radius: 999px !important;
  }

  #features .grid:has(> .h-full > .glass-card) .glass-card h3 {
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
  }

  #features .grid:has(> .h-full > .glass-card) .glass-card p {
    font-size: 0.76rem !important;
    line-height: 1.4 !important;
  }

  #features .grid:has(> .h-full > .glass-card) [data-learn-more-trigger] {
    min-height: 2.7rem;
    justify-content: center !important;
    gap: 0.35rem !important;
    padding: 0.55rem 0.7rem !important;
    margin-top: 1rem !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.08em !important;
  }

  #features .grid:has(> .h-full > .glass-card) [data-learn-more-trigger] > * {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.campaign-moments {
  position: relative;
}

.campaign-moments::before {
  display: none !important;
}

.campaign-cinema,
.campaign-moments {
  display: none !important;
}

#about,
#features,
#home-products,
#comparison,
#contact,
#campaign-story,
main,
main > div {
  background-color: #f3f2ef !important;
  background-image: none !important;
}

#about > .premium-section-motion,
#features > .premium-section-motion,
#home-products > .premium-section-motion,
#contact > .premium-section-motion {
  display: none !important;
}

.premium-ambient {
  display: none !important;
}

/* Category pages carry the same clean ivory-and-green language. */
body.campaign-category-ready {
  background: #f3f2ef !important;
}

.campaign-category-hero::after {
  background:
    linear-gradient(90deg, rgba(54, 85, 34, 0.8), rgba(54, 85, 34, 0.12) 68%),
    linear-gradient(180deg, rgba(54, 85, 34, 0.12), transparent 38%, rgba(54, 85, 34, 0.48));
}

.category-panel {
  border-color: rgba(100, 142, 62, 0.15) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(220, 231, 165, 0.45), transparent 22rem),
    rgba(243, 242, 239, 0.94) !important;
  box-shadow: 0 1.5rem 4.2rem rgba(72, 94, 43, 0.12) !important;
}

.category-product-image {
  background:
    linear-gradient(140deg, rgba(220, 231, 165, 0.44), rgba(243, 242, 239, 0.65)),
    #f3f2ef !important;
}

.category-product-weights span,
.category-placeholder {
  border-color: rgba(100, 142, 62, 0.15) !important;
  background: rgba(220, 231, 165, 0.55) !important;
  color: #365522 !important;
}

@media (max-width: 700px) {
  #features {
    background-color: #f3f2ef !important;
  }

  #contact {
    background-color: #f3f2ef !important;
  }

  .campaign-manifesto {
    background: #365522;
  }
}

.campaign-photo--family figcaption,
.campaign-photo--play figcaption {
  display: none !important;
}

.mobile-carousel-controls {
  display: none;
}

.home-product-card:not(.home-product-card--wipes) h3 {
  min-height: 2rem !important;
}

.home-product-card:not(.home-product-card--wipes) .home-product-description {
  margin-top: 0.45rem !important;
  margin-bottom: 1.15rem !important;
}

.home-product-card:not(.home-product-card--wipes) .home-product-weights {
  padding-top: 1rem !important;
}

/* Keep the About story copy anchored to the left at every breakpoint. */
.about-story-copy {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  align-items: flex-start !important;
}

.about-story-copy > h1,
.about-story-copy > h2,
.about-story-copy > h3,
.about-story-copy > p {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

/* Bring the materials marquee closer to the feature cards above it. */
#about > div:has(.animate-marquee) {
  margin-top: 2.25rem !important;
}

@media (max-width: 640px) {
  #about > div:has(.animate-marquee) {
    margin-top: 1.75rem !important;
  }
}

.category-product-image {
  background: #fff !important;
  background-image: none !important;
}

/* Keep the ingredient detail cards at the same readable scale as the homepage. */
main .grid.md\:grid-cols-2.gap-8.mb-16 > .glass-card h3 {
  font-size: 19px !important;
  line-height: 1.25 !important;
}

main .grid.md\:grid-cols-2.gap-8.mb-16 > .glass-card > .flex p {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

main .grid.md\:grid-cols-2.gap-8.mb-16 > .glass-card > p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

main .grid.md\:grid-cols-2.gap-8.mb-16 + .glass-card h3 {
  font-size: 20px !important;
  line-height: 1.3 !important;
}

main .grid.md\:grid-cols-2.gap-8.mb-16 + .glass-card p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

@media (max-width: 639px) {
  #about {
    padding-bottom: 0 !important;
  }

  .campaign-experience {
    padding-top: 2.25rem !important;
  }

  #features h2 {
    font-size: clamp(1.65rem, 7.4vw, 1.95rem) !important;
    line-height: 1.08 !important;
  }

  #features .feature-heading-line {
    display: block;
    white-space: nowrap !important;
  }

  .mobile-carousel-shell {
    position: relative;
  }

  .mobile-card-carousel {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    gap: 0.8rem !important;
    overflow-x: auto;
    padding: 0.15rem;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }

  .mobile-card-carousel::-webkit-scrollbar {
    display: none;
  }

  .mobile-card-carousel > * {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .home-products-grid.mobile-card-carousel .home-product-card {
    padding: 1.35rem !important;
    border-radius: 2rem !important;
  }

  .home-products-grid.mobile-card-carousel .home-product-card:last-child {
    grid-column: auto !important;
    width: 100% !important;
  }

  .home-products-grid.mobile-card-carousel .home-product-stage {
    margin-bottom: 1.15rem !important;
    padding: 0.48rem 0.9rem !important;
    font-size: 0.68rem !important;
  }

  .home-products-grid.mobile-card-carousel .home-product-image-wrap {
    margin-bottom: 1.35rem !important;
    padding: 0.8rem !important;
    border-radius: 1.35rem !important;
  }

  .home-products-grid.mobile-card-carousel .home-product-card h3 {
    font-size: 1.35rem !important;
  }

  .home-products-grid.mobile-card-carousel .home-product-description {
    margin: 0.75rem 0 1.35rem !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
  }

  .home-products-grid.mobile-card-carousel .home-product-weights {
    gap: 0.55rem !important;
    padding-top: 1.15rem !important;
  }

  .home-products-grid.mobile-card-carousel .home-product-weights span {
    padding: 0.45rem 0.75rem !important;
    font-size: 0.65rem !important;
  }

  #features .grid.mobile-card-carousel:has(> .h-full > .glass-card) {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    gap: 0.8rem !important;
  }

  #features .grid.mobile-card-carousel .glass-card {
    min-height: 26rem;
    padding: 1.5rem !important;
    border-radius: 2rem !important;
  }

  #features .grid.mobile-card-carousel .glass-card > div:first-child > div:first-child {
    height: 3.5rem !important;
  }

  #features .grid.mobile-card-carousel .glass-card h3 {
    font-size: 1.3rem !important;
  }

  #features .grid.mobile-card-carousel .glass-card p {
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
  }

  #features .grid.mobile-card-carousel [data-learn-more-trigger] {
    min-height: 3.15rem;
    padding: 0.75rem 1rem !important;
    font-size: 0.7rem !important;
  }

  .mobile-carousel-controls {
    display: flex;
    position: absolute;
    z-index: 5;
    top: 34%;
    right: -0.15rem;
    left: -0.15rem;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    pointer-events: none;
    transform: translateY(-50%);
  }

  .mobile-carousel-arrow {
    display: inline-flex;
    width: 2.25rem;
    height: 3.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(54, 85, 34, 0.14);
    background: rgba(250, 249, 244, 0.94);
    color: #365522;
    box-shadow: 0 0.65rem 1.5rem rgba(54, 85, 34, 0.13);
    font-size: 0.9rem;
    cursor: pointer;
    pointer-events: auto;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .mobile-carousel-arrow--prev {
    border-radius: 0 1.1rem 1.1rem 0;
    border-left: 0;
  }

  .mobile-carousel-arrow--next {
    border-radius: 1.1rem 0 0 1.1rem;
    border-right: 0;
  }

  .mobile-carousel-arrow:disabled {
    opacity: 0;
    visibility: hidden;
    cursor: default;
  }

  .mobile-carousel-status {
    display: none;
  }
}