/** Shopify CDN: Minification failed

Line 696:15 Unexpected "{"
Line 696:24 Expected ":"
Line 696:30 Unexpected "{"
Line 699:17 Unexpected "{"
Line 699:26 Expected ":"
Line 703:19 Unexpected "{"
Line 703:28 Expected ":"
Line 707:17 Unexpected "{"
Line 707:26 Expected ":"
Line 711:19 Unexpected "{"
... and 242 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:custom-homepage-reviews (INDEX:17) */
.custom-homepage-reviews__header {
    text-align: center;
    max-width: 56rem;
    margin-inline: auto;
    margin-bottom: 2.5rem;
  }

  .custom-homepage-reviews__eyebrow {
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    opacity: 0.75;
  }

  .custom-homepage-reviews__title {
    margin-bottom: 1rem;
  }

  .custom-homepage-reviews__intro {
    max-width: 42rem;
    margin-inline: auto;
  }

  /* Aggregate stats strip */
  .custom-homepage-reviews__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1rem, 2vw, 2rem);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    margin-bottom: clamp(2rem, 4vw, 3rem);
    background: #ffffff;
    border: 1px solid rgba(42, 42, 42, 0.08);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(42, 42, 42, 0.06);
    align-items: end;
  }

  .custom-homepage-reviews__stat {
    text-align: center;
    padding: 0 clamp(0.5rem, 1.5vw, 1rem);
    border-right: 1px solid rgba(42, 42, 42, 0.08);
  }

  .custom-homepage-reviews__stat:last-child {
    border-right: none;
  }

  .custom-homepage-reviews__stars {
    font-size: clamp(22px, 2.4vw, 28px);
    color: #FEB25D;
    letter-spacing: 3px;
    margin-bottom: 0.6rem;
    line-height: 1;
  }

  .custom-homepage-reviews__star--empty {
    color: rgba(42, 42, 42, 0.15);
  }

  .custom-homepage-reviews__stat-value {
    font-family: "Lato", var(--heading-font-family, sans-serif);
    font-weight: 900;
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    line-height: 1;
    letter-spacing: -0.02em;
  }

  .custom-homepage-reviews__stat--coral .custom-homepage-reviews__stat-value {
    color: #F36E78;
  }

  .custom-homepage-reviews__stat--purple .custom-homepage-reviews__stat-value {
    color: #B470AD;
  }

  .custom-homepage-reviews__stat-label {
    font-family: "Lato", var(--body-font-family, sans-serif);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-top: 0.85rem;
    line-height: 1.35;
    opacity: 0.8;
  }

  /* Carousel slot */
  .custom-homepage-reviews__carousel {
    margin-bottom: clamp(2rem, 4vw, 3rem);
    min-height: 300px;
  }

  .custom-homepage-reviews__empty {
    padding: 3rem 2rem;
    text-align: center;
    border: 2px dashed rgba(42, 42, 42, 0.2);
    border-radius: 4px;
  }

  .custom-homepage-reviews__noscript {
    padding: 2rem;
    text-align: center;
  }

  /* CTA */
  .custom-homepage-reviews__cta {
    text-align: center;
  }

  /* Tablet */
  @media (max-width: 60rem) {
    .custom-homepage-reviews__header {
      padding-inline: 1rem;
    }
  }

  /* Mobile */
  @media (max-width: 40rem) {
    .custom-homepage-reviews__header {
      padding-inline: 1rem;
      margin-bottom: 1.5rem;
    }

    .custom-homepage-reviews__title {
      font-size: clamp(1.5rem, 6vw, 2rem);
    }
#klaviyo-reviews-carousel-wrapper {
  padding-block: 0 !important;
  margin-block: 0 !important;
}
    .custom-homepage-reviews__stats {
      grid-template-columns: repeat(3, 1fr);
      align-items: end;
      gap: 0;
      padding: 1rem 0.75rem;
      margin-inline: 0;
      border-radius: 8px;
    }

    .custom-homepage-reviews__stat {
      border-right: 1px solid rgba(42, 42, 42, 0.08);
      border-bottom: none;
      padding: 0 0.5rem;
    }

    .custom-homepage-reviews__stat:last-child {
      border-right: none;
    }

    .custom-homepage-reviews__stat-value {
      font-size: clamp(1.4rem, 6vw, 2rem);
    }

    .custom-homepage-reviews__stars {
      font-size: clamp(14px, 3.5vw, 18px);
      letter-spacing: 1px;
    }

    .custom-homepage-reviews__stat-label {
      font-size: 0.6rem;
      letter-spacing: 0.12em;
      margin-top: 0.5rem;
    }

    .custom-homepage-reviews__carousel {
      padding-inline: 0;
      min-height: 200px;
    }

    .custom-homepage-reviews__cta {
      padding-inline: 1rem;
    }
  }
/* END_SECTION:custom-homepage-reviews */

/* START_SECTION:custom-image-numbered-story (INDEX:20) */
/* Reduce the top padding above the section so it sits tighter
     under the preceding section. Prestige's section-spacing applies
     a large top+bottom padding by default — we pull the top in. */
  .shopify-section--img-numbered-story .section-spacing {
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
  }

  .img-story {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
  }

  /* Image-right (default): content on left */
  .img-story--image-right .img-story__media { order: 2; }
  .img-story--image-right .img-story__content { order: 1; }

  /* Image-left: content on right */
  .img-story--image-left .img-story__media { order: 1; }
  .img-story--image-left .img-story__content { order: 2; }

  /* Media */
  .img-story__media {
    position: relative;
    overflow: hidden;
    width: 100%;
    line-height: 1; /* removes any inline-block whitespace below image */
  }
  .img-story__media--blob {
    border-radius: 50%;
    aspect-ratio: 4/5; /* blob needs aspect ratio to create the ellipse */
  }
  .img-story__image,
  .img-story__image-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  /* When NOT using blob, let the image size naturally without forced aspect */
  .img-story__media:not(.img-story__media--blob) .img-story__image {
    height: auto;
  }
  .img-story__image-placeholder svg {
    width: 100%;
    height: 100%;
    background: rgba(42, 42, 42, 0.05);
  }

  /* Content */
  .img-story__content {
    max-width: 34rem;
  }

  /* Reset top margin on first content elements — Prestige's h1/h6/prose
     classes add default top margin that creates awkward gaps */
  .img-story__content > *:first-child,
  .img-story__eyebrow,
  .img-story__title,
  .img-story__lede {
    margin-top: 0;
    margin-block-start: 0;
  }

  .img-story__eyebrow {
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    opacity: 0.75;
  }

  .img-story__title {
    margin-bottom: 1rem;
  }

  .img-story__lede {
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
    line-height: 1.55;
  }

  /* Numbered list */
  .img-story__list {
    list-style: none !important;
    list-style-type: none !important;
    margin: 2rem 0;
    padding: 0 !important;
    padding-left: 0 !important;
    counter-reset: item;
  }

  .img-story__item {
    list-style: none !important;
    list-style-type: none !important;
    display: grid;
    grid-template-columns: 3rem 1fr;
    gap: 1.25rem;
    padding: 1.4rem 0;
    border-bottom: 1px solid rgba(42, 42, 42, 0.1);
    align-items: start;
  }
  .img-story__item::marker {
    content: none;
    display: none;
  }
  .img-story__item:last-child {
    border-bottom: none;
  }

  .img-story__num {
    font-family: "Lato", var(--heading-font-family, sans-serif);
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.01em;
    color: #F36E78;
  }

  /* Rotate accent color through brand palette: coral, orange, purple, repeat */
  .img-story__item:nth-child(3n+2) .img-story__num {
    color: #FEB25D;
  }
  .img-story__item:nth-child(3n+3) .img-story__num {
    color: #B470AD;
  }

  .img-story__item-title {
    font-family: "Lato", var(--heading-font-family, sans-serif);
    font-weight: 900;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    display: block;
    margin-bottom: 0.5rem;
    line-height: 1.25;
  }

  .img-story__item-text {
    font-size: 0.98rem;
    line-height: 1.5;
  }

  .img-story__item-text p:last-child {
    margin-bottom: 0;
  }

  .img-story__cta {
    margin-top: 1rem;
  }

  /* Responsive — tablet */
  @media (max-width: 60rem) {
    .img-story {
      grid-template-columns: 1fr;
      gap: 0.5rem;
      padding-inline: 1.25rem;
    }
    /* On tablet and below, always show image first regardless of desktop setting */
    .img-story--image-right .img-story__media,
    .img-story--image-left .img-story__media {
      order: 1;
    }
    .img-story--image-right .img-story__content,
    .img-story--image-left .img-story__content {
      order: 2;
    }
    .img-story__media {
      max-width: 32rem;
      margin-inline: auto;
    }
    .img-story__content {
      max-width: none;
    }
  }

  /* Responsive — mobile */
  @media (max-width: 40rem) {
    .img-story {
      gap: 0.5rem;
      padding-inline: 1.25rem;
    }
    .img-story__item {
      grid-template-columns: 2.5rem 1fr;
      gap: 1rem;
      padding: 1.2rem 0;
    }
    .img-story__num {
      font-size: 1.2rem;
    }
    .img-story__item-title {
      font-size: 0.88rem;
      letter-spacing: 0.1em;
    }
    .img-story__item-text {
      font-size: 0.94rem;
    }
  }
/* END_SECTION:custom-image-numbered-story */

/* START_SECTION:custom-newsletter-branded (INDEX:25) */
.hp-newsletter {
    max-width: 640px;
    margin-inline: auto;
    text-align: center;
    padding-inline: 1rem;
    position: relative;
  }

  /* Ensure all direct children sit in normal flow */
  .hp-newsletter > * {
    position: relative;
    z-index: 1;
  }

  /* Reset default top margins so Prestige h1/h6/prose styles don't add gap */
  .hp-newsletter > *:first-child,
  .hp-newsletter__eyebrow,
  .hp-newsletter__title,
  .hp-newsletter__body {
    margin-top: 0;
    margin-block-start: 0;
  }

  /* Offer tag — peach, square-ish corners, clearly NOT a button */
  .hp-newsletter__offer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    margin-bottom: 1.5rem;
    background: #FFCB95;
    color: #2A2A2A;
    font-family: "Lato", var(--heading-font-family, sans-serif);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    border-radius: 4px;
  }
  .hp-newsletter__offer::before {
    content: "✦";
    font-size: 12px;
    color: #F36E78;
  }

  /* Eyebrow */
  .hp-newsletter__eyebrow {
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    opacity: 0.75;
  }

  /* Title */
  .hp-newsletter__title {
    margin-bottom: 0.75rem;
  }

  /* Body */
  .hp-newsletter__body {
    margin-bottom: 2rem;
    font-size: 14px;
    line-height: 1.55;
    max-width: 480px;
    margin-inline: auto;
  }

  /* Input */
  .hp-newsletter .hp-newsletter__input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 14px 20px;
    background: transparent !important;
    border: none !important;
    font-family: "Lora", Georgia, serif;
    font-size: 14px;
    color: #2A2A2A !important;
    outline: none;
    border-radius: 999px;
    box-shadow: none !important;
  }

  /* Form wrapper */
  .hp-newsletter__form {
    max-width: 500px;
    margin-inline: auto;
  }

  /* Input + button row */
  .hp-newsletter .hp-newsletter__row {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border-radius: 999px;
    padding: 6px;
    box-shadow: 0 4px 16px rgba(42, 42, 42, 0.06);
    border: 1px solid rgba(42, 42, 42, 0.08);
  }

  /* Input */
  .hp-newsletter .hp-newsletter__input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 14px 20px;
    background: transparent !important;
    border: none !important;
    font-family: "Lora", Georgia, serif;
    font-size: 14px;
    color: #2A2A2A !important;
    outline: none;
    border-radius: 999px;
    box-shadow: none !important;
  }
  .hp-newsletter .hp-newsletter__input::placeholder {
    color: rgba(42, 42, 42, 0.45);
  }
  .hp-newsletter .hp-newsletter__input:focus {
    outline: 2px solid rgba(243, 110, 120, 0.3);
    outline-offset: 2px;
  }

  /* Branded rounded coral button — high specificity + !important to beat
     Prestige's default button styles that would otherwise win */
  .hp-newsletter .hp-newsletter__button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 14px 28px !important;
    background: #F36E78 !important;
    background-color: #F36E78 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    font-family: "Lato", var(--heading-font-family, sans-serif);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
    width: auto !important;
    min-width: auto;
    text-decoration: none;
    box-shadow: none;
  }
  .hp-newsletter .hp-newsletter__button:hover {
    background: #2A2A2A !important;
    background-color: #2A2A2A !important;
    transform: translateY(-1px);
  }
  .hp-newsletter .hp-newsletter__button:focus-visible {
    outline: 2px solid #2A2A2A;
    outline-offset: 3px;
  }
  .hp-newsletter .hp-newsletter__button svg {
    transition: transform 0.2s;
    flex-shrink: 0;
  }
  .hp-newsletter .hp-newsletter__button:hover svg {
    transform: translateX(3px);
  }

  /* Fine print */
  .hp-newsletter__fine-print {
    margin-top: 1rem;
    font-family: "Lora", Georgia, serif;
    font-size: 12px;
    line-height: 1.5;
    opacity: 0.7;
  }

  /* Accessibility helper — for hidden labels */
  .hp-newsletter .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  /* Responsive — mobile: stack input + button vertically, full-width each */
  @media (max-width: 40rem) {
    .hp-newsletter .hp-newsletter__row {
      flex-direction: column;
      background: transparent;
      border: none;
      box-shadow: none;
      padding: 0;
      gap: 0.75rem;
      border-radius: 0;
    }
    .hp-newsletter .hp-newsletter__input {
      background: #ffffff !important;
      padding: 16px 24px;
      border-radius: 999px;
      border: 1px solid rgba(42, 42, 42, 0.12) !important;
      box-shadow: 0 2px 8px rgba(42, 42, 42, 0.04) !important;
      text-align: center;
    }
    .hp-newsletter .hp-newsletter__button {
      justify-content: center;
      padding: 16px 24px !important;
      width: 100% !important;
    }
  }
/* END_SECTION:custom-newsletter-branded */

/* START_SECTION:custom-reviews-leadin (INDEX:28) */
.hp-reviews-leadin-wrap {
  padding: 1.5rem 1rem 0.5rem;
  background: #FDF7F3;
}
.hp-reviews-leadin {
  max-width: 540px;
  margin: 0 auto;
  padding: 1.5rem 1rem 1.25rem;
}
.hp-reviews-leadin__heading {
  font-family: 'Lora', Georgia, serif;
  font-size: 20px;
  line-height: 1.3;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 1.25rem;
}
.hp-reviews-leadin__stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 1rem;
}
.hp-stat {
  border-radius: 10px;
  padding: 14px 6px;
  text-align: center;
}
.hp-stat--pink { background: #FFE1DD; }
.hp-stat--purple { background: #E2CFE2; }
.hp-stat--green { background: #DCEABB; }
.hp-stat__number {
  font-family: 'Lora', Georgia, serif;
  font-size: 22px;
  font-weight: 500;
  color: #1c1c1c;
  line-height: 1;
}
.hp-stat__stars {
  display: flex;
  justify-content: center;
  gap: 1px;
  margin: 5px 0 4px;
}
.hp-stat__star {
  font-size: 11px;
  line-height: 1;
  color: #F36E78;
}
.hp-stat__star--empty {
  color: #F5C4B3;
}
.hp-stat__label {
  font-family: 'Lato', sans-serif;
  font-size: 9px;
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #1c1c1c;
}
.hp-stat__label--spaced {
  margin-top: 14px;
}
.hp-stat--pink .hp-stat__label { color: #993556; }
.hp-stat--purple .hp-stat__label { color: #3C3489; }
.hp-stat--green .hp-stat__label { color: #3B6D11; }
.hp-reviews-leadin__tagline {
  border-top: 1px dashed #E2CFE2;
  padding-top: 12px;
  text-align: center;
  font-family: 'Lora', Georgia, serif;
  font-size: 13px;
  color: #5F5E5A;
}
@media screen and (min-width: 750px) {
  .hp-reviews-leadin__heading { font-size: 26px; }
  .hp-stat { padding: 20px 10px; }
  .hp-stat__number { font-size: 30px; }
  .hp-stat__label { font-size: 11px; }
  .hp-stat__star { font-size: 14px; }
}
/* END_SECTION:custom-reviews-leadin */

/* START_SECTION:hp-carrier-grid (INDEX:41) */
.ds-v2 .hp-cg-{{ section.id }}{
    background:var(--hp-cream);
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-container{
    max-width:1320px;margin:0 auto;padding:0 16px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-cg-{{ section.id }} .hp-container{padding:0 32px}
  }

  /* Grid: 1-up mobile (full-screen cards) → 2-up tablet & desktop */
  .ds-v2 .hp-cg-{{ section.id }} .hp-grid{
    display:grid;grid-template-columns:1fr;
  }
  @media (min-width:640px){
    .ds-v2 .hp-cg-{{ section.id }} .hp-grid{grid-template-columns:repeat(2,1fr)}
  }

  /* Snap on the document (the actual scroll container).
     Mobile: every card is a snap target.
     Tablet+: only the first card of each row snaps — page
     lands on each row of two. Done by switching snap-align
     off for even-positioned cards. */
  html, body { scroll-snap-type: y proximity; }
  @media (min-width:640px){
    .ds-v2 .hp-cg-{{ section.id }} .hp-card:nth-child(even){ scroll-snap-align: none; }
  }

  /* Card */
  .ds-v2 .hp-cg-{{ section.id }} .hp-card{
    position:relative;display:flex;flex-direction:column;
    scroll-snap-align:start;background:var(--hp-cream);
  }

  /* Image height calibrated so the whole card (image +
     title + 2-line description) snaps cleanly within the
     viewport. -110px reserves room for both. */
  .ds-v2 .hp-cg-{{ section.id }} .hp-img{
    position:relative;display:block;overflow:hidden;
    width:100%;
    height:calc(100vh - 110px);
    height:calc(100svh - 110px);
    background:#e7d8cc;text-decoration:none;
  }
  @media (min-width:640px){
    .ds-v2 .hp-cg-{{ section.id }} .hp-img{
      height:auto;aspect-ratio:3/4;
      max-height:85vh;          /* leaves ~15vh below for title + description */
    }
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-img img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform 1.2s ease;
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-card:hover .hp-img img{transform:scale(1.03)}

  /* Marketing badge — top-right of image. Pink pill, white
     text, signature -2deg tilt. Carries a tagline (e.g.
     "Best seller") not the age — age now lives in the title meta. */
  .ds-v2 .hp-cg-{{ section.id }} .hp-age{
    position:absolute;top:14px;left:14px;     /* top-left for left-to-right scanning */
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;
    font-size:10px;letter-spacing:.14em;text-transform:uppercase;
    color:#fff;
    background:var(--hp-pink);
    padding:6px 12px;border-radius:999px;
    transform:rotate(-2deg);
    transform-origin:top left;
    box-shadow:0 6px 16px -6px rgba(196,63,74,.45);
  }
  @media (min-width:1000px){
    .ds-v2 .hp-cg-{{ section.id }} .hp-age{top:18px;left:18px;font-size:10.5px;padding:7px 14px}
  }

  /* Title strip below image */
  .ds-v2 .hp-cg-{{ section.id }} .hp-title{
    display:flex;align-items:baseline;justify-content:space-between;gap:12px;
    padding:14px 16px 10px;
    background:var(--hp-cream);
  }
  @media (min-width:640px){
    .ds-v2 .hp-cg-{{ section.id }} .hp-title{padding:16px 18px 8px}
  }

  /* Short description for SEO + scanability. Lora italic,
     line-clamped to 2 lines so longer copy doesn't bloat the
     card. Always in the DOM (good for crawlers + screen readers). */
  .ds-v2 .hp-cg-{{ section.id }} .hp-desc{
    margin:0;padding:0 16px 14px;
    font-family:'Lora',Georgia,serif;font-style:italic;
    font-size:13px;line-height:1.4;color:var(--hp-ink-soft);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
    border-bottom:1px solid var(--hp-rule);
  }
  @media (min-width:640px){
    .ds-v2 .hp-cg-{{ section.id }} .hp-desc{
      padding:0 18px 18px;font-size:14px;
      border-bottom:none;
    }
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-name{
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;
    font-size:13px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--hp-ink);
  }
  @media (min-width:1000px){ .hp-cg-{{ section.id }} .hp-name{font-size:14px} }
  .ds-v2 .hp-cg-{{ section.id }} .hp-meta{
    font-family:'Lora',Georgia,serif;font-style:italic;
    font-size:13px;color:var(--hp-ink-soft);
    /* Visible at every size — image pill carries the tagline,
       meta carries the age range. */
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-shop{
    display:inline-flex;align-items:baseline;gap:7px;
    color:var(--hp-ink);transition:color .25s;
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-shop-text{
    font-family:'Lato',-apple-system,sans-serif;font-weight:700;font-size:10px;
    letter-spacing:.20em;text-transform:uppercase;
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-arrow{
    font-family:'Lato',sans-serif;font-weight:700;font-size:13px;
    display:inline-block;transition:transform .25s;
  }
  .ds-v2 .hp-cg-{{ section.id }} .hp-card:hover .hp-shop{color:var(--hp-pink)}
  .ds-v2 .hp-cg-{{ section.id }} .hp-card:hover .hp-arrow{transform:translateX(4px)}

  /* Whole-card click */
  .ds-v2 .hp-cg-{{ section.id }} .hp-overlay-link{
    position:absolute;inset:0;z-index:1;text-indent:-9999px;overflow:hidden;
  }
/* END_SECTION:hp-carrier-grid */

/* START_SECTION:hp-hero-split (INDEX:46) */
.ds-v2 .hp-hsplit-{{ section.id }}{
    background:var(--hp-cream);
    padding:32px 16px;
    box-sizing:border-box;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hsplit-{{ section.id }}{padding:72px 32px}
  }

  .ds-v2 .hp-hsplit-{{ section.id }} .hp-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:28px;
    max-width:1280px;margin:0 auto;
    align-items:center;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hsplit-{{ section.id }} .hp-grid{
      grid-template-columns:1fr 1fr;
      gap:64px;
    }
  }
  /* Optional: text-left / image-right via setting */
  .ds-v2 .hp-hsplit-{{ section.id }}.is-reversed .hp-grid{
    direction:rtl;        /* swaps grid cell order, content stays LTR */
  }
  .ds-v2 .hp-hsplit-{{ section.id }}.is-reversed .hp-grid > *{direction:ltr}

  /* Image — contained, asymmetric brand radius.
     Mobile uses a slightly-landscape 5:4 ratio so the text
     appears sooner without long scroll. Desktop stays portrait. */
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-img{
    display:block;width:100%;
    border-radius:24px 16px 24px 16px / 16px 24px 16px 24px;
    overflow:hidden;background:#e7d8cc;
    aspect-ratio:5/4;
    text-decoration:none;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hsplit-{{ section.id }} .hp-img{aspect-ratio:1/1.15}
  }
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-img img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .8s ease;
  }
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-img:hover img{transform:scale(1.03)}

  /* Text column */
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-text{
    display:flex;flex-direction:column;align-items:flex-start;
    text-align:left;
  }

  .ds-v2 .hp-hsplit-{{ section.id }} .hp-eyebrow{
    font-family:'Lato',-apple-system,sans-serif;font-weight:700;
    font-size:11px;letter-spacing:.20em;text-transform:uppercase;
    color:var(--hp-pink);margin:0 0 14px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hsplit-{{ section.id }} .hp-eyebrow{font-size:12px;margin-bottom:18px}
  }

  .ds-v2 .hp-hsplit-{{ section.id }} .hp-h1{
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;
    font-size:clamp(28px,5vw,52px);line-height:1.05;
    letter-spacing:.02em;text-transform:uppercase;
    text-wrap:balance;color:var(--hp-ink);
    margin:0 0 18px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hsplit-{{ section.id }} .hp-h1{margin-bottom:22px}
  }
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-h1 .accent{
    color:var(--hp-pink);
    position:relative;display:inline-block;
  }
  /* Hand-drawn wavy underline under the accent word */
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-h1 .accent::after{
    content:"";
    position:absolute;left:0;right:0;bottom:-.16em;
    height:.18em;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M2 5 Q 18 0 36 5 T 72 5 T 108 5 T 144 5 T 180 5 T 198 5' stroke='%23F36E78' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
    pointer-events:none;
  }

  .ds-v2 .hp-hsplit-{{ section.id }} .hp-sub{
    font-family:'Lora',Georgia,serif;
    font-size:15px;line-height:1.6;
    color:var(--hp-ink-soft);
    margin:0 0 22px;max-width:48ch;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hsplit-{{ section.id }} .hp-sub{font-size:17px;margin-bottom:28px}
  }

  .ds-v2 .hp-hsplit-{{ section.id }} .hp-cta-row{
    display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  }
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;font-size:11px;
    letter-spacing:.18em;text-transform:uppercase;
    padding:14px 28px;border-radius:999px;border:none;cursor:pointer;
    text-decoration:none;
    transition:background .25s, transform .25s, color .25s;
  }
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-btn-primary{background:var(--hp-pink);color:#fff}
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-btn-primary:hover{background:var(--hp-pink-deep);transform:translateY(-2px)}
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-btn-ghost{background:transparent;color:var(--hp-ink);border:1.5px solid var(--hp-ink)}
  .ds-v2 .hp-hsplit-{{ section.id }} .hp-btn-ghost:hover{background:var(--hp-ink);color:#fff}
/* END_SECTION:hp-hero-split */

/* START_SECTION:hp-hero (INDEX:47) */
.ds-v2 .hp-hero-{{ section.id }}{
    background:var(--hp-cream);
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-container{
    max-width:1320px;margin:0 auto;padding:0 16px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-container{padding:0 32px}
  }

  /* Full-bleed image (or pair of images). Almost-full viewport
     height; H1 peeks below. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-wrap{position:relative;width:100%;
    height:calc(100vh - 120px);
    height:calc(100svh - 120px);
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-wrap{height:calc(100vh - 180px)}
  }

  /* Single-image layout */
  .ds-v2 .hp-hero-{{ section.id }} .hp-image{
    display:block;width:100%;height:100%;
    overflow:hidden;background:#e7d8cc;text-decoration:none;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-image img{
    width:100%;height:100%;object-fit:cover;display:block;
  }

  /* Two-image collage (Oranjeave-style). Same magazine layout
     at every breakpoint — just scaled down on mobile so both
     images stay co-visible (no stacking). */
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage{
    position:relative;width:100%;
    background:var(--hp-cream);
    overflow:hidden;
    height:85vh;
    height:85svh;              /* mobile: 85vh */
    min-height:560px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage{
      height:100vh;
      height:100svh;
    }
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img{
    position:absolute;
    display:block;overflow:hidden;
    background:#e7d8cc;text-decoration:none;
    box-shadow:0 24px 60px -28px rgba(42,26,31,.22);
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform 1.2s ease;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img:hover img{transform:scale(1.04)}

  /* ── Readability treatment for the overlapping headline ──
     Two variants — currently using SOLID BLOCK. Swap by
     commenting/uncommenting one or the other.

     ── VARIANT A — saved (wide cream gradient) ──
     Uncomment and remove the variant-B block below to use:

  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img--a::after{
    content:"";
    position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(to right,
      rgba(253,247,243,0)    25%,
      rgba(253,247,243,.92) 100%);
  }
  */

  /* ── VARIANT B — active (solid cream block behind text) ──
     MOBILE ONLY. On desktop the text column sits in clean cream
     space and doesn't need the wash. */
  @media (max-width:759px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text::before{
      content:"";
      position:absolute;
      top:-20px;bottom:-40px;
      left:-32px;
      right:calc(-4vw - 12px);
      background:rgba(253,247,243,.97);
      box-shadow:
        -3px  3px  10px -2px rgba(42,26,31,.06),
        -2px 16px  32px -14px rgba(42,26,31,.12),
        -2px 32px  56px -28px rgba(42,26,31,.08);
      z-index:-1;
    }
  }

  /* Mobile: scaled-down magazine collage.
     A: left, staggered slightly down. B: right, flush top.
     Both nudged leftward to give the right-column text space. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img--a{
    top:6%;left:-8%;width:58%;height:72%;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img--b{
    top:0;right:0;width:46%;height:42%;     /* mobile: full-bleed right edge, slightly larger */
  }
  /* Desktop: composition restored. */
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img--a{
      bottom:0;left:-3%;width:52%;height:80%;
    }
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-img--b{
      top:0;right:-6%;width:38%;height:50%;
    }
  }

  /* White hope&plum wordmark — bleeds across the bottom-left of
     image A. Absolute at every breakpoint. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-wordmark{
    position:absolute;
    bottom:-18px;left:-10px;
    width:62%;height:auto;
    pointer-events:none;
    filter:drop-shadow(0 2px 18px rgba(0,0,0,.25));
  }
  /* Desktop: matches image A's horizontal extent (left:-3% / width:52%)
     and lifted further up so most of the wordmark sits ON the photo. */
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-wordmark{
      bottom:60px;left:-3%;width:52%;
    }
  }

  /* Text column — right gutter, absolute at every breakpoint. */
  /* Mobile: bottom-anchored so the buttons can never clip on
     short viewports (e.g. iPhone SE 568px tall). Content stacks
     upward from a fixed gap above the section bottom. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text{
    position:absolute;z-index:5;
    top:auto;bottom:8%;right:4%;
    width:48%;
    text-align:left;
    padding:0;margin:0;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text{
      top:54%;bottom:auto;
      width:46%;max-width:600px;
    }
  }
  /* H1 sized down on mobile so "CARRY CLOSE," fits; steps up on desktop. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-h1{
    font-size:clamp(20px,5.4vw,32px);line-height:1.05;margin:0 0 10px;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-sub{
    font-size:13px;line-height:1.5;margin:10px 0 0;max-width:42ch;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-cta-row{
    margin:14px 0 0;justify-content:flex-start;flex-wrap:wrap;gap:8px;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-eyebrow{
    font-size:9.5px;letter-spacing:.18em;margin-bottom:10px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-h1{
      font-size:clamp(32px,4.4vw,64px);margin-bottom:14px;
    }
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-sub{
      font-size:16px;line-height:1.55;margin-top:14px;
    }
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-cta-row{margin-top:22px;gap:10px}
    .ds-v2 .hp-hero-{{ section.id }} .hp-collage-text .hp-eyebrow{font-size:12px;margin-bottom:18px}
  }

  /* Bottom gradient over the image so the wordmark always reads */
  .ds-v2 .hp-hero-{{ section.id }} .hp-wrap::after{
    content:"";position:absolute;left:0;right:0;bottom:0;
    height:55%;
    background:linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0));
    pointer-events:none;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-wrap::after{height:35%}
  }

  /* hope&plum wordmark — full-width SVG, bleeding past the
     image's bottom-left corner.
     Upload hp-logo-white-alpha.svg to your theme's assets folder. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-wordmark{
    position:absolute;left:0;bottom:0;z-index:2;
    width:100%;height:auto;display:block;
    pointer-events:none;
    filter:drop-shadow(0 2px 24px rgba(0,0,0,.30));
    margin-left:-12px;
    margin-bottom:-30px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-wordmark{
      margin-left:-30px;
      margin-bottom:-75px;
    }
  }

  .ds-v2 .hp-hero-{{ section.id }} .hp-headline{padding:14px 0 8px}
  @media (min-width:760px){ .ds-v2 .hp-hero-{{ section.id }} .hp-headline{padding:20px 0 12px;position:relative;z-index:3} }
  .ds-v2 .hp-hero-{{ section.id }} .hp-h1{
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;
    font-size:clamp(36px,9vw,96px);line-height:1.0;
    letter-spacing:.02em;text-transform:uppercase;
    text-wrap:balance;color:var(--hp-ink);margin:0;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-h1 .accent{
    color:var(--hp-pink);
    position:relative;
    display:inline-block;
  }
  /* Hand-drawn wavy underline under the accent word. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-h1 .accent::after{
    content:"";
    position:absolute;left:0;right:0;bottom:-.16em;
    height:.18em;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M2 5 Q 18 0 36 5 T 72 5 T 108 5 T 144 5 T 180 5 T 198 5' stroke='%23F36E78' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
    pointer-events:none;
  }
  /* Pink eyebrow above the H1. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-eyebrow{
    display:block;
    font-family:'Lato',-apple-system,sans-serif;font-weight:700;
    font-size:11px;letter-spacing:.20em;text-transform:uppercase;
    color:var(--hp-pink);margin:0 0 14px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-eyebrow{font-size:12px;margin-bottom:18px}
  }

  /* Soft, whimsical bloom-in animation. Chars drift up from below
     with a tiny scale-overshoot, cascading left-to-right. */
  .ds-v2 .hp-hero-{{ section.id }} .hp-flip-word{
    display:inline-block;white-space:nowrap;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-flip-char{
    display:inline-block;transform-origin:center bottom;
    will-change:opacity,transform;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-flip.hp-flip-ready .hp-flip-char{
    opacity:0;transform:translateY(.35em) scale(.94);
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-flip.hp-flip-ready .hp-flip-char.settled{
    animation:hpfBloom-{{ section.id }} .75s cubic-bezier(.34, 1.56, .64, 1) forwards;
  }
  @keyframes hpfBloom-{{ section.id }}{
    0%   { opacity:0;  transform:translateY(.35em) scale(.94); }
    55%  { opacity:1;  transform:translateY(-.06em) scale(1.02); }
    100% { opacity:1;  transform:translateY(0) scale(1); }
  }
  @media (prefers-reduced-motion: reduce){
    .ds-v2 .hp-hero-{{ section.id }} .hp-flip.hp-flip-ready .hp-flip-char,
    .ds-v2 .hp-hero-{{ section.id }} .hp-flip.hp-flip-ready .hp-flip-char.settled{
      opacity:1;transform:none;animation:none;
    }
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-sub{
    font-family:'Lora',Georgia,serif;font-style:italic;
    font-size:clamp(15px,2vw,19px);
    color:var(--hp-ink-soft);max-width:48ch;margin:14px 0 0;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-cta-row{
    display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 56px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-hero-{{ section.id }} .hp-cta-row{margin:28px 0 88px}
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;font-size:11px;
    letter-spacing:.18em;text-transform:uppercase;
    padding:14px 28px;border-radius:999px;border:none;cursor:pointer;
    text-decoration:none;transition:transform .25s, background .25s;
  }
  .ds-v2 .hp-hero-{{ section.id }} .hp-btn-primary{background:var(--hp-ink);color:#fff}
  .ds-v2 .hp-hero-{{ section.id }} .hp-btn-primary:hover{background:var(--hp-pink);transform:translateY(-2px)}
  .ds-v2 .hp-hero-{{ section.id }} .hp-btn-ghost{background:transparent;color:var(--hp-ink);border:1.5px solid var(--hp-ink)}
  .ds-v2 .hp-hero-{{ section.id }} .hp-btn-ghost:hover{background:var(--hp-ink);color:#fff}
/* END_SECTION:hp-hero */

/* START_SECTION:hp-trust (INDEX:49) */
.ds-v2 .hp-trust-{{ section.id }}{
    background:var(--hp-cream);
    padding: 0 16px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-trust-{{ section.id }}{padding: 0 32px}
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-container{
    max-width:1320px;margin:0 auto;
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-trust{
    list-style:none;margin:0;padding:24px 0 32px;
    display:grid;grid-template-columns:1fr 1fr;gap:10px;
  }
  @media (min-width:760px){
    .ds-v2 .hp-trust-{{ section.id }} .hp-trust{
      grid-template-columns:repeat(4,1fr);
      gap:16px;padding:48px 0 56px;
    }
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-trust-item{
    border-radius:24px 16px 24px 16px / 16px 24px 16px 24px;
    padding:22px 14px;
    text-align:center;
    display:flex;flex-direction:column;align-items:center;gap:10px;
    transition:transform .35s ease;
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-trust-item:hover{transform:translateY(-3px)}
  @media (min-width:760px){
    .ds-v2 .hp-trust-{{ section.id }} .hp-trust-item{padding:28px 16px;gap:14px}
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-trust-icon{
    display:inline-block;
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;
    font-size:18px;line-height:1;letter-spacing:.10em;
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-trust-text{
    display:flex;flex-direction:column;gap:3px;line-height:1.25;
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-trust-lead{
    font-family:'Lato',-apple-system,sans-serif;font-weight:900;
    font-size:11px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--hp-ink);
  }
  .ds-v2 .hp-trust-{{ section.id }} .hp-trust-elab{
    font-family:'Lora',Georgia,serif;font-style:italic;
    font-size:14px;color:var(--hp-ink);
  }
  @media (min-width:760px){
    .ds-v2 .hp-trust-{{ section.id }} .hp-trust-lead{font-size:12px}
    .ds-v2 .hp-trust-{{ section.id }} .hp-trust-elab{font-size:16px}
  }
/* END_SECTION:hp-trust */

/* START_SECTION:product-suggestion (INDEX:89) */
.hp-suggest {
  padding: 40px 16px;
}
.hp-suggest--flush {
  padding-top: 0;
  padding-bottom: 0;
}
.hp-suggest--bordered {
  border-top: 1px solid rgba(0,0,0,0.08);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.hp-suggest__wrap {
  margin: 0 auto;
}
.hp-suggest__wrap--sm { max-width: 560px; }
.hp-suggest__wrap--md { max-width: 780px; }
.hp-suggest__wrap--lg { max-width: 1000px; }
.hp-suggest__wrap--xl { max-width: 1200px; }
.hp-suggest__inner {
  border-radius: 14px;
  padding: 28px 22px;
  position: relative;
  overflow: hidden;
}
.hp-suggest__blob {
  position: absolute;
  top: -20px;
  right: -40px;
  z-index: 0;
  pointer-events: none;
}
.hp-suggest__content {
  position: relative;
  z-index: 1;
}
.hp-suggest__heading {
  font-family: 'Lora', Georgia, serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 10px 0;
}
.hp-suggest__body {
  font-size: 15px;
  line-height: 1.55;
  margin-bottom: 18px;
}
.hp-suggest__body p {
  margin: 0 0 0.5em 0;
}
.hp-suggest__card {
  display: flex;
  gap: 14px;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
  text-decoration: none;
  color: inherit;
}
.hp-suggest__card-img {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(0,0,0,0.05);
}
.hp-suggest__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hp-suggest__card-img--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Lora', Georgia, serif;
  font-size: 28px;
  font-weight: 500;
}
.hp-suggest__card-text {
  min-width: 0;
  flex: 1;
}
.hp-suggest__card-title {
  font-family: 'Lora', Georgia, serif;
  font-size: 17px;
  margin-bottom: 3px;
}
.hp-suggest__card-desc {
  font-size: 12px;
  opacity: 0.75;
  line-height: 1.4;
}
.hp-suggest__buttons {
  display: flex;
  gap: 8px;
  margin: 16px 0 14px 0;
}
.hp-suggest__btn {
  padding: 14px 16px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
  display: inline-block;
}
.hp-suggest__btn--primary {
  flex: 1;
}
.hp-suggest__btn--secondary {
  background: #FFFFFF;
  color: #1c1c1c;
  border: 1px solid rgba(0,0,0,0.15);
  flex-shrink: 0;
}
.hp-suggest__footer {
  font-size: 12px;
  opacity: 0.65;
  text-align: center;
  font-style: italic;
  line-height: 1.4;
}
@media (min-width: 750px) {
  .hp-suggest { padding: 56px 20px; }
  .hp-suggest--flush { padding-top: 0; padding-bottom: 0; }
  .hp-suggest__inner { padding: 40px 36px; }
  .hp-suggest__heading { font-size: 26px; }
  .hp-suggest__body { font-size: 16px; }
  .hp-suggest__card-img { width: 88px; height: 88px; }
  .hp-suggest__card-title { font-size: 19px; }
  .hp-suggest__card-desc { font-size: 13px; }
}
/* END_SECTION:product-suggestion */