/* ============================================================
   SALES BRAND CSS — per-brand override file (sales page only)
   Replace all values below with the new brand's tokens.
   Load AFTER sales-page-styles.css.

   Presale page overrides live in:
   page-templates/presales/furthrive-brand.css
   ============================================================ */

@media (max-width: 768px) {
  .hero__checks { gap: 4px; }
  .hero__checks-item { line-height: 1.2; padding: 0; }
  .hero__checks-item svg { width: 20px; height: 20px; }
}

/* ══════════════════════════════════════════════════════════════
   1. BRAND TOKENS
   ══════════════════════════════════════════════════════════════ */
:root {
  --brand:       #C8722F;
  --brand-deep:  #26180C;
  --brand-light: #EDD9C2;
  --night:       #26180C;
  --night-2:     #3A2210;
  --ink:         #26180C;
  --bg-soft:     #F4EADB;
  --muted:       #644428;
  --line:        rgba(200,114,47,.15);
  --action:      #F5A94B;
  --action-deep: #C8722F;
  --warn-orange: #F5A94B;
}

/* ══════════════════════════════════════════════════════════════
   2. SALES PAGE: Keyframes
   ══════════════════════════════════════════════════════════════ */
@keyframes pulse {
  0%, 100% { transform: scale(1);   box-shadow: 0 8px 18px -4px rgba(245,169,75,.5), inset 0 1px 0 rgba(255,255,255,.22); }
  50%       { transform: scale(.97); box-shadow: 0 5px 14px -4px rgba(245,169,75,.4), inset 0 1px 0 rgba(255,255,255,.22); }
}
@keyframes glowing {
  0%, 100% { opacity: .55; box-shadow: 0 0 0 3px rgba(245,169,75,.18); }
  50%       { opacity: 1;   box-shadow: 0 0 0 5px rgba(245,169,75,.32); }
}
@keyframes v3-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ══════════════════════════════════════════════════════════════
   3. SALES PAGE: Hero (light teal background)
   ══════════════════════════════════════════════════════════════ */
.hero                  { background: #F4EADB !important; }
.hero::after           { background: none !important; }
.hero::before          { background: none !important; }
.hero-video            { position: absolute; }
.hero-video::before    { display: none !important; }

/* Hero text: dark on light bg */
.hero__title                { color: #26180C !important; }
.hero__title em             { color: #26180C !important; text-shadow: none !important; background: none !important; -webkit-background-clip: unset !important; background-clip: unset !important; }
.hero__subtitle             { color: #26180C !important; opacity: 0.82 !important; }
.hero__checks-item          { color: #26180C !important; }
.hero__rated                { color: #26180C !important; }
.hero__rated-image svg      { color: #ff9911 !important; }
.hero__message-body         { color: #26180C !important; background: rgba(38,24,12,.08) !important; border-color: rgba(38,24,12,.18) !important; }
.hero__inner .cta-bottom    { color: #26180C !important; }

/* Buy block: rated row needs white on dark */
.limit__content .hero__rated { color: #fff !important; }

/* ══════════════════════════════════════════════════════════════
   4. SALES PAGE: Header
   ══════════════════════════════════════════════════════════════ */
.header                  { padding: 10px 0; }
.header > .container     { max-width: 1280px; }
.header__logo-mark       { background: linear-gradient(135deg, #C8722F, #C8722F, #26180C); }

/* Truly centred nav: 3-column grid */
.header__inner       { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; }
.header__logo        { justify-self: start; }
.header__navigation  { justify-self: center; }
.header__cta-group   { justify-self: end; }
.header__hamburger   { display: none; }

/* Nav spacing */
.header__menu { flex: none !important; max-width: none !important; gap: 40px !important; }

/* Logo image: never distort */
.header__logo img { width: auto !important; max-width: none !important; height: 38px !important; object-fit: contain !important; }

@media (max-width: 768px) {
  .header__inner      { display: flex !important; justify-content: space-between !important; align-items: center !important; }
  .header__navigation { display: none !important; }
  .header__logo img   { height: 34px !important; }
}

/* ══════════════════════════════════════════════════════════════
   5. SALES PAGE: Partners v3 ticker
   ══════════════════════════════════════════════════════════════ */
.partners { background: #ebebeb; padding: 28px 0; border-bottom: 1px solid var(--line); width: 100%; max-width: 100%; overflow: hidden; }

.v3-partners-wrap { box-sizing: border-box; max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 48px; flex-wrap: nowrap; }
.v3-partners-wrap .partners__title { font-family: 'Anek Latin', sans-serif; font-size: 24px; font-weight: 800; letter-spacing: -.01em; color: #26180C; flex-shrink: 0; line-height: 1; }

.v3-ticker { position: relative; overflow: hidden; flex: 1 1 0; width: 0; min-width: 0; max-width: 100%; }
.v3-ticker::before,
.v3-ticker::after  { content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none; }
.v3-ticker::before { left: 0;  background: linear-gradient(to right, #ebebeb, transparent); }
.v3-ticker::after  { right: 0; background: linear-gradient(to left,  #ebebeb, transparent); }

.v3-ticker-track       { display: flex; align-items: center; gap: 64px; width: max-content; animation: v3-ticker-scroll 32s linear infinite; }
.v3-ticker-track:hover { animation-play-state: paused; }
.v3-ticker-item        { flex: 0 0 auto; display: flex; align-items: center; }
.v3-ticker-item img    { max-height: 52px; width: auto; display: block; opacity: .65; filter: grayscale(1); }

/* ══════════════════════════════════════════════════════════════
   6. SALES PAGE: Section tweaks
   ══════════════════════════════════════════════════════════════ */
/* Description */
.description                          { background: #f7f7f5 url('uploads/content3.png') center 62% / auto 65% no-repeat; }
.description__box-main                { visibility: visible; }
.description__box-main img            { width: 300px !important; }
.description__box-row                 { background: transparent; border-radius: 0; padding: 12px 0; box-shadow: none; border: none; }
.description__box-row > .iconBox      { background: transparent; padding: 0; border-radius: 12px; overflow: hidden; width: 52px; height: 52px; flex-shrink: 0; }
.description .title                   { text-align: center; margin-left: auto; margin-right: auto; }

/* How section */
.how__box-image  { background: linear-gradient(135deg, #F4EADB, #EDD9C2); flex: 0 0 44% !important; width: 44% !important; aspect-ratio: 3/2 !important; }
.how__box-title::after { display: none; }
.how__box        { gap: 75px !important; justify-content: space-between !important; align-items: flex-start !important; }
.how__box-content { flex: 0 0 calc(56% - 75px) !important; max-width: none !important; }

/* Split */
.split             { background: #F4EADB; }
.split__box b      { color: var(--brand-deep); font-size: 48px; min-width: 100px; line-height: 1; }
.split__box span   { font-size: 18px; line-height: 1.35; text-align: left; }

/* Use cases (set) */
.set__box          { max-width: none; }
.set__box-image    { background: linear-gradient(135deg, #F4EADB, #EDD9C2); aspect-ratio: 308/280 !important; }
.set__box-body     { padding: 16px 20px 20px; }
.set__box-title    { font-size: 24px !important; margin-bottom: 5px !important; }
.set__box-text     { font-size: 16px !important; line-height: 1.5 !important; }

/* Marquee */
.marquee__item svg { color: #C8722F; }

/* Comparison */
.comp__grid                                         { overflow: visible; }
.comp__grid::before                                 { inset: -68px 0 -12px; border-radius: 16px; }
.comp__grid-item.--th:nth-child(2)                  { overflow: visible; padding-top: 12px; }
.comp__grid-item.--th:nth-child(2) .comp__grid-image {
  transform: translateY(-44px); position: relative; z-index: 5;
  width: 100px; height: 100px; border-radius: 22px; margin-bottom: -22px;
  background: transparent; box-shadow: none;
}
.comp__grid-item.--th:nth-child(3),
.comp__grid-item.--th:nth-child(4)                  { overflow: visible; padding-top: 12px; }
.comp__grid-item.--th:nth-child(3) .comp__grid-image,
.comp__grid-item.--th:nth-child(4) .comp__grid-image {
  transform: translateY(-38px); position: relative; z-index: 5;
  width: 80px; height: 80px; border-radius: 18px; margin-bottom: -18px;
}

/* TP Reviews */
.tp-reviews__bar-fill { background: #00b67a; }

/* Guarantee seal: image-based, no box */
.guarantee__seal { background: none !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; width: auto !important; height: auto !important; }

/* Expert */
.expert__media { min-height: unset !important; height: auto !important; }
.expert__role  { text-decoration: none !important; border-bottom: none !important; }

/* Before/After */
.before-after              { padding: 80px 0; background: var(--bg-soft); }
.before-after .container   { text-align: center; }
.before-after__img         { max-width: 960px; width: 100%; border-radius: 16px; box-shadow: 0 24px 60px -20px rgba(38,24,12,.2); margin: 0 auto; display: block; }

/* FAQ accordion */
.faq__box-footer          { display: none; }
.faq__box.open .faq__box-footer { display: block; }
.faq__box.open .faq-vertical    { display: none; }

/* Footer */
.footer                     { padding: 48px 0 36px !important; background: rgb(38 24 12) !important; }
.footer .container          { text-align: center; }
.footer__logo               { margin: 0 auto 20px !important; display: flex !important; justify-content: center !important; }
.footer__nav                { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 28px; max-width: 940px; margin: 0 auto 18px; }
.footer__nav a              { font-weight: 700; font-size: 15px; color: #fff; text-decoration: none; opacity: .9; letter-spacing: .01em; }
.footer__nav a:hover        { opacity: 1 !important; color: #fff !important; }
.footer__copy               { font-weight: 700 !important; font-size: 15px !important; color: #fff !important; opacity: 1 !important; margin: 0 auto 18px !important; }
.footer__legal              { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.5); max-width: 860px; margin: 0 auto 26px; }
.footer__payments           { display: flex !important; justify-content: center !important; gap: 10px !important; flex-wrap: wrap !important; margin: 0 !important; }
.footer__payments img       { height: 28px; width: auto; border-radius: 4px; }

/* ══════════════════════════════════════════════════════════════
   7. SALES PAGE: Compact mode (tighter vertical rhythm)
   ══════════════════════════════════════════════════════════════ */
.hero__inner              { padding: 42px 0 38px !important; }
.hero__title              { margin-bottom: 10px !important; }
.hero__subtitle           { margin-bottom: 16px !important; }
.hero__checks             { gap: 9px !important; margin-bottom: 14px !important; }
.hero__message            { margin-bottom: 9px !important; }
.partners                 { padding: 28px 0 !important; }
.description              { padding: 50px 0 25px !important; }
.description__boxes       { margin: 24px 0 !important; }
.description__box         { max-width: 440px !important; }
@media (min-width: 769px) {
  .description__boxes     { gap: 24px !important; }
  .description__box       { gap: 18px !important; }
}
.how                      { padding: 50px 0 25px !important; }
.how__subtitle            { margin: 7px auto 28px !important; }
.how__boxes               { gap: 28px !important; margin-bottom: 28px !important; }
.split__content           { padding: 36px 28px 36px 0 !important; }
.split__title             { margin: 6px 0 14px !important; }
.set                      { padding: 50px 0 !important; }
.set__boxes               { margin-top: 22px !important; }
.marquee                  { padding: 14px 0 !important; }
.comp                     { padding: 50px 0 !important; }
.comp__grid               { border: none !important; background: transparent !important; height: auto !important; grid-template-rows: auto repeat(6, 62px) !important; }
.comp__grid-item          { border-bottom-color: #aeb9c6 !important; padding-top: 15px !important; padding-bottom: 15px !important; }
.comp__grid-item.--us,
.comp__grid-item.--th:nth-child(2) { border-bottom-color: rgba(255,255,255,0.28) !important; }
.comp__grid-item.--th:nth-child(2) .comp__grid-image { width: 200px !important; height: 200px !important; transform: translateY(-112px) !important; margin-bottom: -112px !important; border-radius: 0 !important; }
.comp__grid::before       { inset: 0 0 -12px !important; }
.comp__subtitle           { margin: 8px auto 50px !important; }
.guarantee                { padding: 28px 0 !important; }
.guarantee__inner         { gap: 24px !important; }
.reviews                  { padding: 50px 0 !important; }
.reviews__boxes           { margin: 22px 0 !important; }
.before-after             { padding: 40px 0 !important; }
.expert                   { padding: 24px 0 !important; }
.tp-reviews               { padding: 40px 0 !important; }
.tp-reviews__title        { margin-bottom: 20px !important; }
.tp-reviews__top          { margin-bottom: 24px !important; }
.tp-reviews__bar-label    { width: 150px !important; min-width: 150px !important; flex-shrink: 0 !important; }
.tp-reviews__bar          { min-width: 0 !important; }
.faq                      { padding: 35px 0 28px !important; }
.faq__title               { margin-bottom: 22px !important; }
.faq__box                 { padding: 12px 4px !important; }

/* ══════════════════════════════════════════════════════════════
   8. SALES PAGE: Responsive fixes
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 560px) {
  .title, .reviews__title, .guarantee__title, .faq__title,
  .limit__content-title, .split__title, .tp-reviews__title {
    max-width: 100% !important; width: 100% !important; text-wrap: pretty !important;
  }
  .hero { overflow-x: hidden !important; }
}

@media (max-width: 480px) {
  p, li, .guarantee__text {
    font-size: 13px !important; line-height: 1.6 !important;
  }
  .hero__subtitle, .expert__quote { line-height: 1.6 !important; }
}

@media (max-width: 700px) {
  .footer__inner       { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 28px !important; }
  .footer__logo        { align-items: center !important; }
  .footer__links       { justify-content: center !important; width: 100%; gap: 56px !important; }
  .footer__link-group  { align-items: center !important; }
  .footer__bottom      { flex-direction: column !important; justify-content: center !important; text-align: center !important; }
  .footer__payments    { justify-content: center !important; }
}

@media (max-width: 768px) {
  /* Why Pheromones section */
  .why-pheromones-row                     { flex-direction: column !important; gap: 28px !important; }
  .why-pheromones-row > div:first-child   { width: 100% !important; min-height: 240px !important; align-self: auto !important; }
  .why-pheromones-row > div:first-child > div { min-height: 240px !important; }
  .why-pheromones-row > div:last-child    { width: 100% !important; }
  .why-it-works                           { padding: 50px 0 0; }

  /* Hero: show image between subtitle and bullets */
  .hero__mobile-img { display: block !important; margin-bottom: 20px !important; }

  /* Hero rated row: single line */
  .hero__inner .hero__rated              { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important; }
  .hero__inner .hero__rated-image        { display: flex !important; flex-wrap: nowrap !important; gap: 1px !important; flex-shrink: 0 !important; }
  .hero__inner .hero__rated-image svg    { width: clamp(10px, 2.8vw, 16px) !important; height: clamp(10px, 2.8vw, 16px) !important; }
  .hero__inner .hero__rated span:last-child { font-size: clamp(10px, 2.6vw, 13px) !important; white-space: nowrap !important; }

  /* Hero selling-fast bar */
  .hero__inner .hero__message-body       { flex-wrap: nowrap !important; font-size: 12px !important; padding: 8px 10px !important; gap: 5px !important; white-space: nowrap !important; overflow: hidden !important; }
  .hero__inner .hero__message-body svg   { flex-shrink: 0 !important; width: 11px !important; height: 18px !important; }

  /* Hero CTA bottom row */
  .hero__inner .cta-bottom   { flex-wrap: nowrap !important; font-size: clamp(10px, 2.5vw, 13px) !important; gap: 5px !important; white-space: nowrap !important; width: 100% !important; justify-content: center !important; }
  .hero__inner .cta-low      { white-space: nowrap !important; }
  .hero__content, .hero__left { width: 100% !important; max-width: 100% !important; }

  /* Partners ticker */
  .partners                      { padding: 12px 0 !important; }
  .v3-partners-wrap              { padding: 0 12px !important; gap: 8px !important; flex-wrap: wrap !important; flex-direction: column !important; align-items: center !important; }
  .v3-partners-wrap .partners__title { font-size: 18px !important; display: block !important; text-align: center !important; width: 100% !important; color: #26180C !important; opacity: 1 !important; visibility: visible !important; padding: 8px 0 4px !important; line-height: 1.3 !important; position: relative !important; z-index: 10 !important; order: -1 !important; }
  .v3-partners-wrap .v3-ticker      { order: 1 !important; flex: none !important; width: 100% !important; max-width: 100% !important; }
  .v3-ticker-track               { gap: 32px !important; }
  .v3-ticker-item                { padding: 0 16px !important; }
  .v3-ticker-item img            { max-height: 64px !important; width: auto !important; }

  /* Split */
  .split__content    { padding: 24px 0 !important; }
  .split__image img  { height: auto !important; aspect-ratio: 4/3; }

  /* Section inner padding */
  .description__inner  { padding: 0 !important; box-sizing: border-box !important; }
  .set__inner          { padding: 0 !important; box-sizing: border-box !important; }
  .how__inner          { padding: 0 !important; box-sizing: border-box !important; }
  .reviews__inner      { padding: 0 !important; box-sizing: border-box !important; }
  .faq .container      { padding: 0 12px !important; box-sizing: border-box !important; }
  .tp-reviews .container { padding: 0 12px !important; box-sizing: border-box !important; }
  .comp .container     { padding: 0 12px !important; box-sizing: border-box !important; }

  /* Hero CTA group */
  .cta-group-hero { align-items: center !important; text-align: center !important; width: 100% !important; }
  .cta-group-hero .cta-bottom { justify-content: center !important; }
  .cta-group { display: flex !important; flex-direction: column !important; align-items: center !important; margin-left: auto !important; margin-right: auto !important; }
  .cta-group .cta-button { width: 100% !important; box-sizing: border-box !important; }
  .cta-group .cta-bottom { display: flex !important; justify-content: center !important; text-align: center !important; width: 100% !important; flex-wrap: wrap !important; gap: 6px !important; }

  /* CTA groups — stay within viewport (no negative-margin bleed) */
  .how__inner .cta-group,
  .description__inner .cta-group,
  .set__inner .cta-group {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  .how__inner .cta-group .cta-button,
  .description__inner .cta-group .cta-button,
  .set__inner .cta-group .cta-button {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
  }
  .how__inner .cta-group .cta-bottom,
  .description__inner .cta-group .cta-bottom,
  .set__inner .cta-group .cta-bottom {
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Description bg */
  .description { background-size: 168% auto !important; background-position: center 16% !important; }

  /* How section */
  .how__box-image   { width: 100% !important; max-width: 100% !important; }
  .how__box-text    { width: 100% !important; max-width: 100% !important; text-align: left !important; }
  .how__boxes       { gap: 36px !important; }

  /* Use cases */
  .set__box   { width: 100% !important; max-width: 100% !important; }
  .set__boxes { flex-direction: column !important; align-items: stretch !important; }
  .set__box { padding: 0 !important; overflow: hidden !important; }
  .set__box-image { margin: 0 !important; border-radius: 0 !important; }
  .set__box-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; }

  /* Comparison: 3-col on mobile */
  .comp                                  { overflow-x: hidden !important; overflow-y: visible !important; }
  .comp__subtitle                        { margin-bottom: 70px !important; }
  .comp__grid                            { grid-template-columns: 1.2fr 1fr 1fr !important; margin: 0 !important; height: auto !important; overflow: visible !important; margin-bottom: 20px !important; }
  .comp__grid-item:nth-child(4n)         { display: none !important; }
  .comp__grid::before                    { display: none !important; }
  .comp__grid-item.--us                  { background: #26180C !important; }
  .comp__grid-item.--th:nth-child(2)     { background: #26180C !important; border-radius: 15px 15px 0 0 !important; overflow: visible !important; }
  .comp__grid-item.--us:nth-last-child(3){ border-radius: 0 0 15px 15px !important; }
  .comp__grid-item.--th:nth-child(2) .comp__grid-image { width: 100px !important; height: 100px !important; transform: translateY(-50px) !important; margin-bottom: -50px !important; }
  .comp__grid-item                       { font-size: clamp(10px, 2.8vw, 13px) !important; padding: 10px 6px !important; }
  .comp__grid-item.--us,
  .comp__grid-item.--th                  { font-size: clamp(10px, 2.8vw, 13px) !important; }

  /* Guarantee */
  .guarantee__text   { width: 100% !important; max-width: 100% !important; }
  .guarantee__body   { padding: 0 20px !important; box-sizing: border-box !important; width: 100% !important; }
  .guarantee-card    { flex-direction: column !important; padding: 20px !important; text-align: center !important; gap: 16px !important; }
  .guarantee-card img { width: 160px !important; height: 160px !important; }
  .guarantee-card > div:last-child p  { width: 100% !important; }
  .guarantee-card > div:last-child h2 { font-size: 24px !important; }

  /* Buy block */
  #buy                         { padding: 50px 0 !important; }
  .limit__inner                { flex-direction: column !important; }
  .limit__image                { display: none !important; }
  .limit__image--mobile        { display: block !important; max-width: 100% !important; margin: 12px auto 16px !important; order: 0 !important; }
  .limit__content              { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; align-items: center !important; }
  .limit__content .hero__rated { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important; font-size: clamp(11px, 3vw, 13px) !important; }
  .limit__content .hero__rated-stars     { display: flex !important; flex-wrap: nowrap !important; gap: 1px !important; }
  .limit__content .hero__rated-stars svg { width: 14px !important; height: 14px !important; }
  .limit__content .timer          { width: 100% !important; flex-wrap: nowrap !important; align-items: center !important; gap: 12px !important; justify-content: center !important; box-sizing: border-box !important; }
  .limit__content .timer__text    { width: auto !important; font-size: clamp(11px, 3.5vw, 16px) !important; white-space: nowrap !important; }
  .limit__content .timer__text br { display: none !important; }
  .limit__off                     { width: 100% !important; text-align: center !important; }
  .limit__boxes                   { width: auto !important; max-width: 240px !important; margin: 0 auto !important; align-items: flex-start !important; padding: 0 !important; }
  .limit__box                     { width: 100% !important; white-space: nowrap !important; }
  .limit__box-text                { font-size: 14px !important; }
  .limit__content > .cta-group    { width: 100% !important; margin-top: 24px !important; }
  .limit__content-title           { font-size: clamp(26px, 6vw, 36px) !important; }
  #addCart                        { width: 100% !important; }
  .cta-bottom                     { width: 100% !important; justify-content: center !important; }

  /* Buy card */
  .buy-card              { flex-direction: column !important; min-height: unset !important; overflow: visible !important; }
  .buy-card__image       { display: none !important; }
  .buy-card__image--mobile { display: block !important; margin-top: -8px !important; margin-bottom: 12px !important; }
  .buy-card__content     { padding: 28px 20px !important; width: 100% !important; box-sizing: border-box !important; }
  .buy-card__content .cta-button { width: 100% !important; box-sizing: border-box !important; }

  /* Buy social proof row */
  .buy-social-proof      { gap: clamp(4px, 1.5vw, 10px) !important; padding: 7px 10px !important; width: 100% !important; box-sizing: border-box !important; flex-wrap: nowrap !important; }
  .buy-social-proof .buy-avatar-img  { width: clamp(20px, 5vw, 28px) !important; height: clamp(20px, 5vw, 28px) !important; }
  .buy-social-proof svg  { width: clamp(10px, 2.8vw, 14px) !important; height: clamp(10px, 2.8vw, 14px) !important; }
  .buy-social-proof b    { font-size: clamp(10px, 2.8vw, 13px) !important; }
  .buy-social-proof span[style*="font-size:13.5px"] { font-size: clamp(9px, 2.4vw, 11px) !important; white-space: nowrap !important; }

  /* Expert */
  .expert__inner  { height: unset !important; min-height: unset !important; }
  .expert__media  { width: 100% !important; min-height: 0 !important; height: auto !important; aspect-ratio: 4/3 !important; }
  .expert__body   { padding: 32px 24px !important; display: block !important; }
  .expert__role   { width: 100% !important; }
  .expert__quote span { width: 100% !important; font-size: 18px !important; }

  /* Section titles */
  h2.title, .split__title, .reviews__title,
  .tp-reviews__title, .faq__title,
  .limit__content-title { font-size: 38px !important; line-height: 1.15 !important; }

  /* TP Reviews bar label */
  .tp-reviews__bar-label { width: 100px !important; min-width: 100px !important; font-size: 13px !important; }
}

/* Icons min-height + reduced padding on mobile */
@media (max-width: 768px) {
  .description__boxes { gap: 0 !important; }
  .description__box { gap: 0 !important; }
  .description__box-row > .iconBox { min-height: 45px !important; min-width: 45px !important; width: 45px !important; height: 45px !important; }
  .description__box-row > .iconBox img { object-fit: contain !important; }
  .description__box-row > .iconBox svg { width: 24px !important; height: 24px !important; }
  .description { padding-top: 20px !important; padding-bottom: 20px !important; }
  .footer__legal { font-size: 14px !important; }
}

/* Selling-fast-bar breakpoint overrides */
@media (max-width: 430px) { .hero__inner .hero__message-body.selling-fast-bar { font-size: 12px !important; } .hero__inner .hero__message-body.selling-fast-bar svg { width: 12px !important; height: 12px !important; } }
@media (max-width: 390px) { .hero__inner .hero__message-body.selling-fast-bar { font-size: 11px !important; } .hero__inner .hero__message-body.selling-fast-bar svg { width: 11px !important; height: 11px !important; } }
@media (max-width: 375px) { .hero__inner .hero__message-body.selling-fast-bar { font-size: 10.5px !important; } .hero__inner .hero__message-body.selling-fast-bar svg { width: 10.5px !important; height: 10.5px !important; } }
@media (max-width: 320px) { .hero__inner .hero__message-body.selling-fast-bar { font-size: 9px !important; } .hero__inner .hero__message-body.selling-fast-bar svg { width: 9px !important; height: 9px !important; } }

/* How section — breakpoint font sizes */
@media (max-width: 430px) { .how__box-title { font-size: 26px !important; } .how__box-text { font-size: 17px !important; } .how-review-text { font-size: 15px !important; } .how-review-name { font-size: 13px !important; } }
@media (max-width: 390px) { .how__box-title { font-size: 24px !important; } .how__box-text { font-size: 16px !important; } .how-review-text { font-size: 14px !important; } .how-review-name { font-size: 12px !important; } }
@media (max-width: 375px) { .how__box-title { font-size: 22px !important; } .how__box-text { font-size: 15px !important; } .how-review-text { font-size: 13px !important; } .how-review-name { font-size: 11.5px !important; } }
@media (max-width: 320px) { .how__box-title { font-size: 20px !important; } .how__box-text { font-size: 14px !important; } .how-review-text { font-size: 12px !important; } .how-review-name { font-size: 11px !important; } }

/* Hero subtitle breakpoint overrides */
@media (max-width: 430px) { .hero__inner .hero__subtitle { font-size: 16px !important; } }
@media (max-width: 390px) { .hero__inner .hero__subtitle { font-size: 15px !important; } }
@media (max-width: 375px) { .hero__inner .hero__subtitle { font-size: 15px !important; } }
@media (max-width: 320px) { .hero__inner .hero__subtitle { font-size: 14px !important; } }

/* Hero bullet text breakpoint overrides */
@media (max-width: 390px) { .hero__inner .hero__checks-item { font-size: 16px !important; } }
@media (max-width: 320px) { .hero__inner .hero__checks-item { font-size: 15px !important; } }

@media (min-width: 769px) {
  .comp__grid { grid-template-rows: auto repeat(6, 50px) !important; max-width: 80% !important; margin-left: auto !important; margin-right: auto !important; }
  .comp__grid-item:not(.--th) img { width: 24px !important; height: 24px !important; }
  .why-it-works { padding: 80px 0; }
}