/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css");
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/all.min.css");
@font-face {
  font-family: "TAN Nimbus";
  src: local("TAN Nimbus"), local("TANNimbus-Regular");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

/* line 7, app/assets/stylesheets/scss/_ww_base.scss */
html {
  -webkit-text-size-adjust: 100%;
}

/* line 11, app/assets/stylesheets/scss/_ww_base.scss */
body {
  background: #f5f0e8;
  color: #09371f;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* line 21, app/assets/stylesheets/scss/_ww_base.scss */
p {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* line 25, app/assets/stylesheets/scss/_ww_base.scss */
h1, h2, h3,
.h1, .h2, .h3 {
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 144;
  letter-spacing: -0.01em;
  line-height: 1.05;
  color: inherit;
  text-wrap: balance;
}

/* line 32, app/assets/stylesheets/scss/_ww_base.scss */
h4, h5, h6,
.h4, .h5, .h6 {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 500;
  color: inherit;
  text-wrap: balance;
}

/* line 40, app/assets/stylesheets/scss/_ww_base.scss */
a {
  color: #09371f;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* line 46, app/assets/stylesheets/scss/_ww_base.scss */
a:hover {
  color: #09371f;
  text-decoration-thickness: 2px;
}

/* line 52, app/assets/stylesheets/scss/_ww_base.scss */
:focus-visible {
  outline: 2px solid #09371f;
  outline-offset: 2px;
}

/* line 56, app/assets/stylesheets/scss/_ww_base.scss */
strong, b {
  font-weight: 500;
}

/* line 60, app/assets/stylesheets/scss/_ww_base.scss */
.text-muted {
  color: #6c8573 !important;
}

/* line 64, app/assets/stylesheets/scss/_ww_base.scss */
.bg-light {
  background-color: #e7e5dc !important;
}

/* line 68, app/assets/stylesheets/scss/_ww_base.scss */
.lead {
  font-size: 1.125rem;
  font-weight: 400;
}

/* line 73, app/assets/stylesheets/scss/_ww_base.scss */
.ww-container {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
}

/* line 77, app/assets/stylesheets/scss/_ww_base.scss */
.ww-eyebrow {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6c8573;
}

/* line 87, app/assets/stylesheets/scss/_ww_base.scss */
.ww-num {
  font-variant-numeric: tabular-nums;
}

/* line 93, app/assets/stylesheets/scss/_ww_base.scss */
.ww-section {
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

/* line 98, app/assets/stylesheets/scss/_ww_base.scss */
.ww-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 2rem;
  margin-bottom: 1.75rem;
}

/* line 106, app/assets/stylesheets/scss/_ww_base.scss */
.ww-section-head h2 {
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  margin: 0;
}

/* line 111, app/assets/stylesheets/scss/_ww_base.scss */
.ww-section-head p {
  margin: 0.5rem 0 0;
  max-width: 38rem;
  color: #3d604b;
}

/* line 118, app/assets/stylesheets/scss/_ww_base.scss */
.ww-section-link {
  font-weight: 500;
  white-space: nowrap;
}

/* line 127, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.75rem;
  padding: 0.6rem 1.25rem;
  border: 1.5px solid transparent;
  border-radius: 999px;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* line 146, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn:hover {
  text-decoration: none;
}

/* line 151, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--cta {
  background: #ff0099;
  border-color: #ff0099;
  color: #ffffff;
}

/* line 156, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--cta:hover, .ww-btn--cta:focus-visible {
  background: #80004c;
  border-color: #80004c;
  color: #ffffff;
}

/* line 164, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--dark {
  background: #09371f;
  border-color: #09371f;
  color: #f5f0e8;
}

/* line 169, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--dark:hover, .ww-btn--dark:focus-visible {
  background: #062716;
  border-color: #062716;
  color: #f5f0e8;
}

/* line 177, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--ghost {
  background: transparent;
  border-color: #09371f;
  color: #09371f;
}

/* line 182, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--ghost:hover, .ww-btn--ghost:focus-visible {
  background: #09371f;
  color: #f5f0e8;
}

/* line 189, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--sm {
  min-height: 2.25rem;
  padding: 0.4rem 0.95rem;
  font-size: 0.875rem;
}

/* line 195, app/assets/stylesheets/scss/_ww_base.scss */
.ww-btn--block {
  display: flex;
  width: 100%;
}

/* line 202, app/assets/stylesheets/scss/_ww_base.scss */
.btn {
  border-radius: 999px;
  font-weight: 500;
}

/* line 206, app/assets/stylesheets/scss/_ww_base.scss */
.btn-primary {
  background-color: #09371f;
  border-color: #09371f;
  color: #f5f0e8;
}

/* line 211, app/assets/stylesheets/scss/_ww_base.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #062716;
  border-color: #062716;
  color: #f5f0e8;
}

/* line 217, app/assets/stylesheets/scss/_ww_base.scss */
.btn-outline-primary {
  border-color: #09371f;
  color: #09371f;
}

/* line 221, app/assets/stylesheets/scss/_ww_base.scss */
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #09371f;
  border-color: #09371f;
  color: #f5f0e8;
}

/* line 227, app/assets/stylesheets/scss/_ww_base.scss */
.btn-link {
  color: #09371f;
  font-weight: 500;
}

/* line 237, app/assets/stylesheets/scss/_ww_base.scss */
.trust-badge,
.ww-badge-verified {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: #dff0e4;
  color: #09371f;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}

/* line 254, app/assets/stylesheets/scss/_ww_base.scss */
.trust-badge.badge-secondary,
.ww-badge-verified.badge-secondary {
  background: #dff0e4;
  color: #09371f;
}

/* line 259, app/assets/stylesheets/scss/_ww_base.scss */
.trust-badge i,
.ww-badge-verified i {
  font-size: 0.7rem;
}

/* line 263, app/assets/stylesheets/scss/_ww_base.scss */
a.trust-badge:hover,
a.trust-badge:focus {
  background: #09371f;
  color: #f5f0e8;
  text-decoration: none;
}

/* line 271, app/assets/stylesheets/scss/_ww_base.scss */
.ww-badge-best {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  background: #ff0099;
  color: #ffffff;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

/* line 288, app/assets/stylesheets/scss/_ww_base.scss */
.ww-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

/* line 294, app/assets/stylesheets/scss/_ww_base.scss */
.ww-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid #d4d6cc;
  border-radius: 999px;
  background: #f5f0e8;
  color: #3d604b;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

/* line 309, app/assets/stylesheets/scss/_ww_base.scss */
.ww-tag--full_spectrum {
  border-color: #55d6e3;
  background: #daf6f9;
  color: #005371;
}

/* line 315, app/assets/stylesheets/scss/_ww_base.scss */
.ww-tag--broad_spectrum {
  border-color: #ce960f;
  background: #f5eacf;
  color: #6b4e08;
}

/* line 323, app/assets/stylesheets/scss/_ww_base.scss */
.ww-dot {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #b3bcb0;
  flex-shrink: 0;
}

/* line 331, app/assets/stylesheets/scss/_ww_base.scss */
.ww-dot--full_spectrum {
  background: #55d6e3;
}

/* line 332, app/assets/stylesheets/scss/_ww_base.scss */
.ww-dot--broad_spectrum {
  background: #ce960f;
}

/* line 336, app/assets/stylesheets/scss/_ww_base.scss */
.form-control {
  border: 1px solid #b3bcb0;
  border-radius: 6px;
  background-color: #ffffff;
  color: #09371f;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* line 343, app/assets/stylesheets/scss/_ww_base.scss */
.form-control:focus {
  border-color: #09371f;
  box-shadow: 0 0 0 3px rgba(9, 55, 31, 0.15);
  color: #09371f;
}

/* line 349, app/assets/stylesheets/scss/_ww_base.scss */
.form-control::placeholder {
  color: #6c8573;
}

/* line 356, app/assets/stylesheets/scss/_ww_base.scss */
.breadcrumb {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
  background: transparent;
  font-size: 0.875rem;
}

/* line 364, app/assets/stylesheets/scss/_ww_base.scss */
.breadcrumb .breadcrumb-item {
  color: #6c8573;
}

/* line 367, app/assets/stylesheets/scss/_ww_base.scss */
.breadcrumb .breadcrumb-item a {
  color: #3d604b;
}

/* line 371, app/assets/stylesheets/scss/_ww_base.scss */
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #b3bcb0;
  content: "/";
}

/* line 376, app/assets/stylesheets/scss/_ww_base.scss */
.breadcrumb .breadcrumb-item.active {
  color: #09371f;
}

/* line 386, app/assets/stylesheets/scss/_ww_base.scss */
header.masthead-banner {
  margin: 0;
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  background: #09371f;
  color: #f5f0e8;
}

/* line 392, app/assets/stylesheets/scss/_ww_base.scss */
header.masthead-banner .overlay {
  display: none;
}

/* line 396, app/assets/stylesheets/scss/_ww_base.scss */
header.masthead-banner .container-custom,
header.masthead-banner .container-banner {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
  padding-left: clamp(16px, 4vw, 40px) !important;
  padding-right: clamp(16px, 4vw, 40px) !important;
}

/* line 403, app/assets/stylesheets/scss/_ww_base.scss */
header.masthead-banner h1 {
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  color: #f5f0e8;
  margin-bottom: 0.75rem !important;
}

/* line 409, app/assets/stylesheets/scss/_ww_base.scss */
header.masthead-banner p,
header.masthead-banner .lead,
header.masthead-banner .landing-intro {
  max-width: 44rem;
  color: rgba(245, 240, 232, 0.78);
}

/* line 416, app/assets/stylesheets/scss/_ww_base.scss */
header.masthead-banner a {
  color: #f5f0e8;
}

/* line 422, app/assets/stylesheets/scss/_ww_base.scss */
.ww-page-title {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
  padding-top: clamp(1.5rem, 4vw, 2.5rem);
  padding-bottom: 0.5rem;
}

/* line 427, app/assets/stylesheets/scss/_ww_base.scss */
.ww-page-title h1 {
  font-size: clamp(2rem, 4.5vw, 3rem);
  margin: 0;
}

/* line 432, app/assets/stylesheets/scss/_ww_base.scss */
.ww-page-title p {
  margin: 0.5rem 0 0;
  color: #3d604b;
  max-width: 40rem;
}

/* line 441, app/assets/stylesheets/scss/_ww_base.scss */
#flash_messages {
  background: transparent;
}

/* line 444, app/assets/stylesheets/scss/_ww_base.scss */
#flash_messages .warning,
#flash_messages .alert {
  margin: 0;
  padding: 0.75rem clamp(16px, 4vw, 40px);
  border: 0;
  border-radius: 0;
  background: #09371f;
  color: #f5f0e8;
  text-align: center;
}

/* line 454, app/assets/stylesheets/scss/_ww_base.scss */
#flash_messages .warning p,
#flash_messages .alert p {
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  /* line 461, app/assets/stylesheets/scss/_ww_base.scss */
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }
}

/* line 473, app/assets/stylesheets/scss/_ww_base.scss */
.ww-section--flush {
  padding-top: 0;
}

/* line 478, app/assets/stylesheets/scss/_ww_base.scss */
.ww-media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 10;
  background: #e7e5dc;
  overflow: hidden;
}

/* line 486, app/assets/stylesheets/scss/_ww_base.scss */
.ww-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.75rem;
}

/* line 493, app/assets/stylesheets/scss/_ww_base.scss */
.ww-media img.ww-media__placeholder {
  width: 56px;
  height: 56px;
  padding: 0;
  opacity: 0.35;
}

/* line 500, app/assets/stylesheets/scss/_ww_base.scss */
.ww-media .ww-badge-best {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}

/* line 507, app/assets/stylesheets/scss/_ww_base.scss */
.ww-brandrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  font-size: 0.875rem;
}

/* line 514, app/assets/stylesheets/scss/_ww_base.scss */
.ww-brandrow > a:not(.trust-badge) {
  color: #3d604b;
}

/* line 519, app/assets/stylesheets/scss/_ww_base.scss */
.ww-card-title {
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 144;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0;
  font-size: 1.3rem;
}

/* line 524, app/assets/stylesheets/scss/_ww_base.scss */
.ww-card-title a {
  color: inherit;
  text-decoration: none;
}

/* line 528, app/assets/stylesheets/scss/_ww_base.scss */
.ww-card-title a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* line 536, app/assets/stylesheets/scss/_ww_base.scss */
.ww-metric {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 0.65rem;
  border-top: 1px solid #d4d6cc;
}

/* line 545, app/assets/stylesheets/scss/_ww_base.scss */
.ww-metric__value {
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 144;
  letter-spacing: -0.01em;
  line-height: 1.05;
  font-size: 1.7rem;
  line-height: 1;
}

/* line 550, app/assets/stylesheets/scss/_ww_base.scss */
.ww-metric__unit {
  font-size: 0.8125rem;
  color: #3d604b;
}

/* line 554, app/assets/stylesheets/scss/_ww_base.scss */
.ww-metric__side {
  font-size: 0.8125rem;
  color: #6c8573;
  text-align: right;
  line-height: 1.4;
}

/* line 561, app/assets/stylesheets/scss/_ww_base.scss */
.ww-unverified {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6c8573;
}

/* line 567, app/assets/stylesheets/scss/_ww_base.scss */
.ww-verified-mark {
  flex-shrink: 0;
}

/* line 572, app/assets/stylesheets/scss/_ww_base.scss */
button,
input,
select,
textarea {
  font-family: inherit;
}

/* line 5, app/assets/stylesheets/scss/_navbar.scss */
.sticky-top {
  background-color: #f5f0e8;
  z-index: 1020;
}

/* line 10, app/assets/stylesheets/scss/_navbar.scss */
.ww-topbar {
  background: #f5f0e8;
  border-bottom: 1px solid #d4d6cc;
}

/* line 15, app/assets/stylesheets/scss/_navbar.scss */
.ww-topbar__inner {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "logo search link";
  align-items: center;
  gap: 0.75rem clamp(1rem, 3vw, 2.5rem);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (max-width: 767.98px) {
  /* line 15, app/assets/stylesheets/scss/_navbar.scss */
  .ww-topbar__inner {
    grid-template-columns: auto 1fr;
    grid-template-areas: "logo link" "search search";
  }
}

/* line 33, app/assets/stylesheets/scss/_navbar.scss */
.ww-topbar__logo {
  grid-area: logo;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}

/* line 40, app/assets/stylesheets/scss/_navbar.scss */
.ww-topbar__logo img {
  display: block;
  width: auto;
  height: 34px;
  mix-blend-mode: multiply;
}

/* line 50, app/assets/stylesheets/scss/_navbar.scss */
.ww-topbar__search {
  grid-area: search;
  max-width: 34rem;
  width: 100%;
  justify-self: center;
}

/* line 57, app/assets/stylesheets/scss/_navbar.scss */
.ww-topbar__link {
  grid-area: link;
  justify-self: end;
  padding: 0.5rem 0.25rem;
  font-weight: 500;
  color: #09371f;
  text-decoration: none;
}

/* line 65, app/assets/stylesheets/scss/_navbar.scss */
.ww-topbar__link:hover {
  color: #09371f;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

/* line 76, app/assets/stylesheets/scss/_navbar.scss */
.ww-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}

/* line 84, app/assets/stylesheets/scss/_navbar.scss */
.ww-search__input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 2.75rem;
  padding: 0 3.25rem 0 1.25rem;
  border: 1px solid #b3bcb0;
  border-radius: 999px;
  background: #ffffff;
  color: #09371f;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  -webkit-appearance: none;
  appearance: none;
}

/* line 99, app/assets/stylesheets/scss/_navbar.scss */
.ww-search__input::placeholder {
  color: #6c8573;
}

/* line 103, app/assets/stylesheets/scss/_navbar.scss */
.ww-search__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 107, app/assets/stylesheets/scss/_navbar.scss */
.ww-search__input:focus {
  outline: none;
  border-color: #09371f;
  box-shadow: 0 0 0 3px rgba(9, 55, 31, 0.15);
}

/* line 114, app/assets/stylesheets/scss/_navbar.scss */
.ww-search__btn {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #09371f;
  cursor: pointer;
}

/* line 131, app/assets/stylesheets/scss/_navbar.scss */
.ww-search__btn:hover {
  background: #e7e5dc;
}

/* line 139, app/assets/stylesheets/scss/_navbar.scss */
.ww-search--hero .ww-search__input {
  height: 3.75rem;
  padding: 0 9rem 0 1.5rem;
  border: 0;
  font-size: 1.0625rem;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

/* line 146, app/assets/stylesheets/scss/_navbar.scss */
.ww-search--hero .ww-search__input:focus {
  box-shadow: 0 0 0 3px rgba(255, 0, 153, 0.35);
}

/* line 151, app/assets/stylesheets/scss/_navbar.scss */
.ww-search--hero .ww-search__btn {
  right: 0.4rem;
  width: auto;
  height: 3rem;
  padding: 0 1.4rem;
  gap: 0.4rem;
  border-radius: 999px;
  background: #ff0099;
  color: #ffffff;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

/* line 164, app/assets/stylesheets/scss/_navbar.scss */
.ww-search--hero .ww-search__btn:hover, .ww-search--hero .ww-search__btn:focus-visible {
  background: #80004c;
}

@media (max-width: 479.98px) {
  /* line 171, app/assets/stylesheets/scss/_navbar.scss */
  .ww-search--hero .ww-search__input {
    padding-right: 3.75rem;
  }
  /* line 174, app/assets/stylesheets/scss/_navbar.scss */
  .ww-search--hero .ww-search__btn {
    width: 3rem;
    padding: 0;
  }
  /* line 178, app/assets/stylesheets/scss/_navbar.scss */
  .ww-search--hero .ww-search__btn-label {
    display: none;
  }
}

/* line 6, app/assets/stylesheets/scss/_masthead.scss */
.ww-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  margin: 0;
  background: #09371f;
  color: #f5f0e8;
}

@media (max-width: 859.98px) {
  /* line 6, app/assets/stylesheets/scss/_masthead.scss */
  .ww-hero {
    grid-template-columns: 1fr;
  }
}

/* line 18, app/assets/stylesheets/scss/_masthead.scss */
.ww-hero__copy {
  align-self: center;
  padding: clamp(3rem, 7vw, 6rem) clamp(1.5rem, 5vw, 4.5rem) clamp(3rem, 7vw, 6rem);
  padding-left: clamp(16px, 4vw, 40px);
}

@media (min-width: 1320px) {
  /* line 18, app/assets/stylesheets/scss/_masthead.scss */
  .ww-hero__copy {
    padding-left: calc((100vw - 1240px) / 2 + 40px);
  }
}

@media (max-width: 859.98px) {
  /* line 18, app/assets/stylesheets/scss/_masthead.scss */
  .ww-hero__copy {
    padding: 2.5rem clamp(16px, 4vw, 40px) 3rem;
  }
}

/* line 33, app/assets/stylesheets/scss/_masthead.scss */
.ww-hero__copy .hero-headline {
  margin: 0;
  font-size: clamp(2.4rem, 5.2vw, 4.3rem);
  color: #f5f0e8;
}

/* line 39, app/assets/stylesheets/scss/_masthead.scss */
.ww-hero__copy .hero-subheadline {
  max-width: 34rem;
  margin: 1.4rem 0 1.9rem;
  font-size: clamp(1.05rem, 1.6vw, 1.2rem);
  color: rgba(245, 240, 232, 0.78);
}

/* line 47, app/assets/stylesheets/scss/_masthead.scss */
.masthead-search {
  max-width: 36rem;
}

/* line 51, app/assets/stylesheets/scss/_masthead.scss */
.ww-hero__photo {
  margin: 0;
  min-height: 420px;
  background: #e7e5dc;
}

/* line 56, app/assets/stylesheets/scss/_masthead.scss */
.ww-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 859.98px) {
  /* line 51, app/assets/stylesheets/scss/_masthead.scss */
  .ww-hero__photo {
    order: -1;
    min-height: 0;
    height: 220px;
  }
}

/* line 4, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: start;
  gap: clamp(1.5rem, 5vw, 4rem);
  padding: 1.25rem 0 clamp(2.5rem, 6vw, 4rem);
}

@media (max-width: 859.98px) {
  /* line 4, app/assets/stylesheets/scss/_showcase.scss */
  .ww-pdp {
    grid-template-columns: 1fr;
  }
}

/* line 16, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__gallery {
  position: sticky;
  top: 90px;
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}

/* line 27, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__gallery .product-image,
.ww-pdp__gallery .content {
  display: contents;
}

/* line 32, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__gallery img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 1.5rem;
}

/* line 39, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__gallery img.ww-media__placeholder {
  width: 120px;
  height: 120px;
  padding: 0;
  opacity: 0.25;
}

@media (max-width: 859.98px) {
  /* line 16, app/assets/stylesheets/scss/_showcase.scss */
  .ww-pdp__gallery {
    position: static;
    aspect-ratio: 4 / 3;
  }
}

/* line 52, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 57, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__info .showcase-product-brand {
  font-size: 0.9375rem;
}

/* line 60, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__info .showcase-product-brand a {
  color: #3d604b;
}

/* line 66, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__name {
  margin: 0;
  font-size: clamp(2.1rem, 4.6vw, 3.4rem);
}

/* line 71, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 78, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 0.9rem 1.25rem;
  padding: 1.25rem 1.4rem;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
}

/* line 88, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox .ww-eyebrow {
  display: block;
  margin-bottom: 0.5rem;
}

@media (max-width: 419.98px) {
  /* line 78, app/assets/stylesheets/scss/_showcase.scss */
  .ww-keybox {
    grid-template-columns: 1fr;
  }
}

/* line 97, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox__value {
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 144;
  letter-spacing: -0.01em;
  line-height: 1.05;
  font-size: clamp(2.4rem, 5vw, 3.2rem);
  line-height: 1;
}

/* line 102, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox__unit {
  margin-left: 0.35rem;
  font-size: 0.9375rem;
  color: #3d604b;
}

/* line 107, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox__from {
  font-size: 0.875rem;
  color: #3d604b;
  text-align: right;
}

/* line 112, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox__from strong {
  display: block;
  font-size: 1.35rem;
  color: #09371f;
}

@media (max-width: 419.98px) {
  /* line 107, app/assets/stylesheets/scss/_showcase.scss */
  .ww-keybox__from {
    text-align: left;
  }
}

/* line 122, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

/* line 128, app/assets/stylesheets/scss/_showcase.scss */
.ww-keybox__actions > .ww-btn,
.ww-keybox__actions > .ww-pdp__compare {
  flex: 1 1 13rem;
}

/* line 135, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__compare.compare-selected .ww-btn--ghost {
  border-color: #ff0099;
}

/* line 138, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__compare.compare-selected .ww-btn--ghost:hover {
  background: #f5f0e8;
  color: #09371f;
}

/* line 144, app/assets/stylesheets/scss/_showcase.scss */
.ww-specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}

/* line 153, app/assets/stylesheets/scss/_showcase.scss */
.ww-specs div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #d4d6cc;
}

/* line 160, app/assets/stylesheets/scss/_showcase.scss */
.ww-specs div:nth-child(odd) {
  border-right: 1px solid #d4d6cc;
}

/* line 163, app/assets/stylesheets/scss/_showcase.scss */
.ww-specs div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

/* line 168, app/assets/stylesheets/scss/_showcase.scss */
.ww-specs dt {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #6c8573;
}

/* line 174, app/assets/stylesheets/scss/_showcase.scss */
.ww-specs dd {
  margin: 0;
  font-weight: 500;
}

/* line 181, app/assets/stylesheets/scss/_showcase.scss */
.ww-pdp__desc p {
  max-width: 40rem;
  margin: 0.35rem 0 0;
  color: #3d604b;
}

/* line 188, app/assets/stylesheets/scss/_showcase.scss */
.ww-textbtn {
  margin-top: 0.4rem;
  padding: 0;
  border: 0;
  background: none;
  color: #09371f;
  font: 500 0.9375rem "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

/* line 202, app/assets/stylesheets/scss/_showcase.scss */
.ww-wtb {
  scroll-margin-top: 90px;
  padding-bottom: clamp(2.5rem, 6vw, 4rem);
}

/* line 207, app/assets/stylesheets/scss/_showcase.scss */
.ww-shops {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}

/* line 216, app/assets/stylesheets/scss/_showcase.scss */
.ww-shops li + li {
  border-top: 1px solid #d4d6cc;
}

/* line 221, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.75rem 1.25rem;
  padding: 1rem 1.25rem;
  color: #09371f;
  text-decoration: none;
}

/* line 230, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop:hover {
  background: #f5f0e8;
  color: #09371f;
  text-decoration: none;
}

@media (max-width: 639.98px) {
  /* line 221, app/assets/stylesheets/scss/_showcase.scss */
  .ww-shop {
    grid-template-columns: 40px minmax(0, 1fr) auto;
  }
  /* line 239, app/assets/stylesheets/scss/_showcase.scss */
  .ww-shop .ww-btn {
    grid-column: 1 / -1;
  }
}

/* line 245, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop__logo {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e7e5dc;
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
}

@media (max-width: 639.98px) {
  /* line 245, app/assets/stylesheets/scss/_showcase.scss */
  .ww-shop__logo {
    width: 40px;
    height: 40px;
  }
}

/* line 261, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop__name {
  font-weight: 500;
}

/* line 264, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop__name small {
  display: block;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #6c8573;
}

/* line 272, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop__low {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: #dff0e4;
  font-size: 0.75rem;
  vertical-align: middle;
}

/* line 282, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop__price {
  text-align: right;
}

/* line 285, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop__price strong {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
}

/* line 291, app/assets/stylesheets/scss/_showcase.scss */
.ww-shop__price span {
  font-size: 0.8125rem;
  color: #3d604b;
}

/* line 297, app/assets/stylesheets/scss/_showcase.scss */
.ww-wtb__note {
  margin: 0.75rem 0 0;
  font-size: 0.875rem;
  color: #6c8573;
}

/* line 304, app/assets/stylesheets/scss/_showcase.scss */
.ww-product-grid.ww-product-grid--scroll {
  padding-bottom: clamp(2.5rem, 6vw, 4rem);
}

@media (max-width: 599.98px) {
  /* line 304, app/assets/stylesheets/scss/_showcase.scss */
  .ww-product-grid.ww-product-grid--scroll {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-left: calc(clamp(16px, 4vw, 40px) * -1);
    margin-right: calc(clamp(16px, 4vw, 40px) * -1);
    padding-left: clamp(16px, 4vw, 40px);
    padding-right: clamp(16px, 4vw, 40px);
  }
  /* line 316, app/assets/stylesheets/scss/_showcase.scss */
  .ww-product-grid.ww-product-grid--scroll > .ww-product-card {
    flex: 0 0 82%;
    scroll-snap-align: start;
  }
}

/* line 328, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-list-container {
  padding: 7px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-top: 5px solid;
  border-top-color: rgba(119, 119, 119, 0.15) !important;
}

/* line 336, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-list-item {
  border-bottom: 5px solid;
  border-bottom-color: rgba(119, 119, 119, 0.15) !important;
  margin-bottom: 10px;
}

/* line 346, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-product-text a {
  color: rgba(0, 0, 0, 0.5);
}

/* line 349, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-product-text a:hover {
  color: black;
  text-decoration: none;
}

/* line 354, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-img-big {
  min-height: 30rem;
  overflow: hidden;
}

/* line 361, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-img1 {
  background-color: #acf2e5;
  min-height: 30rem;
  background-image: url(/assets/img/weweed_infusion-aa0d9d22e1eb9bc2ea1c4be76aaa24073b631841a2536563266bd5f3e23e7ed0.jpeg);
  background-size: cover;
}

/* line 367, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-img2 {
  background-color: #acf2e5;
  min-height: 30rem;
  background-image: url(/assets/img/CBD-sex-hero-cropped-4fc711fa1fcef4610f4b778ec7e7febabd95bb5773b47d4af9ba488b56c07839.jpg);
  background-size: cover;
}

/* line 373, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-img3 {
  background-color: #acf2e5;
  min-height: 30rem;
  background-image: url(/assets/img/joint-eca048ea74f49e474c8903af674b420e9770d1b1356860420fd25681597ff6e3.jpg);
  background-size: cover;
}

@media (min-width: 768px) {
  /* line 380, app/assets/stylesheets/scss/_showcase.scss */
  .showcase .showcase-text {
    padding: 2.5rem;
  }
}

@media (min-width: 768px) {
  /* line 385, app/assets/stylesheets/scss/_showcase.scss */
  .showcase .showcase-product-name {
    padding: 2rem;
  }
}

/* line 401, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-offers-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 405, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-offers-list .offers_button {
  color: black;
  background-color: transparent;
  width: 100%;
}

/* line 427, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-description {
  display: none;
}

/* line 431, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-product-offers {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 436, app/assets/stylesheets/scss/_showcase.scss */
.showcase .showcase-back-button .back-button {
  color: black;
  background-color: transparent;
}

/* line 3, app/assets/stylesheets/scss/_footer.scss */
.ww-footer {
  margin-top: 0;
  background: #09371f;
  color: #f5f0e8;
}

/* line 8, app/assets/stylesheets/scss/_footer.scss */
.ww-footer a {
  color: #f5f0e8;
  text-decoration: none;
}

/* line 12, app/assets/stylesheets/scss/_footer.scss */
.ww-footer a:hover {
  color: #f5f0e8;
  text-decoration: underline;
}

/* line 19, app/assets/stylesheets/scss/_footer.scss */
.ww-footer__inner {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 2rem 3rem;
  padding-top: clamp(2.5rem, 6vw, 4rem);
  padding-bottom: 2rem;
}

@media (max-width: 767.98px) {
  /* line 19, app/assets/stylesheets/scss/_footer.scss */
  .ww-footer__inner {
    grid-template-columns: 1fr;
  }
}

/* line 32, app/assets/stylesheets/scss/_footer.scss */
.ww-footer__logo img {
  display: block;
  width: auto;
  height: 40px;
  filter: grayscale(1) invert(1) brightness(1.6);
  mix-blend-mode: screen;
}

/* line 43, app/assets/stylesheets/scss/_footer.scss */
.ww-footer__brand p {
  max-width: 26rem;
  margin: 1rem 0 0;
  color: rgba(245, 240, 232, 0.78);
}

/* line 49, app/assets/stylesheets/scss/_footer.scss */
.ww-footer__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

/* line 54, app/assets/stylesheets/scss/_footer.scss */
.ww-footer__nav ul {
  display: grid;
  align-content: start;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 64, app/assets/stylesheets/scss/_footer.scss */
.ww-footer__legal {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid rgba(245, 240, 232, 0.16);
  color: rgba(245, 240, 232, 0.78);
  font-size: 0.8125rem;
}

/* line 75, app/assets/stylesheets/scss/_footer.scss */
.ww-footer__legal a {
  color: rgba(245, 240, 232, 0.78);
}

/* line 8, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action {
  position: relative;
  padding-top: clamp(2rem, 5vw, 3.5rem);
  padding-bottom: clamp(2rem, 5vw, 3.5rem);
  background-color: #09371f;
  color: #f5f0e8;
}

/* line 15, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action .overlay {
  display: none;
}

/* line 19, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action h1, .call-to-action h2, .call-to-action h3, .call-to-action h4, .call-to-action h5, .call-to-action h6 {
  color: #f5f0e8;
}

/* line 23, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action p {
  color: rgba(245, 240, 232, 0.78);
}

/* line 27, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action a {
  color: #f5f0e8;
}

/* line 31, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action form {
  font-size: 1rem;
}

/* line 34, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action form .join_button {
  width: 100%;
  min-height: 2.75rem;
  border: 1.5px solid #f5f0e8;
  border-radius: 999px;
  background-color: transparent;
  color: #f5f0e8;
  font-size: 1rem;
  font-weight: 500;
}

/* line 44, app/assets/stylesheets/scss/_call-to-action.scss */
.call-to-action form .join_button:hover,
.call-to-action form .join_button:focus {
  background-color: #f5f0e8;
  color: #09371f;
  text-decoration: none;
  box-shadow: none !important;
}

/* line 5, app/assets/stylesheets/scss/_testimonials.scss */
#home-testimonials {
  background-color: #F1F2E9 !important;
}

/* line 8, app/assets/stylesheets/scss/_testimonials.scss */
.testimonials {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* line 12, app/assets/stylesheets/scss/_testimonials.scss */
.testimonials h3 {
  font-weight: 900;
}

/* line 22, app/assets/stylesheets/scss/_testimonials.scss */
.testimonials .testimonial-item {
  max-width: 18rem;
  background-color: black !important;
}

/* line 25, app/assets/stylesheets/scss/_testimonials.scss */
.testimonials .testimonial-item img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

/* line 29, app/assets/stylesheets/scss/_testimonials.scss */
.testimonials .testimonial-item h2 {
  font-weight: bold;
}

/* line 33, app/assets/stylesheets/scss/_testimonials.scss */
.testimonials .showcase-offers {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 1, app/assets/stylesheets/scss/_icons.scss */
.features-icons {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 4, app/assets/stylesheets/scss/_icons.scss */
.features-icons .icons-text {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5rem;
}

/* line 8, app/assets/stylesheets/scss/_icons.scss */
.features-icons .icons-text h2 {
  font-weight: bold;
}

/* line 12, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-product-text {
  padding: 7px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-top-color: rgba(119, 119, 119, 0.15) !important;
}

/* line 20, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-product-text a {
  color: rgba(0, 0, 0, 0.5);
  padding-right: 1rem !important;
}

/* line 24, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-product-text a:hover {
  color: black;
  text-decoration: none;
}

/* line 30, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-item {
  max-width: 20rem;
}

/* line 32, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

/* line 34, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

/* line 40, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}

/* line 45, app/assets/stylesheets/scss/_icons.scss */
.features-icons .features-icons-item img {
  vertical-align: middle;
}

/* line 49, app/assets/stylesheets/scss/_icons.scss */
.features-icons .featured-item {
  margin-bottom: 3rem;
}

/* line 7, app/assets/stylesheets/scss/_format_nav.scss */
.ww-formats {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (max-width: 1023.98px) {
  /* line 7, app/assets/stylesheets/scss/_format_nav.scss */
  .ww-formats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  /* line 7, app/assets/stylesheets/scss/_format_nav.scss */
  .ww-formats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* line 20, app/assets/stylesheets/scss/_format_nav.scss */
.ww-format-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.4rem 0.6rem 1.1rem;
  border: 1px solid #d4d6cc;
  border-radius: 12px;
  background: #ffffff;
  color: #09371f;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  transition: border-color 0.15s ease, transform 0.15s ease;
}

/* line 35, app/assets/stylesheets/scss/_format_nav.scss */
.ww-format-card:hover {
  border-color: #09371f;
  color: #09371f;
  text-decoration: none;
  transform: translateY(-2px);
}

@media (max-width: 575.98px) {
  /* line 43, app/assets/stylesheets/scss/_format_nav.scss */
  .ww-format-card:last-child:nth-child(odd) {
    grid-column: span 2;
  }
}

/* line 49, app/assets/stylesheets/scss/_format_nav.scss */
.ww-format-card__icon {
  width: 44px;
  height: 44px;
}

/* line 54, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-banner {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.9rem;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  background: #e7e5dc;
  color: #09371f;
  text-decoration: none;
}

/* line 65, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-banner:hover {
  background: #d4d6cc;
  color: #09371f;
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-banner__icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

/* line 76, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-banner__text {
  display: flex;
  flex-direction: column;
}

/* line 80, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-banner__text strong {
  font-weight: 500;
}

/* line 83, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-banner__text span {
  font-size: 0.875rem;
  color: #3d604b;
}

/* line 88, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-banner__arrow {
  margin-left: auto;
  flex-shrink: 0;
}

/* line 95, app/assets/stylesheets/scss/_format_nav.scss */
.format-tabs-wrapper {
  margin-top: 1.25rem;
  border-bottom: 1px solid #d4d6cc;
}

/* line 100, app/assets/stylesheets/scss/_format_nav.scss */
.format-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

/* line 111, app/assets/stylesheets/scss/_format_nav.scss */
.format-tabs::-webkit-scrollbar {
  display: none;
}

/* line 115, app/assets/stylesheets/scss/_format_nav.scss */
.format-tabs .nav-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: -1px;
  padding: 0.75rem 0.9rem 0.8rem;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #3d604b;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}

/* line 130, app/assets/stylesheets/scss/_format_nav.scss */
.format-tabs .nav-link:hover {
  color: #09371f;
}

/* line 134, app/assets/stylesheets/scss/_format_nav.scss */
.format-tabs .nav-link.active {
  background: transparent;
  border-bottom-color: #09371f;
  color: #09371f;
}

/* line 139, app/assets/stylesheets/scss/_format_nav.scss */
.format-tabs .nav-link.active .format-tab-icon {
  opacity: 1;
}

/* line 146, app/assets/stylesheets/scss/_format_nav.scss */
.format-tab-icon {
  width: 20px;
  height: 20px;
  opacity: 0.55;
}

/* line 152, app/assets/stylesheets/scss/_format_nav.scss */
.format-tab-count {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6c8573;
  font-variant-numeric: tabular-nums;
}

/* line 159, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.75rem;
  padding: 0.75rem 0;
  font-size: 0.875rem;
  color: #3d604b;
}

/* line 168, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-row a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.75rem;
  border: 1px solid #b3bcb0;
  border-radius: 999px;
  background: #ffffff;
  color: #09371f;
  font-weight: 500;
  text-decoration: none;
}

/* line 180, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-row a:hover {
  border-color: #09371f;
}

/* line 184, app/assets/stylesheets/scss/_format_nav.scss */
.ww-pets-row a img {
  width: 16px;
  height: 16px;
}

/* line 5, app/assets/stylesheets/scss/_best_value.scss */
.ww-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 1023.98px) {
  /* line 5, app/assets/stylesheets/scss/_best_value.scss */
  .ww-value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  /* line 5, app/assets/stylesheets/scss/_best_value.scss */
  .ww-value-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-left: calc(clamp(16px, 4vw, 40px) * -1);
    margin-right: calc(clamp(16px, 4vw, 40px) * -1);
    padding: 0 clamp(16px, 4vw, 40px) 0.4rem;
  }
  /* line 22, app/assets/stylesheets/scss/_best_value.scss */
  .ww-value-grid .ww-value-card {
    flex: 0 0 78%;
    scroll-snap-align: start;
  }
}

/* line 29, app/assets/stylesheets/scss/_best_value.scss */
.ww-value-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}

/* line 38, app/assets/stylesheets/scss/_best_value.scss */
.ww-value-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 1.1rem 1.1rem;
}

/* line 45, app/assets/stylesheets/scss/_best_value.scss */
.ww-value-card__body .ww-metric {
  margin-top: auto;
}

/* line 49, app/assets/stylesheets/scss/_best_value.scss */
.ww-value-card__body .ww-btn {
  margin-top: 0.4rem;
}

/* line 4, app/assets/stylesheets/scss/_brands_cta.scss */
.brands-cta {
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

/* line 8, app/assets/stylesheets/scss/_brands_cta.scss */
.ww-brands-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.5rem;
  padding: 1.1rem 1.5rem;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
}

/* line 18, app/assets/stylesheets/scss/_brands_cta.scss */
.ww-brands-cta p {
  flex: 1;
  min-width: 14rem;
  margin: 0;
}

/* line 5, app/assets/stylesheets/scss/_products.scss */
.products-body {
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

/* line 9, app/assets/stylesheets/scss/_products.scss */
.single-product-body {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);
  padding-top: 2rem;
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

/* line 15, app/assets/stylesheets/scss/_products.scss */
.ww-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 1.1rem;
}

@media (max-width: 1023.98px) {
  /* line 15, app/assets/stylesheets/scss/_products.scss */
  .ww-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 599.98px) {
  /* line 15, app/assets/stylesheets/scss/_products.scss */
  .ww-product-grid {
    grid-template-columns: 1fr;
  }
}

/* line 29, app/assets/stylesheets/scss/_products.scss */
.ww-results-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 1.1rem 0 0.9rem;
  font-size: 0.875rem;
  color: #3d604b;
}

/* line 39, app/assets/stylesheets/scss/_products.scss */
.ww-results-bar a {
  font-weight: 500;
}

/* line 46, app/assets/stylesheets/scss/_products.scss */
.ww-product-card {
  display: flex;
  flex-direction: column;
  border: 1.5px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* line 56, app/assets/stylesheets/scss/_products.scss */
.ww-product-card.compare-selected {
  border-color: #ff0099;
  box-shadow: 0 0 0 1px #ff0099;
}

/* line 60, app/assets/stylesheets/scss/_products.scss */
.ww-product-card.compare-selected .ww-compare-toggle {
  border-color: #ff0099;
}

/* line 66, app/assets/stylesheets/scss/_products.scss */
.ww-media__link {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

/* line 73, app/assets/stylesheets/scss/_products.scss */
.ww-product-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.55rem;
  padding: 1rem 1.1rem 1.1rem;
}

/* line 80, app/assets/stylesheets/scss/_products.scss */
.ww-product-card__body .ww-metric {
  margin-top: 0.15rem;
}

/* line 85, app/assets/stylesheets/scss/_products.scss */
.ww-coa {
  font-size: 0.8125rem;
}

/* line 88, app/assets/stylesheets/scss/_products.scss */
.ww-coa .trust-badge {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

/* line 93, app/assets/stylesheets/scss/_products.scss */
.ww-coa a.trust-badge:hover {
  background: transparent;
  color: #09371f;
  text-decoration: underline;
}

/* line 99, app/assets/stylesheets/scss/_products.scss */
.ww-coa--none {
  color: #6c8573;
}

/* line 105, app/assets/stylesheets/scss/_products.scss */
.ww-compare-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.25rem;
  margin: 0;
  padding: 0.35rem 0.9rem;
  border: 1.5px solid #09371f;
  border-radius: 999px;
  color: #09371f;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

/* line 120, app/assets/stylesheets/scss/_products.scss */
.ww-compare-toggle input {
  -webkit-appearance: none;
  appearance: none;
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1.5px solid #09371f;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
}

/* line 133, app/assets/stylesheets/scss/_products.scss */
.ww-compare-toggle input:checked {
  border-color: #ff0099;
  background: #ff0099;
}

/* line 138, app/assets/stylesheets/scss/_products.scss */
.ww-compare-toggle input:checked::after {
  content: "";
  width: 8px;
  height: 4px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}

/* line 148, app/assets/stylesheets/scss/_products.scss */
.ww-compare-toggle input:focus-visible {
  outline: 2px solid #09371f;
  outline-offset: 2px;
}

/* line 156, app/assets/stylesheets/scss/_products.scss */
.ww-offers__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.3rem;
}

/* line 163, app/assets/stylesheets/scss/_products.scss */
.ww-offers__actions .offers_button {
  flex: 1 1 auto;
}

/* line 166, app/assets/stylesheets/scss/_products.scss */
.ww-offers__actions .offers_button .ww-icon {
  transition: transform 0.15s ease;
}

/* line 172, app/assets/stylesheets/scss/_products.scss */
.ww-offers__list {
  margin-top: 0.75rem;
  padding-top: 0.6rem;
  border-top: 1px solid #d4d6cc;
}

/* line 177, app/assets/stylesheets/scss/_products.scss */
.ww-offers__list ol {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 185, app/assets/stylesheets/scss/_products.scss */
.ww-offers__list li:nth-child(odd) .ww-offer {
  background: #f5f0e8;
}

/* line 190, app/assets/stylesheets/scss/_products.scss */
.ww-offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.2rem 0.75rem;
  padding: 0.5rem 0.65rem;
  border-radius: 6px;
  color: #09371f;
  text-decoration: none;
}

/* line 199, app/assets/stylesheets/scss/_products.scss */
.ww-offer:hover {
  color: #09371f;
  text-decoration: none;
  background: #e7e5dc !important;
}

/* line 204, app/assets/stylesheets/scss/_products.scss */
.ww-offer:hover .ww-offer__go {
  text-decoration-thickness: 2px;
}

/* line 209, app/assets/stylesheets/scss/_products.scss */
.ww-offer__shop {
  font-weight: 500;
}

/* line 212, app/assets/stylesheets/scss/_products.scss */
.ww-offer__low {
  margin-left: 0.4rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6c8573;
}

/* line 220, app/assets/stylesheets/scss/_products.scss */
.ww-offer__price {
  font-weight: 500;
  text-align: right;
}

/* line 224, app/assets/stylesheets/scss/_products.scss */
.ww-offer__go {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 233, app/assets/stylesheets/scss/_products.scss */
.ww-offers__empty {
  margin: 0;
  font-size: 0.875rem;
  color: #6c8573;
}

/* line 239, app/assets/stylesheets/scss/_products.scss */
.ww-search-brands {
  padding-top: 1.5rem;
}

/* line 242, app/assets/stylesheets/scss/_products.scss */
.ww-search-brands h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

/* line 248, app/assets/stylesheets/scss/_products.scss */
.ww-page-title--flush {
  padding-left: 0;
  padding-right: 0;
}

/* line 253, app/assets/stylesheets/scss/_products.scss */
.ww-product-grid--spaced {
  padding-top: 1.5rem;
}

/* line 1, app/assets/stylesheets/scss/_adminpanel-wrapper.scss */
.adminpanel-wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

/* line 5, app/assets/stylesheets/scss/_adminpanel-wrapper.scss */
.adminpanel-wrapper #sidebar {
  min-width: 250px;
  max-width: 250px;
}

/* line 5, app/assets/stylesheets/scss/_faq.scss */
.faq {
  padding-bottom: 100px !important;
}

/* line 1, app/assets/stylesheets/scss/_join_us.scss */
.call-to-action {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 5, app/assets/stylesheets/scss/_join_us.scss */
.call-to-action .form-row div {
  padding-top: 1rem;
  margin-left: auto;
  margin-right: auto;
}

/* line 6, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters-bar {
  position: relative;
  z-index: 1010;
  margin-top: 0.25rem;
  border-top: 1px solid #d4d6cc;
  border-bottom: 1px solid #d4d6cc;
  background: #f5f0e8;
}

/* line 15, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters-bar:has(details[open]) {
  z-index: 1040;
}

/* line 20, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters {
  margin: 0;
}

/* line 24, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0;
}

@media (max-width: 767.98px) {
  /* line 24, app/assets/stylesheets/scss/_sidemenu.scss */
  .ww-filters__row {
    overflow-x: auto;
    scrollbar-width: none;
  }
  /* line 34, app/assets/stylesheets/scss/_sidemenu.scss */
  .ww-filters__row::-webkit-scrollbar {
    display: none;
  }
}

/* line 40, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters__group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 767.98px) {
  /* line 40, app/assets/stylesheets/scss/_sidemenu.scss */
  .ww-filters__group {
    flex-wrap: nowrap;
  }
}

/* line 51, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters__sep {
  flex-shrink: 0;
  width: 1px;
  height: 24px;
  margin: 0 0.25rem;
  background: #b3bcb0;
}

/* line 59, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters__sort {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  flex-shrink: 0;
}

/* line 66, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-filters__sort-label {
  margin: 0;
  font-size: 0.8125rem;
  color: #6c8573;
}

@media (max-width: 767.98px) {
  /* line 66, app/assets/stylesheets/scss/_sidemenu.scss */
  .ww-filters__sort-label {
    display: none;
  }
}

/* line 78, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.4rem;
  margin: 0;
  padding: 0.35rem 0.9rem;
  border: 1px solid #b3bcb0;
  border-radius: 999px;
  background: #ffffff;
  color: #09371f;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  list-style: none;
}

/* line 98, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip:hover {
  border-color: #09371f;
}

/* line 102, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip.is-active {
  border-color: #09371f;
  background: #dff0e4;
}

/* line 107, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip::-webkit-details-marker {
  display: none;
}

/* line 113, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip__dot {
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin: 0;
  border-radius: 50%;
  background: #b3bcb0;
  cursor: pointer;
}

/* line 124, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip__dot.ww-dot--full_spectrum {
  background: #55d6e3;
}

/* line 125, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip__dot.ww-dot--broad_spectrum {
  background: #ce960f;
}

/* line 127, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip__dot:focus-visible {
  outline: 2px solid #09371f;
  outline-offset: 2px;
}

/* line 131, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip:has(.ww-chip__dot:checked) {
  border-color: #09371f;
  background: #09371f;
  color: #f5f0e8;
}

/* line 136, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip:has(.ww-chip__dot:checked) .ww-chip__dot {
  box-shadow: 0 0 0 2px #f5f0e8;
}

/* line 141, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip__count {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #09371f;
  color: #f5f0e8;
  font-size: 0.75rem;
}

/* line 154, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip--select {
  padding: 0;
}

/* line 157, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip__select {
  -webkit-appearance: none;
  appearance: none;
  min-height: 2.4rem;
  padding: 0.35rem 2.1rem 0.35rem 0.9rem;
  border: 0;
  border-radius: 999px;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2309371f' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 0.7rem center/16px;
  color: #09371f;
  font: 500 0.875rem "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  cursor: pointer;
}

/* line 169, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip__select:focus-visible {
  outline: 2px solid #09371f;
  outline-offset: 2px;
}

/* line 173, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-chip--sort {
  border-color: #09371f;
  background: #dff0e4;
}

/* line 180, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-dropdown {
  position: relative;
  flex-shrink: 0;
}

/* line 184, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-dropdown[open] > .ww-chip {
  border-color: #09371f;
}

/* line 188, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-dropdown[open] .ww-dropdown__chevron {
  transform: rotate(180deg);
}

/* line 193, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-dropdown__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 30;
  min-width: 18rem;
  max-height: 22rem;
  overflow: auto;
  padding: 0.5rem;
  border: 1px solid #d4d6cc;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(9, 55, 31, 0.16);
}

@media (max-width: 767.98px) {
  /* line 193, app/assets/stylesheets/scss/_sidemenu.scss */
  .ww-dropdown__panel {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 0;
    max-height: 70vh;
    padding: 1rem clamp(16px, 4vw, 40px) calc(1.25rem + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -12px 40px rgba(9, 55, 31, 0.2);
  }
}

/* line 222, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-dropdown__title {
  display: none;
  margin: 0 0 0.5rem;
  font-weight: 500;
}

@media (max-width: 767.98px) {
  /* line 222, app/assets/stylesheets/scss/_sidemenu.scss */
  .ww-dropdown__title {
    display: block;
  }
}

/* line 232, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-option {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  padding: 0.55rem 0.6rem;
  border-radius: 6px;
  font-size: 0.9375rem;
  white-space: nowrap;
  cursor: pointer;
}

/* line 243, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-option:hover {
  background: #f5f0e8;
}

/* line 247, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-option .trust-badge {
  margin-left: auto;
}

/* line 251, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-option input {
  -webkit-appearance: none;
  appearance: none;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1.5px solid #09371f;
  border-radius: 4px;
  cursor: pointer;
}

/* line 264, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-option input:checked {
  background: #09371f;
}

/* line 268, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-option input:checked::after {
  content: "";
  width: 8px;
  height: 4px;
  border: 2px solid #f5f0e8;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}

/* line 278, app/assets/stylesheets/scss/_sidemenu.scss */
.ww-option input:focus-visible {
  outline: 2px solid #09371f;
  outline-offset: 2px;
}

/* line 4, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination {
  margin: 2.5rem 0 0.5rem;
  background: transparent;
}

/* line 8, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination:empty {
  display: none;
}

/* line 12, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}

/* line 19, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination a,
.digg_pagination em,
.digg_pagination span {
  display: inline-grid;
  place-items: center;
  min-width: 2.6rem;
  height: 2.6rem;
  padding: 0 0.9rem;
  border: 1px solid #b3bcb0;
  border-radius: 999px;
  background: #ffffff;
  color: #09371f;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}

/* line 37, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination a:hover,
.digg_pagination a:focus-visible {
  border-color: #09371f;
  color: #09371f;
}

/* line 43, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination .current {
  border-color: #09371f;
  background: #09371f;
  color: #f5f0e8;
}

/* line 49, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination .disabled {
  color: #6c8573;
  border-color: #d4d6cc;
  background: transparent;
}

/* line 55, app/assets/stylesheets/scss/_pagination.scss */
.digg_pagination .gap {
  border: 0;
  background: transparent;
}

/* line 4, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1030;
  display: flex;
  align-items: center;
  gap: 0.75rem 1rem;
  padding: 0.75rem clamp(16px, 4vw, 40px) calc(0.75rem + env(safe-area-inset-bottom, 0px));
  background: #09371f;
  color: #f5f0e8;
  box-shadow: 0 -8px 24px rgba(9, 55, 31, 0.18);
}

/* line 19, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-label {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(245, 240, 232, 0.78);
}

@media (max-width: 575.98px) {
  /* line 19, app/assets/stylesheets/scss/_compare_bar.scss */
  .compare-bar-label {
    display: none;
  }
}

/* line 31, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-chips {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}

/* line 39, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-chip {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.2rem;
  border-radius: 6px;
  background: #ffffff;
}

/* line 48, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-chip img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 4px;
}

/* line 55, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-chip .compare-bar-chip-name {
  max-width: 9rem;
  padding: 0 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #09371f;
}

/* line 67, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-remove {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 2px solid #09371f;
  border-radius: 50%;
  background: #f5f0e8;
  color: #09371f;
  font-size: 0.8rem;
  line-height: 1;
  cursor: pointer;
}

/* line 82, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-remove:hover {
  background: #ffffff;
}

/* line 87, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-count {
  white-space: nowrap;
  font-size: 0.875rem;
  color: rgba(245, 240, 232, 0.78);
}

/* line 93, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-cta {
  flex-shrink: 0;
}

/* line 96, app/assets/stylesheets/scss/_compare_bar.scss */
.compare-bar-cta.disabled {
  opacity: 0.45;
  pointer-events: none;
}

/* line 6, app/assets/stylesheets/scss/_compare_table.scss */
.ww-compare {
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

/* line 9, app/assets/stylesheets/scss/_compare_table.scss */
.ww-compare .ww-page-title {
  padding-bottom: 1.5rem;
}

/* line 16, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-wrapper {
  overflow-x: auto;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
}

/* line 23, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.9375rem;
}

/* line 30, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table th,
.compare-table td {
  padding: 0.85rem 1.1rem;
  border-bottom: 1px solid #d4d6cc;
  text-align: left;
  vertical-align: top;
}

/* line 38, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table td {
  min-width: 200px;
}

/* line 43, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table tbody th,
.compare-table tfoot th,
.compare-table .compare-table-corner {
  position: sticky;
  left: 0;
  z-index: 1;
  width: 190px;
  min-width: 160px;
  border-right: 1px solid #d4d6cc;
  background: #f5f0e8;
  color: #3d604b;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 58, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table thead th {
  vertical-align: bottom;
  border-bottom-color: #b3bcb0;
  background: #ffffff;
}

/* line 64, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table .compare-table-corner {
  z-index: 2;
}

/* line 68, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table tfoot td,
.compare-table tfoot th {
  border-bottom: 0;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}

/* line 77, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-group th,
.compare-table-group td {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background: #e7e5dc !important;
  color: #6c8573 !important;
  font-size: 0.75rem !important;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 92, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-price-per-mg th,
.compare-table-price-per-mg td {
  border-bottom-color: #b3bcb0;
}

/* line 97, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-price-per-mg th {
  color: #09371f !important;
}

/* line 101, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-price-per-mg td.is-best {
  background: #dff0e4;
}

/* line 105, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-price-per-mg .ww-badge-best {
  display: flex;
  width: max-content;
  margin-top: 0.5rem;
}

/* line 112, app/assets/stylesheets/scss/_compare_table.scss */
.compare-key {
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 144;
  letter-spacing: -0.01em;
  line-height: 1.05;
  font-size: 1.5rem;
}

/* line 116, app/assets/stylesheets/scss/_compare_table.scss */
.compare-key__unit {
  margin-left: 0.2rem;
  font-size: 0.8125rem;
  color: #3d604b;
}

/* line 122, app/assets/stylesheets/scss/_compare_table.scss */
.ww-na {
  color: #6c8573;
  font-style: italic;
}

/* line 127, app/assets/stylesheets/scss/_compare_table.scss */
.ww-coa-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* line 134, app/assets/stylesheets/scss/_compare_table.scss */
.compare-head {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-right: 2rem;
}

/* line 142, app/assets/stylesheets/scss/_compare_table.scss */
.compare-head__thumb {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background: #e7e5dc;
  overflow: hidden;
}

/* line 151, app/assets/stylesheets/scss/_compare_table.scss */
.compare-head__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 157, app/assets/stylesheets/scss/_compare_table.scss */
.compare-head__thumb img.ww-media__placeholder {
  width: 32px;
  height: 32px;
  opacity: 0.4;
}

/* line 164, app/assets/stylesheets/scss/_compare_table.scss */
.compare-head__brand {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #3d604b;
}

/* line 170, app/assets/stylesheets/scss/_compare_table.scss */
.compare-head__name {
  font-size: 1.15rem;
}

/* line 174, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-remove {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #b3bcb0;
  border-radius: 50%;
  background: #ffffff;
  color: #09371f;
  cursor: pointer;
}

/* line 186, app/assets/stylesheets/scss/_compare_table.scss */
.compare-table-remove:hover {
  border-color: #09371f;
}

/* line 190, app/assets/stylesheets/scss/_compare_table.scss */
.compare-head .compare-table-remove {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 197, app/assets/stylesheets/scss/_compare_table.scss */
.compare-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 150px;
  padding: 0.75rem;
  border: 1.5px dashed #b3bcb0;
  border-radius: 12px;
  color: #3d604b;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

/* line 212, app/assets/stylesheets/scss/_compare_table.scss */
.compare-add small {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #6c8573;
}

/* line 218, app/assets/stylesheets/scss/_compare_table.scss */
.compare-add:hover {
  border-color: #09371f;
  color: #09371f;
  text-decoration: none;
}

/* line 227, app/assets/stylesheets/scss/_compare_table.scss */
.compare-cards {
  display: grid;
  gap: 0.9rem;
}

/* line 232, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card {
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}

/* line 238, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card.is-best {
  border-color: #09371f;
}

/* line 241, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card.is-best .compare-card__key {
  background: #dff0e4;
}

/* line 247, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1rem 0.75rem;
}

/* line 253, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__head .compare-head__thumb {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
}

/* line 258, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__head .compare-head__thumb img.ww-media__placeholder {
  width: 26px;
  height: 26px;
}

/* line 264, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__head .compare-table-remove {
  margin-left: auto;
  flex-shrink: 0;
}

/* line 270, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__key {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid #d4d6cc;
  border-bottom: 1px solid #d4d6cc;
}

/* line 280, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__key .compare-card-label {
  display: block;
  font-size: 0.75rem;
  color: #6c8573;
}

/* line 287, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__rows {
  margin: 0;
  padding: 0.3rem 1rem;
}

/* line 292, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid #d4d6cc;
  font-size: 0.875rem;
}

/* line 300, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card-row:last-child {
  border-bottom: 0;
}

/* line 305, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card-label {
  color: #3d604b;
}

/* line 309, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card-value {
  margin: 0;
  font-weight: 500;
  text-align: right;
}

/* line 315, app/assets/stylesheets/scss/_compare_table.scss */
.compare-card__cta {
  padding: 0.25rem 1rem 1rem;
}

/* line 319, app/assets/stylesheets/scss/_compare_table.scss */
.compare-add--row {
  flex-direction: row;
  min-height: 3.5rem;
}

/* line 3, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-wrapper {
  position: relative;
}

/* line 7, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1050;
  background: #ffffff;
  border: 1px solid #d4d6cc;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(9, 55, 31, 0.14);
  padding: 0.25rem 0;
  max-height: 60vh;
  overflow-y: auto;
  margin-top: 0.25rem;
}

/* line 23, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-group-label {
  padding: 0.5rem 1rem 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6c8573;
}

/* line 30, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  color: inherit;
  text-decoration: none;
}

/* line 38, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-item:hover, .search-typeahead-item.active {
  background-color: #f5f0e8;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: #dff0e4;
  color: #09371f;
  font-size: 0.8rem;
  font-weight: 500;
  flex-shrink: 0;
}

/* line 59, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-name {
  flex: 1;
}

/* line 63, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-count,
.search-typeahead-meta {
  font-size: 0.8rem;
  color: #6c8573;
}

/* line 69, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-empty {
  padding: 1rem;
  color: #6c8573;
  text-align: center;
}

/* line 77, app/assets/stylesheets/scss/_search_typeahead.scss */
.search-typeahead-name .badge-info {
  background: #dff0e4;
  color: #09371f;
  font-weight: 500;
  border-radius: 999px;
}

/* line 4, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 1rem;
}

/* line 10, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 1.1rem;
  border: 1px solid #d4d6cc;
  border-radius: 20px;
  background: #ffffff;
  color: #09371f;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card:hover {
  border-color: #09371f;
  color: #09371f;
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card .ww-card-title {
  font-size: 1.25rem;
}

/* line 33, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card__logo {
  display: grid;
  place-items: center;
  align-self: stretch;
  height: 88px;
  border-radius: 12px;
  background: #f5f0e8;
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card__logo img {
  max-width: 80%;
  max-height: 64px;
  object-fit: contain;
}

/* line 48, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card__logo span {
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 144;
  letter-spacing: -0.01em;
  line-height: 1.05;
  font-size: 1.6rem;
  color: #3d604b;
}

/* line 55, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card__meta {
  font-size: 0.875rem;
  color: #3d604b;
}

/* line 60, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-card__more {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: auto;
  padding-top: 0.3rem;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 72, app/assets/stylesheets/scss/_brands.scss */
.ww-brands-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding: 0.9rem 0;
  border-top: 1px solid #d4d6cc;
  border-bottom: 1px solid #d4d6cc;
}

/* line 83, app/assets/stylesheets/scss/_brands.scss */
.ww-brands-tools .ww-search {
  max-width: 20rem;
}

/* line 88, app/assets/stylesheets/scss/_brands.scss */
.ww-segmented {
  display: inline-flex;
  padding: 4px;
  border: 1px solid #b3bcb0;
  border-radius: 999px;
  background: #ffffff;
}

/* line 95, app/assets/stylesheets/scss/_brands.scss */
.ww-segmented a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.25rem;
  padding: 0.35rem 1rem;
  border-radius: 999px;
  color: #3d604b;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
}

/* line 107, app/assets/stylesheets/scss/_brands.scss */
.ww-segmented a:hover {
  color: #09371f;
}

/* line 111, app/assets/stylesheets/scss/_brands.scss */
.ww-segmented a.active {
  background: #09371f;
  color: #f5f0e8;
}

/* line 118, app/assets/stylesheets/scss/_brands.scss */
.ww-note {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 1.1rem 0 1.4rem;
  padding: 0.9rem 1.1rem;
  border-radius: 12px;
  background: #dff0e4;
  font-size: 0.875rem;
}

/* line 128, app/assets/stylesheets/scss/_brands.scss */
.ww-note p {
  margin: 0;
}

/* line 132, app/assets/stylesheets/scss/_brands.scss */
.ww-note .ww-verified-mark {
  margin-top: 2px;
}

/* line 137, app/assets/stylesheets/scss/_brands.scss */
.ww-empty {
  padding: 3rem 0;
  text-align: center;
  color: #3d604b;
}

/* line 145, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero {
  background: #09371f;
  color: #f5f0e8;
}

/* line 149, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero .ww-container {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.25rem, 4vw, 3rem);
  padding-top: clamp(2rem, 5vw, 3.5rem);
  padding-bottom: clamp(2rem, 5vw, 3.5rem);
}

@media (max-width: 639.98px) {
  /* line 149, app/assets/stylesheets/scss/_brands.scss */
  .ww-brand-hero .ww-container {
    grid-template-columns: 1fr;
  }
}

/* line 162, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero .breadcrumb {
  padding: 0 0 0.6rem;
}

/* line 165, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero .breadcrumb .breadcrumb-item,
.ww-brand-hero .breadcrumb .breadcrumb-item.active {
  color: rgba(245, 240, 232, 0.78);
}

/* line 169, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero .breadcrumb .breadcrumb-item a {
  color: #f5f0e8;
}

/* line 172, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(245, 240, 232, 0.78);
}

/* line 177, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero h1 {
  margin: 0;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  color: #f5f0e8;
}

/* line 183, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero p {
  max-width: 40rem;
  margin: 0.9rem 0 0;
  color: rgba(245, 240, 232, 0.78);
}

/* line 190, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero__logo {
  display: grid;
  place-items: center;
  width: clamp(110px, 14vw, 160px);
  aspect-ratio: 1;
  border-radius: 20px;
  background: #ffffff;
  color: #09371f;
  overflow: hidden;
}

/* line 200, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero__logo img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

/* line 206, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero__logo span {
  font-family: "TAN Nimbus", "Fraunces", Georgia, serif;
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 144;
  letter-spacing: -0.01em;
  line-height: 1.05;
  font-size: 2.4rem;
}

/* line 212, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-hero__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 1rem;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  color: rgba(245, 240, 232, 0.78);
}

/* line 222, app/assets/stylesheets/scss/_brands.scss */
.ww-btn--on-dark {
  background: transparent;
  border-color: rgba(245, 240, 232, 0.6);
  color: #f5f0e8;
}

/* line 227, app/assets/stylesheets/scss/_brands.scss */
.ww-btn--on-dark:hover, .ww-btn--on-dark:focus-visible {
  background: #f5f0e8;
  border-color: #f5f0e8;
  color: #09371f;
}

/* line 235, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-products-head {
  margin: 0;
  padding: 2rem 0 1rem;
}

/* line 239, app/assets/stylesheets/scss/_brands.scss */
.ww-brand-products-head h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

/* line 244, app/assets/stylesheets/scss/_brands.scss */
.ww-muted-small {
  font-size: 0.875rem;
  color: #3d604b;
}

@media (max-width: 575.98px) {
  /* line 250, app/assets/stylesheets/scss/_brands.scss */
  .ww-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
  /* line 254, app/assets/stylesheets/scss/_brands.scss */
  .ww-brand-card {
    padding: 0.85rem;
  }
  /* line 257, app/assets/stylesheets/scss/_brands.scss */
  .ww-brand-card .ww-card-title {
    font-size: 1.1rem;
  }
  /* line 261, app/assets/stylesheets/scss/_brands.scss */
  .ww-brand-card__logo {
    height: 64px;
  }
}

/* Utility classes for Stimulus controllers */
/* line 2, app/assets/stylesheets/stimulus.scss */
.hidden {
  display: none !important;
}