/* =========================================================
   ECOMIFY TIKTOK SHOP PAGE — FINAL REFERENCE OVERRIDES
   Load this file after responsive.css.
   ========================================================= */

body[data-page="tiktok"] {
  background: #050303;
}

body[data-page="tiktok"] main {
  overflow: hidden;
}

body[data-page="tiktok"] .container {
  width: min(100% - 42px, 1710px);
}

/* ---------- Header ---------- */
body[data-page="tiktok"] .site-header {
  padding: 13px 0;
}

body[data-page="tiktok"] .site-header .container {
  width: min(100% - 46px, 1770px);
}

body[data-page="tiktok"] .header-logo img {
  height: 27px;
}

body[data-page="tiktok"] .main-nav a {
  font-size: 0.82rem;
  padding: 7px 10px;
}

body[data-page="tiktok"] .header-actions {
  gap: 14px;
}

body[data-page="tiktok"] .header-phone,
body[data-page="tiktok"] .header-quote-btn {
  font-size: 0.78rem;
}

/* =========================================================
   HERO
   ========================================================= */
body[data-page="tiktok"] .tiktok-autopilot-hero {
  min-height: 650px;
  display: flex;
  align-items: center;
  background: #1b0906;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__media img {
  object-position: 64% center;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__overlay {
  background:
    linear-gradient(90deg,
      rgba(30, 7, 4, .98) 0%,
      rgba(55, 16, 10, .92) 23%,
      rgba(55, 20, 14, .72) 47%,
      rgba(25, 18, 17, .24) 73%,
      rgba(32, 10, 7, .16) 100%);
}

body[data-page="tiktok"] .tiktok-autopilot-hero__container {
  width: min(100% - 100px, 1730px);
  padding: 158px 0 68px;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__content {
  max-width: 1020px;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__title {
  max-width: 730px;
  margin-bottom: 22px;
  font-size: clamp(40px, 3vw, 51px);
  line-height: 1.18;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__copy {
  max-width: 1000px;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__copy p {
  font-size: 16px;
  line-height: 1.66;
  color: rgba(255,255,255,.97);
}

body[data-page="tiktok"] .tiktok-autopilot-hero__highlight {
  max-width: 980px;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__actions {
  margin-top: 22px;
}

body[data-page="tiktok"] .tiktok-autopilot-hero__button {
  min-height: 50px;
  font-size: 15px;
}

/* =========================================================
   SIX SERVICE CARDS
   ========================================================= */
body[data-page="tiktok"] .tt-auto-services {
  padding: 38px 0 50px;
  background:
    radial-gradient(circle at 0% 48%, rgba(117,36,23,.63), transparent 62%),
    radial-gradient(circle at 100% 36%, rgba(126,39,25,.64), transparent 66%),
    linear-gradient(90deg, #35100b 0%, #180604 26%, #030202 51%, #1d0705 76%, #43150e 100%);
}

body[data-page="tiktok"] .tt-auto-services__container {
  width: min(100% - 64px, 1735px);
}

body[data-page="tiktok"] .tt-auto-services__heading {
  max-width: 830px;
  margin-bottom: 28px;
  font-size: clamp(38px, 2.8vw, 50px);
  line-height: 1.18;
}

body[data-page="tiktok"] .tt-auto-services__grid {
  gap: 18px 34px;
}

body[data-page="tiktok"] .tt-auto-card {
  min-height: 335px;
  padding: 38px 36px 32px;
  border-radius: 36px;
  background: linear-gradient(105deg, #d62b20 0%, #ef4632 48%, #ff654b 100%);
}

body[data-page="tiktok"] .tt-auto-card__top {
  min-height: 83px;
  grid-template-columns: minmax(0, 1fr) 68px;
}

body[data-page="tiktok"] .tt-auto-card h3 {
  font-size: clamp(21px, 1.45vw, 27px);
  line-height: 1.28;
}

body[data-page="tiktok"] .tt-auto-card__icon,
body[data-page="tiktok"] .tt-auto-card__icon svg {
  width: 62px;
  height: 62px;
}

body[data-page="tiktok"] .tt-auto-card__content {
  padding-top: 10px;
}

body[data-page="tiktok"] .tt-auto-card__content p,
body[data-page="tiktok"] .tt-auto-card__content li {
  font-size: 13.5px;
}

/* =========================================================
   CLIENT TESTIMONIALS
   ========================================================= */
body[data-page="tiktok"] .client-stories-section {
  padding: 42px 0 54px;
  background:
    radial-gradient(circle at 0% 48%, rgba(124,38,24,.68), transparent 59%),
    radial-gradient(circle at 100% 35%, rgba(129,40,25,.69), transparent 63%),
    linear-gradient(90deg, #37120c 0%, #170604 27%, #030202 51%, #1c0705 75%, #46170f 100%);
}

body[data-page="tiktok"] .client-stories-container {
  width: min(100% - 54px, 1710px);
}

body[data-page="tiktok"] .client-stories-title {
  margin-bottom: 24px;
  font-size: clamp(38px, 2.7vw, 49px);
}

body[data-page="tiktok"] .client-stories-reviews {
  margin-bottom: 14px;
}

body[data-page="tiktok"] .client-review-item {
  min-height: 118px;
  padding: 22px 28px;
}

body[data-page="tiktok"] .client-review-item img {
  width: 112px;
}

body[data-page="tiktok"] .client-story-card {
  width: 430px;
  min-width: 430px;
  max-width: 430px;
  min-height: 188px;
  flex-basis: 430px;
  padding: 22px 24px 18px;
  border-radius: 20px;
}

body[data-page="tiktok"] .client-story-card__text {
  min-height: 92px;
}

body[data-page="tiktok"] .client-story-card__text p {
  font-size: 12.5px;
  line-height: 1.52;
}

body[data-page="tiktok"] .client-story-card__scroll {
  height: 70px;
}

body[data-page="tiktok"] .client-story-card__scroll i {
  height: 50px;
}

body[data-page="tiktok"] .client-story-card__footer {
  padding-top: 13px;
}

body[data-page="tiktok"] .client-story-person img {
  width: 36px;
  height: 36px;
}

body[data-page="tiktok"] .client-story-person h3 {
  font-size: 13px;
}

body[data-page="tiktok"] .client-story-brand img {
  width: 28px;
  height: 25px;
}

body[data-page="tiktok"] .client-story-brand span {
  font-size: 22px;
}

/* =========================================================
   FIVE CIRCLES
   ========================================================= */
body[data-page="tiktok"] .circular-platform-section {
  padding: 38px 0 66px;
  border-bottom: 1px solid rgba(255,255,255,.48);
  background:
    radial-gradient(circle at 15% 50%, rgba(92,27,18,.48), transparent 46%),
    linear-gradient(90deg, #2b0d09 0%, #050303 46%, #341009 100%);
}

body[data-page="tiktok"] .circular-platform-grid {
  max-width: 980px;
  margin: 0 auto;
  gap: 28px;
}

body[data-page="tiktok"] .circular-platform-grid::before {
  top: 38px;
  left: 8%;
  right: 8%;
}

body[data-page="tiktok"] .circular-item__circle {
  width: 78px;
  height: 78px;
  border: 0;
}

body[data-page="tiktok"] .circular-item h4 {
  font-size: .68rem;
}

body[data-page="tiktok"] .circular-item p {
  font-size: .61rem;
  line-height: 1.35;
}

/* =========================================================
   WHY CHOOSE
   ========================================================= */
body[data-page="tiktok"] .ecom-why-section {
  padding: 52px 0 38px;
  background:
    radial-gradient(circle at 0% 50%, rgba(123,37,24,.72), transparent 61%),
    radial-gradient(circle at 100% 18%, rgba(119,37,24,.66), transparent 62%),
    linear-gradient(90deg, #38120c 0%, #160604 28%, #030202 52%, #1a0705 75%, #43160e 100%);
}

body[data-page="tiktok"] .ecom-why-container {
  width: min(100% - 54px, 1710px);
}

body[data-page="tiktok"] .ecom-why-header {
  grid-template-columns: minmax(0, 1.05fr) minmax(460px, .95fr);
  gap: 64px;
}

body[data-page="tiktok"] .ecom-why-title {
  font-size: clamp(37px, 2.55vw, 47px);
}

body[data-page="tiktok"] .ecom-why-header__text p {
  font-size: 12.5px;
  line-height: 1.65;
}

body[data-page="tiktok"] .ecom-why-header__text p + p {
  margin-top: 15px;
}

body[data-page="tiktok"] .ecom-why-divider {
  margin: 30px 0 34px;
}

body[data-page="tiktok"] .ecom-why-layout {
  grid-template-columns: 335px minmax(0, 1fr);
  gap: 30px;
}

body[data-page="tiktok"] .ecom-why-form-intro {
  margin-bottom: 26px;
  font-size: 12.5px;
  line-height: 1.62;
}

body[data-page="tiktok"] .ecom-why-field {
  margin-bottom: 11px;
}

body[data-page="tiktok"] .ecom-why-field input {
  height: 45px;
  font-size: 12.5px;
}

body[data-page="tiktok"] .ecom-why-consent {
  margin: 15px 0 13px;
  font-size: 10px;
  line-height: 1.45;
}

body[data-page="tiktok"] .ecom-why-submit {
  min-height: 47px;
  font-size: 13px;
}

body[data-page="tiktok"] .ecom-why-cards {
  gap: 12px 15px;
}

body[data-page="tiktok"] .ecom-why-card {
  min-height: 190px;
  border-radius: 5px;
}

body[data-page="tiktok"] .ecom-why-card__tab {
  width: 115px;
  height: 45px;
}

body[data-page="tiktok"] .ecom-why-card__content {
  padding: 54px 20px 20px;
}

body[data-page="tiktok"] .ecom-why-card h3 {
  margin-bottom: 8px;
  font-size: 17px;
}

body[data-page="tiktok"] .ecom-why-card p {
  margin-bottom: 7px;
  font-size: 9.5px;
  line-height: 1.46;
}

body[data-page="tiktok"] .ecom-why-card__link {
  font-size: 9px;
}

/* =========================================================
   ORANGE STATS
   ========================================================= */
body[data-page="tiktok"] .ecom-stats-section {
  min-height: 270px;
  padding: 42px 0 46px;
}

body[data-page="tiktok"] .ecom-stats-container {
  width: min(100% - 60px, 1500px);
}

body[data-page="tiktok"] .ecom-stats-heading {
  max-width: 760px;
  margin-bottom: 34px;
  font-size: clamp(28px, 2vw, 37px);
  line-height: 1.18;
}

body[data-page="tiktok"] .ecom-stats-grid {
  gap: 55px;
}

body[data-page="tiktok"] .ecom-stat-number {
  min-height: 42px;
  font-size: clamp(35px, 2.7vw, 45px);
}

body[data-page="tiktok"] .ecom-stat-card h3 {
  margin: 6px 0 12px;
  font-size: 17px;
}

body[data-page="tiktok"] .ecom-stat-card p {
  max-width: 390px;
  font-size: 10px;
  line-height: 1.55;
}

/* =========================================================
   TWO SUCCESS FEATURES
   ========================================================= */
body[data-page="tiktok"] .bordered-feature {
  padding: 26px 0;
  background: #020202;
}

body[data-page="tiktok"] .bordered-feature__box {
  max-width: 1705px;
  min-height: 265px;
  padding: 0;
  gap: 0;
  overflow: hidden;
  border: 2px solid #f04e31;
  border-radius: 14px;
  background: #040404;
}

body[data-page="tiktok"] .bordered-feature__box,
body[data-page="tiktok"] .bordered-feature__box.reverse {
  grid-template-columns: 1.15fr .85fr;
}

body[data-page="tiktok"] .bordered-feature__box.reverse {
  grid-template-columns: .85fr 1.15fr;
}

body[data-page="tiktok"] .bordered-feature__text {
  padding: 28px 34px;
}

body[data-page="tiktok"] .bordered-feature__text .section-eyebrow {
  display: none;
}

body[data-page="tiktok"] .bordered-feature__text h2 {
  margin-bottom: 10px;
  font-size: clamp(22px, 1.55vw, 29px);
}

body[data-page="tiktok"] .bordered-feature__text p {
  margin-bottom: 13px;
  font-size: 11px;
  line-height: 1.48;
}

body[data-page="tiktok"] .bordered-feature__text .btn {
  padding: 8px 16px;
  font-size: 10px;
}

body[data-page="tiktok"] .bordered-feature__img {
  height: 100%;
  min-height: 265px;
  aspect-ratio: auto;
  border-radius: 0;
}

body[data-page="tiktok"] .bordered-feature__img img {
  object-fit: cover;
}

/* =========================================================
   SIX-STEP PROCESS
   ========================================================= */
body[data-page="tiktok"] .process-section {
  padding: 50px 0 62px;
  background: #020202;
}

body[data-page="tiktok"] .process-section > .container > .section-eyebrow,
body[data-page="tiktok"] .process-section > .container > h2 {
  display: none;
}

body[data-page="tiktok"] .process-grid {
  max-width: 1500px;
  margin: 20px auto 0 !important;
  gap: 70px 88px;
}

body[data-page="tiktok"] .process-card__marker {
  top: -28px;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translateX(-50%);
  background: #1b0b08;
  font-size: 0;
}

body[data-page="tiktok"] .process-card__marker::after {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f15336;
}

body[data-page="tiktok"] .process-card__inner {
  max-width: 330px;
  margin: 0 auto;
  padding: 9px;
  border: 5px solid #f15336;
  border-radius: 13px;
  background: #292929;
  box-shadow: 9px 9px 0 #4a4a4a;
}

body[data-page="tiktok"] .process-card__box {
  min-height: 190px;
  padding: 18px 17px;
  border-radius: 6px;
}

body[data-page="tiktok"] .process-card__icon {
  margin-top: -31px;
  width: 54px;
  height: 54px;
  border: 5px solid #f15336;
  background: #1c1c1c;
}

body[data-page="tiktok"] .process-card__icon svg {
  width: 23px;
  height: 23px;
}

body[data-page="tiktok"] .process-card h3 {
  font-size: 12px;
}

body[data-page="tiktok"] .process-card p {
  font-size: 9.5px;
  line-height: 1.45;
}

@media (min-width: 993px) {
  body[data-page="tiktok"] .process-grid > .process-card:not(:nth-child(3n))::after {
    top: 47%;
    right: -70px;
    width: 55px;
    height: 14px;
    background: #f15336;
  }

  body[data-page="tiktok"] .process-grid > .process-card:not(:nth-child(3n))::before {
    top: calc(47% - 11px);
    right: -86px;
    border-top-width: 18px;
    border-bottom-width: 18px;
    border-left-width: 22px;
  }
}

/* =========================================================
   FAQ
   ========================================================= */
body[data-page="tiktok"] .faq-section {
  padding: 48px 0 56px;
  background: #020202;
}

body[data-page="tiktok"] .faq-section h2 {
  margin-bottom: 24px;
  font-size: clamp(28px, 2vw, 37px);
}

body[data-page="tiktok"] .faq-list {
  max-width: none;
}

body[data-page="tiktok"] .faq-item {
  border-bottom-color: rgba(241,83,54,.76);
}

body[data-page="tiktok"] .faq-trigger {
  padding: 12px 8px;
}

body[data-page="tiktok"] .faq-trigger span {
  font-size: 12px;
}

body[data-page="tiktok"] .faq-panel__inner {
  font-size: 11px;
}

/* =========================================================
   CONTACT
   ========================================================= */
body[data-page="tiktok"] .tiktok-contact {
  padding: 48px 0;
  background:
    radial-gradient(circle at 0% 50%, rgba(117,35,22,.74), transparent 56%),
    radial-gradient(circle at 100% 30%, rgba(125,39,24,.66), transparent 61%),
    linear-gradient(90deg, #42150e 0%, #130604 47%, #43150e 100%);
}

body[data-page="tiktok"] .tiktok-contact .container {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
  gap: 55px;
  align-items: center;
}

body[data-page="tiktok"] .tiktok-contact .contact-form-card {
  padding: 26px;
  border-radius: 12px;
}

body[data-page="tiktok"] .tiktok-contact .contact-info h2 {
  font-size: clamp(28px, 2.2vw, 39px);
}

/* =========================================================
   FOOTER COMPACT REFERENCE SIZE
   ========================================================= */
body[data-page="tiktok"] .site-footer {
  padding-top: 48px;
}

body[data-page="tiktok"] .footer-newsletter {
  padding-bottom: 34px;
}

body[data-page="tiktok"] .footer-newsletter__brand img {
  height: 42px;
}

body[data-page="tiktok"] .footer-newsletter__brand h3 {
  font-size: 1.15rem;
}

body[data-page="tiktok"] .newsletter-form {
  min-width: 320px;
  max-width: 410px;
}

body[data-page="tiktok"] .footer-columns {
  gap: 32px;
  padding: 36px 0 28px;
}

body[data-page="tiktok"] .footer-col h4 {
  font-size: .88rem;
  margin-bottom: 14px;
}

body[data-page="tiktok"] .footer-col ul li {
  margin-bottom: 8px;
}

body[data-page="tiktok"] .footer-col ul li a,
body[data-page="tiktok"] .footer-col--find li {
  font-size: .74rem;
}

body[data-page="tiktok"] .footer-payment-logo {
  max-width: 200px;
}

body[data-page="tiktok"] .footer-bottom {
  padding: 14px 0;
  font-size: .72rem;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1440px) {
  body[data-page="tiktok"] .tiktok-autopilot-hero {
    min-height: 610px;
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__container {
    width: min(100% - 64px, 1320px);
    padding-top: 145px;
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__title {
    font-size: 41px;
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__copy p {
    font-size: 14px;
  }

  body[data-page="tiktok"] .tt-auto-services__container,
  body[data-page="tiktok"] .client-stories-container,
  body[data-page="tiktok"] .ecom-why-container {
    width: min(100% - 48px, 1320px);
  }

  body[data-page="tiktok"] .tt-auto-services__grid {
    gap: 17px 22px;
  }

  body[data-page="tiktok"] .tt-auto-card {
    min-height: 315px;
    padding: 31px 28px 28px;
  }

  body[data-page="tiktok"] .tt-auto-card h3 {
    font-size: 20px;
  }

  body[data-page="tiktok"] .tt-auto-card__content p,
  body[data-page="tiktok"] .tt-auto-card__content li {
    font-size: 11.5px;
  }

  body[data-page="tiktok"] .client-story-card {
    width: 390px;
    min-width: 390px;
    max-width: 390px;
    flex-basis: 390px;
  }

  body[data-page="tiktok"] .ecom-why-layout {
    grid-template-columns: 300px minmax(0, 1fr);
  }

  body[data-page="tiktok"] .process-grid {
    gap: 65px 70px;
  }
}

@media (max-width: 1050px) {
  body[data-page="tiktok"] .tt-auto-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="tiktok"] .client-stories-reviews {
    overflow-x: auto;
    grid-template-columns: repeat(3, 300px);
  }

  body[data-page="tiktok"] .circular-platform-grid {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
  }

  body[data-page="tiktok"] .circular-platform-grid::before {
    display: none;
  }

  body[data-page="tiktok"] .ecom-why-header,
  body[data-page="tiktok"] .ecom-why-layout {
    grid-template-columns: 1fr;
  }

  body[data-page="tiktok"] .ecom-why-form-wrap {
    max-width: 580px;
  }

  body[data-page="tiktok"] .bordered-feature__box,
  body[data-page="tiktok"] .bordered-feature__box.reverse {
    grid-template-columns: 1fr;
  }

  body[data-page="tiktok"] .bordered-feature__box.reverse .bordered-feature__text,
  body[data-page="tiktok"] .bordered-feature__box.reverse .bordered-feature__img {
    order: initial;
  }

  body[data-page="tiktok"] .process-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 62px 28px;
  }

  body[data-page="tiktok"] .tiktok-contact .container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  body[data-page="tiktok"] .container,
  body[data-page="tiktok"] .tt-auto-services__container,
  body[data-page="tiktok"] .client-stories-container,
  body[data-page="tiktok"] .ecom-why-container,
  body[data-page="tiktok"] .ecom-stats-container {
    width: calc(100% - 30px);
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero {
    min-height: 720px;
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__container {
    width: calc(100% - 30px);
    padding: 118px 0 42px;
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__media img {
    object-position: 70% center;
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__overlay {
    background: linear-gradient(0deg, rgba(27,7,4,.99) 0%, rgba(35,10,6,.9) 58%, rgba(19,8,6,.42) 100%);
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__title {
    font-size: 30px;
  }

  body[data-page="tiktok"] .tiktok-autopilot-hero__copy p {
    font-size: 12.5px;
  }

  body[data-page="tiktok"] .tt-auto-services__heading,
  body[data-page="tiktok"] .client-stories-title,
  body[data-page="tiktok"] .ecom-why-title,
  body[data-page="tiktok"] .ecom-stats-heading,
  body[data-page="tiktok"] .faq-section h2 {
    font-size: 28px;
  }

  body[data-page="tiktok"] .tt-auto-services__grid,
  body[data-page="tiktok"] .ecom-why-cards,
  body[data-page="tiktok"] .ecom-stats-grid,
  body[data-page="tiktok"] .process-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="tiktok"] .tt-auto-card {
    min-height: 305px;
    padding: 27px 22px;
    border-radius: 24px;
  }

  body[data-page="tiktok"] .client-story-card {
    width: 330px;
    min-width: 330px;
    max-width: 330px;
    flex-basis: 330px;
  }

  body[data-page="tiktok"] .circular-platform-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="tiktok"] .ecom-stats-grid {
    gap: 36px;
  }

  body[data-page="tiktok"] .bordered-feature__text {
    padding: 24px 20px;
  }

  body[data-page="tiktok"] .process-grid {
    gap: 55px;
  }

  body[data-page="tiktok"] .process-card__inner {
    max-width: 310px;
  }

  body[data-page="tiktok"] .newsletter-form {
    min-width: 0;
  }
}