/** Shopify CDN: Minification failed

Line 1193:8 Unexpected "{"
Line 1193:17 Expected ":"
Line 1193:23 Unexpected ","

**/
/* ============================================================
   DALE DESIGN SYSTEM — dale-overrides.css
   Complete design-system override for Shopify Dawn theme
   ============================================================ */

/* ── Design Tokens ─────────────────────────────────────────── */
:root {
  --dale-cream:    #F5F0E8;
  --dale-white:    #FFFFFF;
  --dale-navy:     #1C2B3A;
  --dale-dark:     #0F1923;
  --dale-coral:    #E85D3F;
  --dale-sage:     #5A7A5C;
  --dale-gold:     #F2C14E;
  --dale-blush:    #F4A28C;
  --dale-lavender: #8B7EC8;
  --dale-teal:     #3D8B8B;
  --dale-tint-coral:    #FFE4DC;
  --dale-tint-sage:     #D4E8D4;
  --dale-tint-lavender: #E0DCF5;
  --dale-tint-gold:     #FFF3CC;
  --dale-tint-teal:     #CCE8E8;
  --dale-tint-blush:    #FFE0D4;
}

/* ── Global Overrides ───────────────────────────────────────── */
body,
.color-scheme-1,
.color-background-1 {
  background: var(--dale-cream);
}

.color-scheme-1 {
  --color-background: 245, 240, 232 !important;
}

h1, h2, h3, h4, h5, h6,
.section__title,
.product__title,
.card__heading {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  letter-spacing: -0.04em;
}

body,
.shopify-section {
  font-family: 'DM Sans', sans-serif;
}

::selection {
  background: var(--dale-gold);
  color: var(--dale-navy);
}

/* ── Header ─────────────────────────────────────────────────── */
.header-wrapper,
sticky-header,
sticky-header > .header-wrapper {
  background: var(--dale-cream) !important;
  border-bottom: 2px solid var(--dale-navy) !important;
  box-shadow: none !important;
}

.header {
  background: var(--dale-cream) !important;
}

.header__heading-link {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 2.6rem;
  letter-spacing: -1.5px;
  text-transform: lowercase;
  color: var(--dale-navy);
}

.header__menu-item,
.header__menu-item .link {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
}

/* ── Buttons (pill shape) ───────────────────────────────────── */
.button,
.button--primary,
.button--secondary,
.product-form__submit,
.cart__checkout-button {
  border-radius: 100px !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  outline: none !important;
}

/* Kill the rectangular focus ring on all buttons and links */
.button:focus,
.button:focus-visible,
.button--primary:focus,
.button--primary:focus-visible,
.product-form__submit:focus,
.product-form__submit:focus-visible,
.cart__checkout-button:focus,
.cart__checkout-button:focus-visible,
.shopify-payment-button__button:focus,
.shopify-payment-button__button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(28, 43, 58, 0.2) !important;
}

/* Dynamic checkout button container — no stray borders */
.shopify-payment-button,
.shopify-payment-button__more-options,
.cart__dynamic-checkout-buttons {
  border: none !important;
  outline: none !important;
}

.shopify-payment-button > div,
.shopify-payment-button__button {
  border-radius: 100px !important;
}

.button--primary,
.product-form__submit {
  background: var(--dale-navy) !important;
  border-color: var(--dale-navy) !important;
  color: var(--dale-cream) !important;
}

.button--primary:hover,
.product-form__submit:not(:disabled):hover {
  background: var(--dale-coral) !important;
  border-color: var(--dale-coral) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(232, 93, 63, 0.30) !important;
}

/* ── Variant Pills ──────────────────────────────────────────── */
.product-form__input--pill input[type='radio'] + label {
  border-radius: 100px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  padding: 1rem 2.2rem !important;
  border-width: 2px !important;
}

.product-form__input--pill input[type='radio']:checked + label {
  background-color: var(--dale-navy) !important;
  border-color: var(--dale-navy) !important;
  color: var(--dale-cream) !important;
  box-shadow: 3px 3px 0 rgba(28, 43, 58, 0.3) !important;
}

/* ── Product Media ──────────────────────────────────────────── */
.product__media-list .global-media-settings {
  border-radius: 2.4rem !important;
  border: 2.5px solid var(--dale-navy) !important;
}

.thumbnail.global-media-settings {
  border-radius: 1.4rem !important;
  border: 2px solid rgba(28, 43, 58, 0.2) !important;
}

.thumbnail.global-media-settings.is-active {
  border-color: var(--dale-navy) !important;
  box-shadow: 3px 3px 0 var(--dale-navy) !important;
}

/* ── Quantity ────────────────────────────────────────────────── */
.quantity {
  border-radius: 100px !important;
  border: 2px solid var(--dale-navy) !important;
}

/* ── Price ───────────────────────────────────────────────────── */
.price-item--sale {
  color: var(--dale-coral) !important;
}

/* ── Product Title / Vendor ─────────────────────────────────── */
.product__title,
.product__title h1 {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(2.4rem, 3vw, 4rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.08 !important;
}

.product__text.caption-with-letter-spacing {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--dale-coral) !important;
}

/* ── Collapsible Tabs ────────────────────────────────────────── */
.product__accordion .accordion__title {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
}

/* ── Cart Drawer ─────────────────────────────────────────────── */
.cart-drawer {
  border-radius: 2.4rem 0 0 2.4rem !important;
  border-left: 2px solid var(--dale-navy) !important;
}

/* ── Badge ───────────────────────────────────────────────────── */
.badge {
  border-radius: 100px !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
}

/* ── Footer ──────────────────────────────────────────────────── */
.footer__heading {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.footer-section {
  background: var(--dale-navy) !important;
}

/* ── Card Hovers (Dawn product cards) ───────────────────────── */
.card-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 6px 6px 0 var(--dale-navy);
}

/* ── Section: Ticker ─────────────────────────────────────────── */
.dale-ticker-wrap {
  overflow: hidden;
  padding: 1.4rem 0;
  background: var(--dale-navy);
  color: var(--dale-cream);
}

.dale-ticker-track {
  display: flex;
  gap: 4.8rem;
  width: max-content;
  animation: dale-ticker 30s linear infinite;
}

@keyframes dale-ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.dale-ticker-item {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dale-ticker-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--dale-gold);
  flex-shrink: 0;
}

/* ── Section: Hero ───────────────────────────────────────────── */
.dale-hero {
  padding: 6rem 4.8rem 8rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: center;
  background: var(--dale-cream);
}

.dale-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: var(--dale-gold);
  color: var(--dale-navy);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 0.8rem 1.8rem;
  border-radius: 100px;
  border: 2px solid var(--dale-navy);
  margin-bottom: 2.8rem;
  font-family: 'DM Sans', sans-serif;
}

.dale-hero__headline {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: clamp(2.8rem, 4vw, 5.2rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
  margin: 0 0 2.4rem;
  color: var(--dale-navy);
}

.dale-hero__line--coral    { color: var(--dale-coral); }
.dale-hero__line--sage     { color: var(--dale-sage); }
.dale-hero__line--lavender { color: var(--dale-lavender); }

.dale-hero__sub {
  font-size: 1.65rem;
  line-height: 1.65;
  color: #444;
  max-width: 46rem;
  margin: 0 0 4rem;
  font-family: 'DM Sans', sans-serif;
}

.dale-hero__sub strong {
  color: var(--dale-navy);
  font-weight: 600;
}

.dale-hero__ctas {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 4.8rem;
}

.dale-hero__cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: var(--dale-navy);
  color: var(--dale-cream) !important;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 1.8rem 3.6rem;
  border-radius: 100px;
  border: 2px solid var(--dale-navy);
  text-decoration: none !important;
  transition: all 0.2s;
}

.dale-hero__cta-primary:hover {
  background: var(--dale-coral);
  border-color: var(--dale-coral);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(232, 93, 63, 0.30);
  color: var(--dale-cream) !important;
}

.dale-hero__cta-secondary {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--dale-navy);
  text-decoration: none;
  border-bottom: 2px solid var(--dale-navy);
  padding-bottom: 2px;
  transition: all 0.2s;
  background: none;
}

.dale-hero__cta-secondary:hover {
  color: var(--dale-coral);
  border-color: var(--dale-coral);
}

.dale-hero__trust {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  flex-wrap: wrap;
}

.dale-hero__trust-avatars {
  display: flex;
}

.dale-hero__trust-avatars .dale-hero__avatar {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  border: 2px solid var(--dale-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin-left: -1rem;
  background: var(--dale-gold);
}

.dale-hero__trust-avatars .dale-hero__avatar:first-child  { margin-left: 0; background: var(--dale-blush); }
.dale-hero__trust-avatars .dale-hero__avatar:nth-child(2)  { background: var(--dale-sage); }
.dale-hero__trust-avatars .dale-hero__avatar:nth-child(3)  { background: var(--dale-lavender); }

.dale-hero__trust-text {
  font-size: 1.3rem;
  color: #555;
  line-height: 1.4;
  font-family: 'DM Sans', sans-serif;
}

.dale-hero__trust-text strong {
  display: block;
  color: var(--dale-navy);
  font-weight: 700;
  font-size: 1.5rem;
}

.dale-hero__trust-stars {
  color: var(--dale-gold);
  font-size: 1.4rem;
  letter-spacing: 1px;
}

/* Right column: product image with floating badges */
.dale-hero__right { position: relative; }

.dale-hero__stage {
  position: relative;
  border-radius: 3.2rem;
  border: 3px solid var(--dale-navy);
  overflow: hidden;
  aspect-ratio: 4/5;
  background: #ECE7DF;
  cursor: zoom-in;
}

.dale-hero__stage img,
.dale-hero__stage > svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}

.dale-hero__stage:hover img,
.dale-hero__stage:hover > svg {
  transform: scale(1.03);
}

.dale-hero__stage-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2.4rem;
  background: linear-gradient(to top, rgba(15, 25, 35, 0.75), transparent);
}

.dale-hero__stage-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: var(--dale-gold);
  color: var(--dale-navy);
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.6rem 1.4rem;
  border-radius: 100px;
  border: 1.5px solid var(--dale-navy);
}

/* Float badges */
.dale-hero__float {
  position: absolute;
  background: var(--dale-white);
  border: 2.5px solid var(--dale-navy);
  border-radius: 1.6rem;
  padding: 1.2rem 1.8rem;
  font-size: 1.3rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  box-shadow: 4px 4px 0 var(--dale-navy);
  white-space: nowrap;
  font-family: 'DM Sans', sans-serif;
  animation: dale-float 3s ease-in-out infinite;
}

@keyframes dale-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-6px); }
}

.dale-hero__float--tl { top: 2.4rem;    left: -2rem;   background: var(--dale-gold);     animation-delay: 0s; }
.dale-hero__float--tr { top: 3.6rem;    right: -1.6rem; background: var(--dale-blush);    animation-delay: 1s; }
.dale-hero__float--bl { bottom: 4rem;   left: -2.4rem;  background: var(--dale-sage);     color: white; animation-delay: 0.5s; }
.dale-hero__float--br { bottom: 2.4rem; right: -2rem;   background: var(--dale-lavender); color: white; animation-delay: 1.5s; }

/* ── Section Shells (shared) ─────────────────────────────────── */
.dale-section {
  padding: 12rem 4.8rem;
  border-top: 3px solid var(--dale-navy);
}

.dale-section--cream { background: var(--dale-cream); }
.dale-section--white { background: var(--dale-white); }
.dale-section--navy  { background: var(--dale-navy);  color: var(--dale-cream); }
.dale-section--coral { background: var(--dale-coral); color: var(--dale-white); }
.dale-section--gold  { background: var(--dale-gold);  padding: 4.8rem; }

.dale-inner {
  max-width: 120rem;
  margin: 0 auto;
}

.dale-eyebrow {
  display: inline-block;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--dale-coral);
  margin-bottom: 1.2rem;
}

.dale-eyebrow--gold   { color: var(--dale-gold); }
.dale-eyebrow--ondark { color: rgba(255, 255, 255, 0.7); }

.dale-section-title {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: clamp(2.2rem, 2.8vw, 3.8rem);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--dale-navy);
  margin: 0 0 1.6rem;
}

.dale-section--navy .dale-section-title  { color: var(--dale-cream); }
.dale-section--coral .dale-section-title { color: var(--dale-white); }

/* ── Section: UGC Gallery ────────────────────────────────────── */
.dale-ugc__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 4rem;
  gap: 2.4rem;
  flex-wrap: wrap;
}

.dale-ugc__see-all {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--dale-navy);
  text-decoration: none;
  border-bottom: 2px solid var(--dale-navy);
  padding-bottom: 2px;
  transition: all 0.2s;
  white-space: nowrap;
  font-family: 'DM Sans', sans-serif;
}

.dale-ugc__see-all:hover {
  color: var(--dale-coral);
  border-color: var(--dale-coral);
}

.dale-ugc__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1.6rem;
}

.dale-ugc-cell {
  position: relative;
  border-radius: 2.4rem;
  border: 2.5px solid var(--dale-navy);
  overflow: hidden;
  cursor: pointer;
  background: #ECE7DF;
}

.dale-ugc-cell img,
.dale-ugc-cell > svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}

.dale-ugc-cell:hover img,
.dale-ugc-cell:hover > svg { transform: scale(1.05); }

.dale-ugc-cell--1 { grid-row: span 2; aspect-ratio: 3/4; }
.dale-ugc-cell--2,
.dale-ugc-cell--3,
.dale-ugc-cell--4,
.dale-ugc-cell--5 { aspect-ratio: 4/3; }

.dale-ugc__cap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem 1.8rem 1.6rem;
  background: linear-gradient(to top, rgba(15, 25, 35, 0.8), transparent);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.2s;
}

.dale-ugc-cell:hover .dale-ugc__cap { opacity: 1; }

.dale-ugc__cap-text {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.4;
  font-family: 'DM Sans', sans-serif;
}

.dale-ugc__cap-tag {
  background: var(--dale-gold);
  color: var(--dale-navy);
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.4rem 1rem;
  border-radius: 100px;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 1rem;
}

/* ── Section: Benefits ───────────────────────────────────────── */
.dale-benefits__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 7.2rem;
  gap: 4rem;
  flex-wrap: wrap;
}

.dale-benefits__header-desc {
  max-width: 38rem;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #555;
  font-family: 'DM Sans', sans-serif;
}

.dale-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}

.dale-benefit-card {
  background: var(--dale-cream);
  border: 2.5px solid var(--dale-navy);
  border-radius: 2.4rem;
  padding: 3.6rem 3.2rem;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}

.dale-benefit-card::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  border-radius: 80px 0 24px 0;
  opacity: 0.10;
  background: var(--dale-card-accent, var(--dale-coral));
}

.dale-benefit-card:hover {
  transform: translateY(-4px);
  box-shadow: 6px 6px 0 var(--dale-navy);
}

.dale-benefit-card__icon {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1.6rem;
  border: 2px solid var(--dale-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.6rem;
  margin-bottom: 2rem;
  background: var(--dale-card-tint, var(--dale-tint-coral));
}

.dale-benefit-card__title {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -0.025em;
  margin: 0 0 1rem;
  color: var(--dale-navy);
}

.dale-benefit-card__desc {
  font-size: 1.5rem;
  line-height: 1.65;
  color: #555;
  margin: 0;
}

/* ── Section: How It Works ───────────────────────────────────── */
.dale-how__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.2rem;
}

.dale-how__step {
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 2.4rem;
  padding: 3.2rem 2.8rem;
  transition: border-color 0.2s, transform 0.2s;
}

.dale-how__step:hover {
  border-color: var(--dale-gold);
  transform: translateY(-4px);
}

.dale-how__step-num {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 5.6rem;
  line-height: 1;
  letter-spacing: -0.05em;
  margin-bottom: 1.6rem;
}

.dale-how__step--1 .dale-how__step-num { color: var(--dale-coral); }
.dale-how__step--2 .dale-how__step-num { color: var(--dale-gold); }
.dale-how__step--3 .dale-how__step-num { color: var(--dale-sage); }
.dale-how__step--4 .dale-how__step-num { color: var(--dale-lavender); }

.dale-how__step-icon {
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
  display: block;
}

.dale-how__step-title {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: -0.02em;
  margin: 0 0 1rem;
  color: var(--dale-cream);
}

.dale-how__step-desc {
  font-size: 1.4rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
  font-family: 'DM Sans', sans-serif;
}

/* ── Section: Reviews ────────────────────────────────────────── */
.dale-reviews__header {
  text-align: center;
  margin-bottom: 6.4rem;
}

.dale-reviews__score-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 2.4rem;
}

.dale-reviews__score-big {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 6.4rem;
  letter-spacing: -0.06em;
  color: var(--dale-navy);
  line-height: 1;
}

.dale-reviews__score-stars {
  font-size: 2.4rem;
  letter-spacing: 2px;
  color: var(--dale-gold);
  display: block;
}

.dale-reviews__score-count {
  font-size: 1.4rem;
  color: #777;
  margin-top: 0.4rem;
  display: block;
}

.dale-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  text-align: left;
}

.dale-review-card {
  background: var(--dale-white);
  border: 2.5px solid var(--dale-navy);
  border-radius: 2.4rem;
  padding: 2.8rem;
  transition: transform 0.2s, box-shadow 0.2s;
}

.dale-review-card:hover {
  transform: translateY(-4px);
  box-shadow: 6px 6px 0 var(--dale-navy);
}

.dale-review-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

.dale-review-card__reviewer {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.dale-review-card__avatar {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  border: 2px solid var(--dale-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  flex-shrink: 0;
}

.dale-review-card__name {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--dale-navy);
}

.dale-review-card__meta {
  font-size: 1.2rem;
  color: #888;
  margin-top: 0.2rem;
}

.dale-review-card__stars {
  color: var(--dale-gold);
  font-size: 1.4rem;
  letter-spacing: 1px;
}

.dale-review-card__body {
  font-size: 1.5rem;
  line-height: 1.7;
  color: #444;
  margin: 0 0 1.4rem;
  font-family: 'DM Sans', sans-serif;
}

.dale-review-card__tag {
  display: inline-block;
  background: var(--dale-cream);
  border: 1.5px solid var(--dale-navy);
  border-radius: 100px;
  padding: 0.4rem 1.2rem;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--dale-navy);
}

/* ── Section: Specs (gold strip) ─────────────────────────────── */
.dale-specs {
  border-top: 3px solid var(--dale-navy) !important;
  border-bottom: 3px solid var(--dale-navy) !important;
  padding: 4.8rem !important;
}

.dale-specs__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3.2rem;
  max-width: 120rem;
  margin: 0 auto;
}

.dale-specs__item { text-align: center; }

.dale-specs__icon {
  font-size: 3.6rem;
  margin-bottom: 1rem;
  display: block;
}

.dale-specs__value {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 2.8rem;
  color: var(--dale-navy);
  letter-spacing: -0.03em;
  margin-bottom: 0.4rem;
  display: block;
}

.dale-specs__label {
  font-size: 1.3rem;
  color: rgba(28, 43, 58, 0.65);
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  display: block;
}

/* ── Section: FAQ ────────────────────────────────────────────── */
.dale-faq {
  max-width: 80rem;
  margin: 0 auto;
}

.dale-faq__header {
  text-align: center;
  margin-bottom: 6rem;
}

.dale-faq__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.dale-faq__item {
  border: 2.5px solid var(--dale-navy);
  border-radius: 2rem;
  overflow: hidden;
  background: var(--dale-white);
}

.dale-faq__q {
  width: 100%;
  background: none;
  border: none;
  padding: 2.4rem 2.8rem;
  text-align: left;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.7rem;
  color: var(--dale-navy);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  transition: background 0.15s;
}

.dale-faq__q:hover { background: var(--dale-cream); }

.dale-faq__q[aria-expanded="true"] {
  background: var(--dale-navy);
  color: var(--dale-cream);
}

.dale-faq__toggle {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  border: 2px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform 0.25s;
  line-height: 1;
}

.dale-faq__q[aria-expanded="true"] .dale-faq__toggle {
  transform: rotate(45deg);
}

.dale-faq__a {
  display: none;
  padding: 0 2.8rem 2.4rem;
}

.dale-faq__a.open { display: block; }

.dale-faq__a p {
  font-size: 1.5rem;
  line-height: 1.7;
  color: #555;
  font-family: 'DM Sans', sans-serif;
}

/* ── Section: Final CTA (coral) ──────────────────────────────── */
.dale-final-cta {
  background: var(--dale-coral);
  color: var(--dale-white);
  border-top: 3px solid var(--dale-navy);
  padding: 12rem 4.8rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.dale-final-cta::before {
  content: 'DALE';
  position: absolute;
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 28rem;
  color: rgba(255, 255, 255, 0.08);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: -1.6rem;
  white-space: nowrap;
  pointer-events: none;
}

.dale-final-cta__inner {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
}

.dale-final-cta__desc {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.65;
  margin-bottom: 4.8rem;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  font-family: 'DM Sans', sans-serif;
}

.dale-final-cta__actions {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 3.6rem;
}

.dale-final-cta__trust {
  display: flex;
  justify-content: center;
  gap: 3.2rem;
  flex-wrap: wrap;
}

.dale-final-cta__trust-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.3rem;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
}

/* CTA buttons on coral section */
.dale-final-cta .dale-btn-white {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: var(--dale-white);
  color: var(--dale-navy) !important;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 1.8rem 3.6rem;
  border-radius: 100px;
  border: 2.5px solid var(--dale-navy);
  text-decoration: none !important;
  transition: all 0.2s;
}

.dale-final-cta .dale-btn-white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.dale-final-cta .dale-btn-outline-white {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: transparent;
  color: var(--dale-white) !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1.8rem 3.6rem;
  border-radius: 100px;
  border: 2.5px solid rgba(255, 255, 255, 0.6);
  text-decoration: none !important;
  transition: all 0.2s;
}

.dale-final-cta .dale-btn-outline-white:hover {
  border-color: var(--dale-white);
  transform: translateY(-2px);
}

/* ── Responsive ─────────────────────────────────────────────── */
@media screen and (max-width: 990px) {
  .dale-hero {
    grid-template-columns: 1fr;
    padding: 4rem 2.4rem 6rem;
    gap: 4rem;
  }

  .dale-hero__right { display: none; }

  .dale-benefits__grid  { grid-template-columns: 1fr 1fr; }
  .dale-reviews__grid   { grid-template-columns: 1fr 1fr; }
  .dale-ugc__grid       { grid-template-columns: 1fr 1fr; }
  .dale-ugc-cell--1     { grid-row: span 1; aspect-ratio: 4/3; }
  .dale-specs__grid     { grid-template-columns: repeat(3, 1fr); }
  .dale-how__steps      { grid-template-columns: 1fr 1fr; }

  .dale-benefits__header { flex-direction: column; align-items: flex-start; }
  .dale-section { padding: 8rem 2.4rem; }
}

@media screen and (max-width: 749px) {
  .dale-benefits__grid { grid-template-columns: 1fr; }
  .dale-reviews__grid  { grid-template-columns: 1fr; }
  .dale-ugc__grid      { grid-template-columns: 1fr 1fr; }
  .dale-ugc-cell--1    { grid-column: span 2; }
  .dale-specs__grid    { grid-template-columns: repeat(2, 1fr); }
  .dale-how__steps     { grid-template-columns: 1fr; }

  .dale-final-cta { padding: 8rem 2.4rem; }
  .dale-final-cta::before { font-size: 20rem; }
}


/* ============================================================
   DALE CRO — Product Page Enhancements
   ============================================================ */

/* ── Buy Box — Base Layout ─────────────────────────────────── */
.product__info-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Gap between each block in the buy column */
.product-form__input,
.product__title,
#price-{{ section.id }},
.product__description {
  margin-bottom: 2.4rem;
}

/* Remove Dawn's default gap overrides */
.product__info-wrapper .product__title {
  margin-bottom: 0.4rem !important;
}

/* ── Review Stars Row (injected by JS) ──────────────────────── */
.dale-pdp-stars {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  font-family: 'DM Sans', sans-serif;
}

.dale-pdp-stars__stars {
  color: var(--dale-gold);
  font-size: 1.7rem;
  letter-spacing: 1px;
  line-height: 1;
}

.dale-pdp-stars__count {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--dale-navy);
  text-decoration: none;
  border-bottom: 1.5px solid rgba(28,43,58,0.25);
  padding-bottom: 1px;
  transition: color 0.15s, border-color 0.15s;
}

.dale-pdp-stars__count:hover {
  color: var(--dale-coral);
  border-color: var(--dale-coral);
}

.dale-pdp-stars__sep {
  color: rgba(28,43,58,0.3);
  font-size: 1.3rem;
}

.dale-pdp-stars__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--dale-sage);
  background: var(--dale-tint-sage);
  border-radius: 100px;
  padding: 0.3rem 1rem;
}

/* ── Price Block ─────────────────────────────────────────────── */
.product .price--large {
  display: flex !important;
  align-items: baseline !important;
  gap: 1.2rem !important;
  flex-wrap: wrap !important;
  margin-bottom: 0 !important;
}

.product .price--large .price-item--sale {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 600 !important;
  color: var(--dale-coral) !important;
  letter-spacing: -0.01em !important;
}

.product .price--large .price-item--regular {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 2.2rem !important;
  color: #aaa !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Save badge next to price */
.product .price--large .badge--sale {
  background: var(--dale-coral) !important;
  color: white !important;
  border-radius: 100px !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  padding: 0.4rem 1.2rem !important;
  align-self: center !important;
}

/* ── Variant Picker ──────────────────────────────────────────── */
/* Label above picker: "Select Color — Big Checker" */
.product-form__input .form__label {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(28,43,58,0.55) !important;
  margin-bottom: 1.2rem !important;
  display: block !important;
}

/* Pill input list */
.product-form__input--pill fieldset {
  gap: 0.8rem !important;
  flex-wrap: wrap !important;
}

/* ── Quantity Selector ────────────────────────────────────────── */
.product-form__quantity {
  display: flex !important;
  align-items: center !important;
  gap: 1.2rem !important;
}

.quantity {
  border-radius: 100px !important;
  overflow: hidden !important;
  border: 2px solid var(--dale-navy) !important;
  height: 5.2rem !important;
}

.quantity__button {
  font-size: 2rem !important;
  width: 4.4rem !important;
  background: transparent !important;
  color: var(--dale-navy) !important;
  font-weight: 300 !important;
}

.quantity__button:hover {
  background: var(--dale-navy) !important;
  color: var(--dale-cream) !important;
}

.quantity__input {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.8rem !important;
  min-width: 5.2rem !important;
}

/* ── Add to Cart Button ───────────────────────────────────────── */
.product-form__submit {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  padding: 2rem 3.6rem !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  min-height: 6rem !important;
  background: var(--dale-navy) !important;
  border-color: var(--dale-navy) !important;
  color: var(--dale-cream) !important;
  border-radius: 100px !important;
  transition: background 0.2s, border-color 0.2s, transform 0.15s, box-shadow 0.2s !important;
}

.product-form__submit:not(:disabled):hover {
  background: var(--dale-coral) !important;
  border-color: var(--dale-coral) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(232,93,63,0.35) !important;
}

.product-form__submit:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Shopify dynamic checkout buttons (Shop Pay, PayPal) */
.shopify-payment-button__button {
  border-radius: 100px !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  min-height: 5.6rem !important;
}

.shopify-payment-button__button--unbranded {
  background: var(--dale-gold) !important;
  color: var(--dale-navy) !important;
  border: 2.5px solid var(--dale-navy) !important;
  border-radius: 100px !important;
  transition: transform 0.15s, box-shadow 0.2s !important;
}

.shopify-payment-button__button--unbranded:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(242,193,78,0.45) !important;
}

/* ── Urgency badge (injected by JS) ─────────────────────────── */
.dale-pdp-urgency {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.3rem;
  color: rgba(28,43,58,0.7);
  margin-bottom: 1.6rem;
}

.dale-pdp-urgency__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3ED686;
  flex-shrink: 0;
  box-shadow: 0 0 0 3px rgba(62,214,134,0.25);
  animation: dale-pulse 2s ease-in-out infinite;
}

@keyframes dale-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(62,214,134,0.25); }
  50%       { box-shadow: 0 0 0 6px rgba(62,214,134,0.10); }
}

.dale-pdp-urgency strong {
  color: var(--dale-navy);
  font-weight: 700;
}

/* ── Buy Buttons Group ───────────────────────────────────────── */
.product-form__buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.2rem !important;
  margin-bottom: 0 !important;
}

/* ── Trust Row (custom_liquid block) ─────────────────────────── */
.dale-pdp-buy-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem 2.8rem;
  flex-wrap: wrap;
  padding: 1.6rem 0;
  border-top: 1.5px solid rgba(28,43,58,0.1);
  border-bottom: 1.5px solid rgba(28,43,58,0.1);
  margin: 0.8rem 0 2.4rem;
}

.dale-pdp-buy-trust__item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.3rem;
  color: rgba(28,43,58,0.65);
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  white-space: nowrap;
}

.dale-pdp-buy-trust__item span:first-child {
  font-size: 1.5rem;
}

/* ── Product Description ─────────────────────────────────────── */
.product__description {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.75 !important;
  color: #555 !important;
  border-top: 1.5px solid rgba(28,43,58,0.1) !important;
  padding-top: 2.4rem !important;
  margin-top: 2rem !important;
}

.product__description p { margin-bottom: 1em !important; }

.product__description ul,
.product__description ol {
  padding-left: 2rem !important;
  margin-bottom: 1em !important;
}

.product__description li {
  margin-bottom: 0.5em !important;
}

/* ── Collapsible Tabs (Shopify accordions) ───────────────────── */
.product__accordion {
  border: 2px solid rgba(28,43,58,0.12) !important;
  border-radius: 2rem !important;
  overflow: hidden !important;
  margin-bottom: 1.2rem !important;
  transition: border-color 0.15s !important;
}

.product__accordion:hover {
  border-color: rgba(28,43,58,0.3) !important;
}

.product__accordion details[open] {
  border-color: var(--dale-navy) !important;
}

.product__accordion details {
  border: none !important;
}

.product__accordion .accordion__title {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  letter-spacing: -0.01em !important;
  color: var(--dale-navy) !important;
}

.product__accordion summary {
  padding: 1.8rem 2.4rem !important;
  transition: background 0.15s !important;
}

.product__accordion summary:hover {
  background: rgba(28,43,58,0.03) !important;
}

.product__accordion .accordion__content {
  padding: 0 2.4rem 2rem !important;
  font-size: 1.5rem !important;
  line-height: 1.7 !important;
  color: #555 !important;
  font-family: 'DM Sans', sans-serif !important;
}

.product__accordion .accordion__content p {
  margin: 0 !important;
}

/* ── Product Media Gallery ───────────────────────────────────── */
.product__media-list .product__media-item {
  border-radius: 2.4rem !important;
  overflow: hidden !important;
}

/* Main product images */
.product__media-list .global-media-settings {
  border-radius: 2.4rem !important;
  border: 2.5px solid var(--dale-navy) !important;
  overflow: hidden !important;
}

/* Prevent overflow clipping issues */
.product__media-list .global-media-settings--no-shadow {
  overflow: hidden !important;
}

/* Thumbnail strip */
.thumbnail.global-media-settings,
.product__media-list .thumbnail-list__item img {
  border-radius: 1.4rem !important;
  border: 2.5px solid transparent !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  cursor: pointer !important;
}

.thumbnail.global-media-settings.is-active,
.thumbnail-list__item.is-active .thumbnail.global-media-settings {
  border-color: var(--dale-navy) !important;
  box-shadow: 3px 3px 0 var(--dale-navy) !important;
}

.thumbnail.global-media-settings:hover {
  border-color: rgba(28,43,58,0.4) !important;
}

/* ── Sticky ATC Bar ─────────────────────────────────────────── */
.dale-sticky-atc {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: var(--dale-cream);
  border-top: 2.5px solid var(--dale-navy);
  padding: 1.6rem 4.8rem;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
  box-shadow: 0 -4px 32px rgba(28,43,58,0.12);
}

.dale-sticky-atc--visible {
  transform: translateY(0);
}

.dale-sticky-atc__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}

.dale-sticky-atc__product {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  min-width: 0;
}

.dale-sticky-atc__img {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1.2rem;
  border: 2px solid var(--dale-navy);
  object-fit: cover;
  flex-shrink: 0;
}

.dale-sticky-atc__img--placeholder {
  background: #ECE7DF;
}

.dale-sticky-atc__info {
  min-width: 0;
}

.dale-sticky-atc__name {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--dale-navy);
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dale-sticky-atc__price {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  margin-top: 0.2rem;
}

.dale-sticky-atc__price-sale {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 2rem;
  color: var(--dale-navy);
  letter-spacing: -0.03em;
}

.dale-sticky-atc__price-orig {
  font-size: 1.4rem;
  color: #aaa;
  text-decoration: line-through;
}

.dale-sticky-atc__price-save {
  font-size: 1.2rem;
  font-weight: 700;
  background: var(--dale-coral);
  color: white;
  padding: 0.2rem 0.8rem;
  border-radius: 100px;
}

.dale-sticky-atc__right {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-shrink: 0;
}

.dale-sticky-atc__trust {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 1.2rem;
  color: rgba(28,43,58,0.55);
  font-family: 'DM Sans', sans-serif;
  text-align: right;
}

.dale-sticky-atc__btn {
  background: var(--dale-navy);
  color: var(--dale-cream);
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 1.4rem 3.2rem;
  border-radius: 100px;
  border: 2px solid var(--dale-navy);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s, border-color 0.2s, transform 0.15s, box-shadow 0.2s;
}

.dale-sticky-atc__btn:hover {
  background: var(--dale-coral);
  border-color: var(--dale-coral);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(232,93,63,0.30);
}

@media screen and (max-width: 749px) {
  .dale-sticky-atc {
    padding: 1.2rem 1.6rem;
  }
  .dale-sticky-atc__trust { display: none; }
  .dale-sticky-atc__name { font-size: 1.4rem; }
}

/* ── PDP Trust / Guarantee Section ──────────────────────────── */
.dale-pdp-trust {
  border-top: 3px solid var(--dale-navy);
  padding: 6.4rem 0;
}

.dale-pdp-trust .page-width {
  max-width: 120rem;
}

.dale-pdp-trust__banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6.4rem;
  align-items: start;
  padding: 4rem 4.8rem;
  background: var(--dale-white);
  border: 2.5px solid var(--dale-navy);
  border-radius: 2.4rem;
  margin-bottom: 2.4rem;
}

.dale-pdp-trust__banner-left {
  display: flex;
  gap: 2.4rem;
  align-items: flex-start;
}

.dale-pdp-trust__seal {
  font-size: 5.6rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 0.4rem;
}

.dale-pdp-trust__guarantee-label {
  display: inline-block;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--dale-coral);
  margin-bottom: 0.8rem;
}

.dale-pdp-trust__guarantee-title {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: clamp(2rem, 2.2vw, 2.8rem);
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--dale-navy);
  margin: 0 0 1.6rem;
}

.dale-pdp-trust__guarantee-desc {
  font-size: 1.5rem;
  line-height: 1.75;
  color: #555;
  font-family: 'DM Sans', sans-serif;
  margin: 0 0 2rem;
}

.dale-pdp-trust__checks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
}

.dale-pdp-trust__checks span {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--dale-sage);
  font-family: 'DM Sans', sans-serif;
}

.dale-pdp-trust__banner-right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 2.4rem;
  border-left: 1.5px solid rgba(28,43,58,0.1);
}

.dale-pdp-trust__item {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}

.dale-pdp-trust__item-icon {
  font-size: 2.8rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 1.2rem;
  border: 2px solid var(--dale-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dale-cream);
  flex-shrink: 0;
}

.dale-pdp-trust__item-title {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--dale-navy);
  margin-bottom: 0.3rem;
  letter-spacing: -0.02em;
}

.dale-pdp-trust__item-desc {
  font-size: 1.4rem;
  color: #666;
  line-height: 1.5;
  font-family: 'DM Sans', sans-serif;
}

/* Social proof strip */
.dale-pdp-trust__proof-strip {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  flex-wrap: wrap;
  padding: 2rem 3.2rem;
  background: var(--dale-navy);
  border-radius: 2rem;
  color: var(--dale-cream);
}

.dale-pdp-trust__proof-label {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dale-gold);
  white-space: nowrap;
  flex-shrink: 0;
}

.dale-pdp-trust__proof-stats {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
}

.dale-pdp-trust__proof-stats span {
  font-size: 1.4rem;
  color: rgba(255,255,255,0.75);
  font-family: 'DM Sans', sans-serif;
}

.dale-pdp-trust__proof-stats strong {
  color: var(--dale-cream);
  font-weight: 700;
}

/* Responsive: PDP trust */
@media screen and (max-width: 990px) {
  .dale-pdp-trust__banner {
    grid-template-columns: 1fr;
    gap: 3.2rem;
    padding: 3.2rem 2.4rem;
  }
  .dale-pdp-trust__banner-right {
    border-left: none;
    border-top: 1.5px solid rgba(28,43,58,0.1);
    padding-left: 0;
    padding-top: 2.4rem;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .dale-pdp-trust__item { flex: 1 1 200px; }
  .dale-pdp-trust__proof-strip { flex-direction: column; align-items: flex-start; }
}

@media screen and (max-width: 749px) {
  .dale-pdp-trust { padding: 4rem 0; }
  .dale-pdp-trust__banner { margin: 0 2rem 2rem; }
  .dale-pdp-trust__proof-strip { margin: 0 2rem; border-radius: 1.6rem; }
  .dale-pdp-trust__proof-stats { gap: 1.2rem; }
  .dale-pdp-trust__banner-left { flex-direction: column; gap: 1.6rem; }
  .dale-pdp-trust__seal { font-size: 4rem; }
}


/* ══════════════════════════════════════════════════════════════
   HOMEPAGE CRO
   ══════════════════════════════════════════════════════════════ */

/* ── Home Sticky Bar ────────────────────────────────────────── */
.dale-home-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: var(--dale-navy);
  border-top: 2.5px solid var(--dale-gold);
  padding: 1.2rem 0;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
  box-shadow: 0 -4px 24px rgba(28,43,58,0.18);
}

.dale-home-sticky--visible {
  transform: translateY(0);
}

/* On mobile, hide it (purchase toast already occupies bottom-left) */
@media screen and (max-width: 749px) {
  .dale-home-sticky { display: none; }
}

.dale-home-sticky__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}

.dale-home-sticky__left {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.dale-home-sticky__stars {
  color: var(--dale-gold);
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}

.dale-home-sticky__rating {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--dale-cream);
  letter-spacing: -0.02em;
}

.dale-home-sticky__count {
  font-size: 1.3rem;
  color: rgba(245,240,232,0.6);
  font-family: 'DM Sans', sans-serif;
}

.dale-home-sticky__right {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.dale-home-sticky__trust {
  display: flex;
  gap: 2rem;
  font-size: 1.25rem;
  color: rgba(245,240,232,0.65);
  font-family: 'DM Sans', sans-serif;
}

.dale-home-sticky__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--dale-coral);
  color: #fff;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  padding: 0.9rem 2.4rem;
  border-radius: 10rem;
  border: none;
  text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  white-space: nowrap;
}

.dale-home-sticky__btn:hover {
  background: #c45438;
  transform: translateY(-1px);
  color: #fff;
  text-decoration: none;
}

/* ── Hero Urgency Injection ─────────────────────────────────── */
.dale-hero-urgency {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 1.35rem;
  color: #444;
  font-family: 'DM Sans', sans-serif;
  margin-top: 1.6rem;
}

.dale-hero-urgency__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  flex-shrink: 0;
  animation: dale-pulse 1.8s ease-in-out infinite;
}

.dale-hero-urgency strong {
  color: var(--dale-navy);
  font-weight: 700;
}

/* ── Recent Purchase Toast ──────────────────────────────────── */
.dale-purchase-toast {
  position: fixed;
  bottom: 2.4rem;
  left: 2.4rem;
  z-index: 300;
  background: #fff;
  border: 2px solid var(--dale-navy);
  border-radius: 1.6rem;
  padding: 1.4rem 2rem;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  box-shadow: 0 8px 32px rgba(28,43,58,0.14);
  max-width: 32rem;
  transform: translateX(calc(-100% - 3rem));
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
  pointer-events: none;
}

.dale-purchase-toast--visible {
  transform: translateX(0);
}

.dale-purchase-toast__icon {
  font-size: 2.4rem;
  flex-shrink: 0;
}

.dale-purchase-toast__text {
  font-size: 1.3rem;
  line-height: 1.5;
  font-family: 'DM Sans', sans-serif;
  color: var(--dale-navy);
}

.dale-purchase-toast__text strong {
  font-weight: 700;
}

.dale-purchase-toast__text em {
  font-style: normal;
  color: #888;
  font-size: 1.15rem;
}

/* ── Responsive: Home Sticky ────────────────────────────────── */
@media screen and (max-width: 990px) {
  .dale-home-sticky__trust { display: none; }
}

@media screen and (max-width: 749px) {
  .dale-home-sticky__count { display: none; }
  .dale-home-sticky__btn {
    font-size: 1.3rem;
    padding: 0.8rem 1.8rem;
  }
  .dale-purchase-toast {
    bottom: 1.6rem;
    left: 1.6rem;
    right: 1.6rem;
    max-width: none;
  }
}

/* ══════════════════════════════════════════════════════════════
   HEADER / NAV
   ══════════════════════════════════════════════════════════════ */

/* ── Wrapper ─────────────────────────────────────────────────── */
.header-wrapper {
  background: var(--dale-cream) !important;
  border-bottom: 3px solid var(--dale-navy) !important;
}

.header-wrapper.gradient {
  background: var(--dale-cream) !important;
}

/* Remove default Dawn separator (we use border-bottom on wrapper) */
.header-wrapper--border-bottom {
  border-bottom: 3px solid var(--dale-navy) !important;
  box-shadow: none !important;
}

/* ── Logo wordmark ───────────────────────────────────────────── */
.header__heading-link .h2,
.header__heading-link h1,
.header__heading .h2 {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  font-size: 3rem !important;
  letter-spacing: -0.05em !important;
  color: var(--dale-navy) !important;
  text-transform: lowercase !important;
  line-height: 1 !important;
}

/* If logo image is set, ensure it stays crisp */
.header__heading-logo {
  filter: none !important;
}

/* ── Desktop nav links ───────────────────────────────────────── */
.header__menu-item,
.header__active-menu-item {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  color: var(--dale-navy) !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  position: relative;
}

/* Animated coral underline on hover */
.header__menu-item::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--dale-coral);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.22s ease;
  pointer-events: none;
}

.header__menu-item:hover::after,
.header__active-menu-item::after {
  transform: scaleX(1);
}

.header__active-menu-item::after {
  background: var(--dale-navy);
}

/* Dropdown menu */
.header__submenu.list-menu {
  background: var(--dale-cream) !important;
  border: 2px solid var(--dale-navy) !important;
  border-radius: 1.6rem !important;
  box-shadow: 0 8px 32px rgba(28,43,58,0.12) !important;
  overflow: hidden;
  padding: 0.8rem 0 !important;
}

.header__submenu .list-menu__item--link {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  color: var(--dale-navy) !important;
  padding: 1rem 2rem !important;
  transition: background 0.15s, color 0.15s;
}

.header__submenu .list-menu__item--link:hover {
  background: rgba(28,43,58,0.06) !important;
  color: var(--dale-coral) !important;
}

/* ── Strip nav to logo + CTA + cart only ─────────────────────── */

/* Hide nav links, search, account on desktop */
@media screen and (min-width: 990px) {
  .header__inline-menu,
  .header__icon--search,
  .header__icon--account {
    display: none !important;
  }
  /* Hide the drawer toggle too — no nav to open */
  header-drawer {
    display: none !important;
  }
}

/* ── Injected "Shop the Carrier" nav CTA ────────────────────── */
.dale-nav-cta {
  display: inline-flex;
  align-items: center;
  background: var(--dale-coral);
  color: #fff !important;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  padding: 0.75rem 2rem;
  border-radius: 10rem;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.15s;
  white-space: nowrap;
  margin-left: 2.4rem;
}

.dale-nav-cta:hover {
  background: #c45438;
  transform: translateY(-1px);
  color: #fff !important;
}

/* ── Header icons ────────────────────────────────────────────── */
.header__icon svg path,
.header__icon svg rect,
.header__icon svg circle {
  stroke: var(--dale-navy) !important;
  fill: none !important;
}

/* For filled icons */
.header__icon .icon-account path,
.header__icon .icon-search path {
  fill: var(--dale-navy) !important;
  stroke: none !important;
}

/* Cart count bubble */
.cart-count-bubble {
  background-color: var(--dale-coral) !important;
  color: #fff !important;
}

.cart-count-bubble span {
  color: #fff !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
}

/* ── Sticky header shadow ────────────────────────────────────── */
.shopify-section-header-sticky .header-wrapper,
.section-header.shopify-section-header-sticky .header-wrapper {
  box-shadow: 0 2px 24px rgba(28,43,58,0.09);
}

/* ── Mobile drawer ───────────────────────────────────────────── */
.menu-drawer {
  background: var(--dale-cream) !important;
  border-right: 3px solid var(--dale-navy) !important;
}

.menu-drawer__navigation .list-menu__item--link {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  letter-spacing: -0.02em !important;
  color: var(--dale-navy) !important;
  padding: 1.4rem 0 !important;
  border-bottom: 1px solid rgba(28,43,58,0.1) !important;
}

.menu-drawer__navigation .list-menu__item--link:hover {
  color: var(--dale-coral) !important;
}

.menu-drawer__close-button svg path {
  stroke: var(--dale-navy) !important;
}

/* ── Hamburger icon ──────────────────────────────────────────── */
.header__icon--menu svg line,
.header__icon--menu svg path {
  stroke: var(--dale-navy) !important;
}

/* ── Announcement bar (if shown) ────────────────────────────── */
.announcement-bar {
  background: var(--dale-navy) !important;
  border-bottom: none !important;
}

.announcement-bar__message {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: var(--dale-cream) !important;
}

.announcement-bar__message a {
  color: var(--dale-gold) !important;
}

/* ── Responsive ──────────────────────────────────────────────── */
/* Hide CTA on mobile — logo + cart is enough at small sizes */
@media screen and (max-width: 989px) {
  .dale-nav-cta { display: none !important; }
}