.dtc-home {
  --home-navy: #08284a;
  --home-navy-dark: #031426;
  --home-ink: #102033;
  --home-muted: #5d6f7b;
  --home-green: #168447;
  --home-green-2: #24a95a;
  --home-yellow: #f4b400;
  --home-yellow-dark: #d99b00;
  --home-bg: #f5faf9;
  --home-bg-soft: #eef7f5;
  --home-border: #d9e8e7;
  overflow-x: hidden;
}

.flv-home-hero {
  position: relative;
  min-height: min(100vh, 860px);
  width: 100%;
  display: grid;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 74% 22%, rgba(244, 180, 0, .16), transparent 24%),
    radial-gradient(circle at 28% 28%, rgba(36, 169, 90, .12), transparent 26%),
    linear-gradient(120deg, #061321 0%, #071a2d 48%, #020911 100%);
  color: #fff;
}

.flv-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(3, 12, 22, .94) 0%, rgba(3, 12, 22, .82) 34%, rgba(3, 12, 22, .48) 58%, rgba(3, 12, 22, .2) 100%),
    linear-gradient(180deg, rgba(3, 12, 22, .08), rgba(3, 12, 22, .46));
}

.flv-home-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 160px;
  z-index: -1;
  background: linear-gradient(180deg, transparent, rgba(2, 9, 17, .86));
}

.flv-home-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.flv-home-hero-inner {
  width: min(1440px, calc(100% - 64px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
  gap: clamp(32px, 6vw, 96px);
  align-items: center;
  padding: clamp(64px, 8vw, 118px) 0 clamp(96px, 10vw, 160px);
}

.flv-home-hero-copy {
  max-width: 760px;
}

.flv-home-eyebrow {
  margin: 0 0 18px;
  color: var(--home-yellow);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.flv-home-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(48px, 6.2vw, 96px);
  font-weight: 780;
  line-height: .98;
  letter-spacing: 0;
}

.flv-home-hero h1::first-line {
  color: #fff;
}

.flv-home-lead {
  max-width: 680px;
  margin: 26px 0 0;
  color: rgba(255, 255, 255, .84);
  font-size: clamp(18px, 1.7vw, 24px);
  line-height: 1.62;
}

.flv-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.flv-home-btn {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 26px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .24);
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.flv-home-btn:hover {
  transform: translateY(-1px);
}

.flv-home-btn-primary {
  background: var(--home-yellow);
  border-color: var(--home-yellow);
  color: var(--home-navy);
  box-shadow: 0 16px 34px rgba(244, 180, 0, .22);
}

.flv-home-btn-primary:hover {
  background: var(--home-yellow-dark);
}

.flv-home-btn-secondary {
  background: rgba(255, 255, 255, .08);
  color: #fff;
  backdrop-filter: blur(10px);
}

.flv-home-trust-labels,
.flv-home-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.flv-home-trust-labels {
  margin-top: 24px;
}

.flv-home-trust-labels span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: rgba(255, 255, 255, .84);
  font-size: 13px;
  font-weight: 800;
}

.flv-home-proof {
  margin-top: clamp(42px, 6vw, 84px);
  gap: clamp(14px, 2vw, 28px);
}

.flv-home-proof span {
  display: grid;
  justify-items: center;
  gap: 10px;
  width: 118px;
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}

.flv-home-proof b {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 180, 0, .52);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244, 180, 0, .22), rgba(255, 255, 255, .08));
  color: #fff;
  font-size: 17px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}

.flv-home-hero-product {
  justify-self: center;
  align-self: end;
  width: min(100%, 560px);
  display: grid;
  place-items: center;
  padding: 36px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 50% 45%, rgba(244, 180, 0, .16), transparent 34%),
    rgba(255, 255, 255, .06);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .22);
}

.flv-home-hero-product img {
  width: min(100%, 500px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 30px 44px rgba(0, 0, 0, .36));
}

.flv-home-benefits {
  width: 100%;
  background: #061321;
  color: #fff;
  border-top: 1px solid rgba(244, 180, 0, .18);
}

.flv-home-benefits-grid {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flv-home-benefits span {
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 28px;
  border-left: 1px solid rgba(244, 180, 0, .32);
  color: rgba(255, 255, 255, .82);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.flv-home-benefits span:last-child {
  border-right: 1px solid rgba(244, 180, 0, .32);
}

.flv-home-benefits span::before {
  content: "";
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid var(--home-yellow);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244, 180, 0, .24), transparent 58%);
}

.dtc-home .dtc-section {
  padding: clamp(82px, 9vw, 132px) 0;
}

.dtc-home .dtc-wrap {
  width: min(1240px, calc(100% - 48px));
}

.dtc-home .dtc-section h2,
.dtc-home .dtc-final h2 {
  letter-spacing: 0;
}

.dtc-home .dtc-card,
.dtc-home .dtc-package,
.dtc-home .dtc-compare-card,
.dtc-home .dtc-article-card,
.dtc-home .dtc-faq details,
.dtc-home .dtc-ingredient-grid article {
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(8, 40, 74, .08);
}

.dtc-home .dtc-package-featured {
  box-shadow: 0 28px 70px rgba(8, 40, 74, .12);
}

@media (max-width: 980px) {
  .flv-home-hero-inner {
    grid-template-columns: 1fr;
    padding-top: 72px;
  }

  .flv-home-hero-bg {
    opacity: .58;
    object-position: 66% center;
  }

  .flv-home-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .flv-home-hero {
    min-height: auto;
  }

  .flv-home-hero-inner,
  .flv-home-benefits-grid,
  .dtc-home .dtc-wrap {
    width: min(100% - 28px, 1240px);
  }

  .flv-home-hero-inner {
    padding: 54px 0 72px;
  }

  .flv-home-hero h1 {
    font-size: clamp(42px, 13vw, 64px);
  }

  .flv-home-actions,
  .flv-home-actions a {
    width: 100%;
  }

  .flv-home-proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flv-home-proof span {
    width: 100%;
  }

  .flv-home-benefits-grid {
    grid-template-columns: 1fr;
  }

  .flv-home-benefits span,
  .flv-home-benefits span:last-child {
    min-height: 74px;
    border-right: 0;
  }

  .dtc-home .dtc-section {
    padding: 64px 0;
  }
}

/* =========================================================
   HOME HERO FIX: image already contains text/layout
   ========================================================= */

body.home .flv-home-hero,
body.front-page .flv-home-hero {
  position: relative !important;
  width: 100% !important;
  min-height: min(100vh, 900px) !important;
  height: min(100vh, 900px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #06131d !important;
}

/* Full-width hero image */
body.home .flv-home-hero-bg,
body.front-page .flv-home-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
}

/* Hide duplicated HTML text/buttons because they are already baked into image */
body.home .flv-home-hero-inner,
body.front-page .flv-home-hero-inner,
body.home .flv-home-hero-copy,
body.front-page .flv-home-hero-copy,
body.home .flv-home-eyebrow,
body.front-page .flv-home-eyebrow,
body.home .flv-home-hero h1,
body.front-page .flv-home-hero h1,
body.home .flv-home-hero .flv-home-lead,
body.front-page .flv-home-hero .flv-home-lead,
body.home .flv-home-actions,
body.front-page .flv-home-actions,
body.home .flv-home-proof,
body.front-page .flv-home-proof,
body.home .flv-home-cert-row,
body.front-page .flv-home-cert-row {
  display: none !important;
}

/* The extra benefit strip below hero can stay, but make it clean */
body.home .flv-home-benefit-strip,
body.front-page .flv-home-benefit-strip {
  margin-top: 0 !important;
}

/* Mobile: keep whole image visible instead of awkward crop */
@media (max-width: 768px) {
  body.home .flv-home-hero,
  body.front-page .flv-home-hero {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    object-fit: contain !important;
    background: #06131d !important;
  }
}


/* Hide duplicate knowledge section near footer */
body.home .dtc-knowledge,
body.front-page .dtc-knowledge {
  display: none !important;
}


/* Hide broken duplicate knowledge slider below footer */
body.home .dtc-knowledge,
body.front-page .dtc-knowledge,
body.home section.dtc-knowledge,
body.front-page section.dtc-knowledge {
  display: none !important;
}

/* Safety: hide any duplicated knowledge block rendered after footer */
body.home footer ~ .dtc-knowledge,
body.front-page footer ~ .dtc-knowledge {
  display: none !important;
}


/* =========================================================
   Hide duplicate/broken knowledge sections on homepage
   ========================================================= */

body.home .dtc-knowledge,
body.front-page .dtc-knowledge,
body.home section.dtc-knowledge,
body.front-page section.dtc-knowledge,
body.home .flv-product-knowledge,
body.front-page .flv-product-knowledge,
body.home section.flv-product-knowledge,
body.front-page section.flv-product-knowledge,
body.home [data-flv-knowledge-slider],
body.front-page [data-flv-knowledge-slider] {
  display: none !important;
}


/* =========================================================
   HOME UX SECTIONS POLISH
   Cel: mocniejszy rytm sekcji po premium hero
   ========================================================= */

/* 1. Ukrycie zdublowanych / rozwalonych sekcji wiedzy */
body.home .dtc-knowledge,
body.front-page .dtc-knowledge,
body.home section.dtc-knowledge,
body.front-page section.dtc-knowledge,
body.home .flv-product-knowledge,
body.front-page .flv-product-knowledge,
body.home section.flv-product-knowledge,
body.front-page section.flv-product-knowledge,
body.home [data-flv-knowledge-slider],
body.front-page [data-flv-knowledge-slider] {
  display: none !important;
}

/* 2. Ogólna czytelność i większa skala sekcji */
body.home,
body.front-page {
  font-size: 16px !important;
}

body.home .dtc-section,
body.front-page .dtc-section {
  padding-top: clamp(92px, 8vw, 132px) !important;
  padding-bottom: clamp(92px, 8vw, 132px) !important;
}

body.home .dtc-wrap,
body.front-page .dtc-wrap {
  width: min(1120px, calc(100% - 40px)) !important;
}

body.home .dtc-section h2,
body.front-page .dtc-section h2 {
  font-size: clamp(36px, 4.4vw, 58px) !important;
  line-height: .96 !important;
  letter-spacing: -0.04em !important;
  color: #08284a !important;
}

body.home .dtc-section-head,
body.front-page .dtc-section-head {
  margin-bottom: 42px !important;
}

body.home .dtc-section-head p,
body.front-page .dtc-section-head p {
  font-size: 17px !important;
  line-height: 1.65 !important;
  max-width: 720px !important;
}

body.home .dtc-eyebrow,
body.front-page .dtc-eyebrow {
  color: #168447 !important;
  font-size: 13px !important;
  letter-spacing: .14em !important;
  font-weight: 950 !important;
}

/* 3. Karty — większe, czytelniejsze, bardziej premium */
body.home .dtc-card,
body.front-page .dtc-card,
body.home .dtc-article-card,
body.front-page .dtc-article-card,
body.home .dtc-plan-card,
body.front-page .dtc-plan-card,
body.home .dtc-compare article,
body.front-page .dtc-compare article {
  border-radius: 22px !important;
  border: 1px solid rgba(8,40,74,.08) !important;
  box-shadow: 0 22px 60px rgba(8,40,74,.08) !important;
}

body.home .dtc-card,
body.front-page .dtc-card {
  padding: 30px !important;
}

body.home .dtc-card h3,
body.front-page .dtc-card h3,
body.home .dtc-article-card h3,
body.front-page .dtc-article-card h3 {
  font-size: 20px !important;
  line-height: 1.18 !important;
  color: #08284a !important;
}

body.home .dtc-card p,
body.front-page .dtc-card p,
body.home .dtc-article-card p,
body.front-page .dtc-article-card p,
body.home .dtc-compare p,
body.front-page .dtc-compare p,
body.home .dtc-compare li,
body.front-page .dtc-compare li,
body.home .dtc-faq p,
body.front-page .dtc-faq p {
  font-size: 16px !important;
  line-height: 1.62 !important;
  color: #496272 !important;
}

/* 4. Sekcja Dla kogo — większa i bardziej decyzyjna */
body.home .dtc-audience .dtc-card,
body.front-page .dtc-audience .dtc-card {
  min-height: 210px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

body.home .dtc-audience .dtc-card h3,
body.front-page .dtc-audience .dtc-card h3 {
  margin-bottom: 12px !important;
}

/* 5. Sekcja składników — mocniejszy kontrast */
body.home .dtc-formula,
body.front-page .dtc-formula {
  background:
    radial-gradient(circle at 80% 20%, rgba(36,169,90,.08), transparent 30%),
    linear-gradient(180deg, #eef7f5 0%, #f8fcfb 100%) !important;
}

body.home .dtc-formula .dtc-card,
body.front-page .dtc-formula .dtc-card {
  background: rgba(255,255,255,.94) !important;
}

/* 6. Pakiety — najważniejsza sekcja sprzedażowa */
body.home .dtc-packages,
body.front-page .dtc-packages {
  background:
    radial-gradient(circle at 50% 0%, rgba(244,180,0,.14), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f5faf9 100%) !important;
}

body.home .dtc-packages .dtc-section-head,
body.front-page .dtc-packages .dtc-section-head {
  text-align: center !important;
}

body.home .dtc-plan-card,
body.front-page .dtc-plan-card {
  padding: 34px 32px !important;
  min-height: 390px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

body.home .dtc-plan-card h3,
body.front-page .dtc-plan-card h3 {
  font-size: 23px !important;
  line-height: 1.1 !important;
}

body.home .dtc-plan-card strong,
body.front-page .dtc-plan-card strong {
  display: block !important;
  margin: 20px 0 8px !important;
  font-size: 42px !important;
  line-height: .95 !important;
  letter-spacing: -0.04em !important;
  color: #08284a !important;
}

body.home .dtc-plan-card .dtc-btn,
body.front-page .dtc-plan-card .dtc-btn,
body.home .dtc-plan-card a,
body.front-page .dtc-plan-card a {
  margin-top: 24px !important;
}

/* Środkowy pakiet 90 dni mocniej wyróżniony */
body.home .dtc-plan-card:nth-child(2),
body.front-page .dtc-plan-card:nth-child(2) {
  transform: translateY(-16px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(244,180,0,.22), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #fff8df 100%) !important;
  border-color: rgba(244,180,0,.42) !important;
  box-shadow: 0 30px 80px rgba(244,180,0,.18), 0 24px 70px rgba(8,40,74,.10) !important;
}

/* 7. Porównanie — bardziej decyzyjne */
body.home .dtc-compare,
body.front-page .dtc-compare {
  background: linear-gradient(180deg, #f6fbfa 0%, #eef7f5 100%) !important;
}

body.home .dtc-compare article,
body.front-page .dtc-compare article {
  padding: 34px !important;
}

/* 8. Jakość — sekcja zaufania, większa waga */
body.home .dtc-quality,
body.front-page .dtc-quality {
  background:
    radial-gradient(circle at 20% 10%, rgba(36,169,90,.10), transparent 28%),
    linear-gradient(180deg, #eef7f5 0%, #ffffff 100%) !important;
}

body.home .dtc-quality ul,
body.front-page .dtc-quality ul {
  display: grid !important;
  gap: 14px !important;
}

body.home .dtc-quality li,
body.front-page .dtc-quality li {
  padding: 18px 20px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 34px rgba(8,40,74,.06) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* 9. Wiedza — tylko jedna sekcja, czytelniej */
body.home .dtc-articles,
body.front-page .dtc-articles,
body.home .dtc-blog,
body.front-page .dtc-blog {
  background: #ffffff !important;
}

body.home .dtc-article-card figure,
body.front-page .dtc-article-card figure {
  overflow: hidden !important;
  border-radius: 18px 18px 0 0 !important;
}

body.home .dtc-article-card img,
body.front-page .dtc-article-card img {
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
}

/* 10. FAQ */
body.home .dtc-faq details,
body.front-page .dtc-faq details {
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(8,40,74,.05) !important;
}

body.home .dtc-faq summary,
body.front-page .dtc-faq summary {
  font-size: 16px !important;
  font-weight: 850 !important;
  padding: 20px 22px !important;
}

/* 11. Final CTA — musi dorównać hero */
body.home .dtc-final,
body.front-page .dtc-final {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(36,169,90,.22), transparent 32%),
    linear-gradient(135deg, #08284a 0%, #041a31 100%) !important;
}

body.home .dtc-final h2,
body.front-page .dtc-final h2 {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: clamp(40px, 5vw, 64px) !important;
  line-height: .96 !important;
}

body.home .dtc-final p,
body.front-page .dtc-final p {
  color: rgba(255,255,255,.84) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body.home .dtc-final .dtc-btn,
body.front-page .dtc-final .dtc-btn,
body.home .dtc-final a,
body.front-page .dtc-final a {
  min-height: 56px !important;
  padding: 18px 28px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  box-shadow: 0 20px 42px rgba(244,180,0,.25) !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.home .dtc-section,
  body.front-page .dtc-section {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }

  body.home .dtc-wrap,
  body.front-page .dtc-wrap {
    width: min(100% - 28px, 1120px) !important;
  }

  body.home .dtc-section h2,
  body.front-page .dtc-section h2 {
    font-size: 34px !important;
  }

  body.home .dtc-plan-card:nth-child(2),
  body.front-page .dtc-plan-card:nth-child(2) {
    transform: none !important;
  }

  body.home .dtc-plan-card,
  body.front-page .dtc-plan-card {
    min-height: auto !important;
  }
}


/* =========================================================
   HOME BIGGER SECTIONS POLISH
   Cel: większa skala sekcji pod hero
   ========================================================= */

/* Szerszy kontener */
body.home .dtc-wrap,
body.front-page .dtc-wrap {
  width: min(1240px, calc(100% - 56px)) !important;
}

/* Większy rytm pionowy */
body.home .dtc-section,
body.front-page .dtc-section {
  padding-top: clamp(110px, 9vw, 150px) !important;
  padding-bottom: clamp(110px, 9vw, 150px) !important;
}

/* Większe nagłówki */
body.home .dtc-section h2,
body.front-page .dtc-section h2 {
  font-size: clamp(44px, 5.2vw, 72px) !important;
  line-height: .94 !important;
  letter-spacing: -0.055em !important;
  max-width: 760px !important;
}

/* Nagłówki wycentrowane w sekcjach sprzedażowych */
body.home .dtc-packages .dtc-section h2,
body.front-page .dtc-packages .dtc-section h2,
body.home .dtc-packages h2,
body.front-page .dtc-packages h2,
body.home .dtc-compare h2,
body.front-page .dtc-compare h2,
body.home .dtc-faq h2,
body.front-page .dtc-faq h2 {
  max-width: 900px !important;
}

/* Większe opisy */
body.home .dtc-section-head p,
body.front-page .dtc-section-head p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  max-width: 820px !important;
}

/* Eyebrow bardziej widoczne */
body.home .dtc-eyebrow,
body.front-page .dtc-eyebrow {
  font-size: 14px !important;
  letter-spacing: .16em !important;
  margin-bottom: 14px !important;
}

/* Większe karty ogólne */
body.home .dtc-card,
body.front-page .dtc-card {
  padding: 36px !important;
  min-height: 230px !important;
  border-radius: 24px !important;
}

body.home .dtc-card h3,
body.front-page .dtc-card h3 {
  font-size: 22px !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
}

body.home .dtc-card p,
body.front-page .dtc-card p {
  font-size: 17px !important;
  line-height: 1.68 !important;
}

/* Dla kogo — większe kafle */
body.home .dtc-audience .dtc-card,
body.front-page .dtc-audience .dtc-card {
  min-height: 250px !important;
}

/* Sekcja składników — większe karty po prawej */
body.home .dtc-formula .dtc-card,
body.front-page .dtc-formula .dtc-card {
  min-height: 180px !important;
}

/* Pakiety — większe, bardziej sprzedażowe */
body.home .dtc-plan-grid,
body.front-page .dtc-plan-grid,
body.home .dtc-packages .dtc-grid,
body.front-page .dtc-packages .dtc-grid {
  gap: 28px !important;
}

body.home .dtc-plan-card,
body.front-page .dtc-plan-card {
  padding: 42px 38px !important;
  min-height: 460px !important;
  border-radius: 26px !important;
}

body.home .dtc-plan-card h3,
body.front-page .dtc-plan-card h3 {
  font-size: 26px !important;
  line-height: 1.08 !important;
}

body.home .dtc-plan-card strong,
body.front-page .dtc-plan-card strong {
  font-size: 52px !important;
  line-height: .9 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

body.home .dtc-plan-card p,
body.front-page .dtc-plan-card p,
body.home .dtc-plan-card li,
body.front-page .dtc-plan-card li {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Środkowy pakiet jeszcze mocniej */
body.home .dtc-plan-card:nth-child(2),
body.front-page .dtc-plan-card:nth-child(2) {
  transform: translateY(-24px) scale(1.035) !important;
  z-index: 2 !important;
}

/* CTA w pakietach większe */
body.home .dtc-plan-card .dtc-btn,
body.front-page .dtc-plan-card .dtc-btn,
body.home .dtc-plan-card a,
body.front-page .dtc-plan-card a {
  min-height: 56px !important;
  padding: 17px 24px !important;
  font-size: 16px !important;
  border-radius: 999px !important;
}

/* Porównanie — większe karty */
body.home .dtc-compare article,
body.front-page .dtc-compare article {
  padding: 42px !important;
  min-height: 300px !important;
  border-radius: 26px !important;
}

body.home .dtc-compare h3,
body.front-page .dtc-compare h3 {
  font-size: 24px !important;
}

body.home .dtc-compare li,
body.front-page .dtc-compare li {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Jakość — większy blok */
body.home .dtc-quality li,
body.front-page .dtc-quality li {
  padding: 22px 24px !important;
  font-size: 17px !important;
  border-radius: 16px !important;
}

/* Wiedza — większe karty i obrazki */
body.home .dtc-article-card,
body.front-page .dtc-article-card {
  border-radius: 24px !important;
  overflow: hidden !important;
}

body.home .dtc-article-card img,
body.front-page .dtc-article-card img {
  height: 250px !important;
}

body.home .dtc-article-card div,
body.front-page .dtc-article-card div {
  padding: 26px !important;
}

body.home .dtc-article-card h3,
body.front-page .dtc-article-card h3 {
  font-size: 21px !important;
}

body.home .dtc-article-card p,
body.front-page .dtc-article-card p {
  font-size: 16px !important;
}

/* FAQ większe */
body.home .dtc-faq summary,
body.front-page .dtc-faq summary {
  font-size: 18px !important;
  padding: 24px 28px !important;
}

body.home .dtc-faq details,
body.front-page .dtc-faq details {
  border-radius: 18px !important;
}

/* Final CTA większy */
body.home .dtc-final,
body.front-page .dtc-final {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

body.home .dtc-final h2,
body.front-page .dtc-final h2 {
  font-size: clamp(50px, 6vw, 78px) !important;
  max-width: 780px !important;
}

body.home .dtc-final p,
body.front-page .dtc-final p {
  font-size: 20px !important;
  max-width: 660px !important;
}

body.home .dtc-final .dtc-btn,
body.front-page .dtc-final .dtc-btn,
body.home .dtc-final a,
body.front-page .dtc-final a {
  min-height: 62px !important;
  padding: 20px 34px !important;
  font-size: 17px !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.home .dtc-wrap,
  body.front-page .dtc-wrap {
    width: min(100% - 28px, 1240px) !important;
  }

  body.home .dtc-section,
  body.front-page .dtc-section {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
  }

  body.home .dtc-section h2,
  body.front-page .dtc-section h2 {
    font-size: 36px !important;
    line-height: 1 !important;
  }

  body.home .dtc-card,
  body.front-page .dtc-card {
    min-height: auto !important;
    padding: 28px !important;
  }

  body.home .dtc-plan-card,
  body.front-page .dtc-plan-card {
    min-height: auto !important;
    padding: 32px 28px !important;
  }

  body.home .dtc-plan-card:nth-child(2),
  body.front-page .dtc-plan-card:nth-child(2) {
    transform: none !important;
  }

  body.home .dtc-plan-card strong,
  body.front-page .dtc-plan-card strong {
    font-size: 44px !important;
  }

  body.home .dtc-final h2,
  body.front-page .dtc-final h2 {
    font-size: 40px !important;
  }
}


/* =========================================================
   HOME REAL CLASSES POLISH
   Poprawki pod realne klasy z front-page.php
   ========================================================= */

/* 1. Cofamy zbyt agresywne łamanie nagłówków */
body.home .dtc-section h2,
body.front-page .dtc-section h2 {
  font-size: clamp(38px, 4.4vw, 60px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  max-width: 920px !important;
}

body.home .dtc-section-head,
body.front-page .dtc-section-head {
  max-width: 940px !important;
}

/* Pierwsza sekcja "Dla kogo" — większa, ale bez przesady */
body.home main.dtc-home > .dtc-section:nth-of-type(3) .dtc-section-head,
body.front-page main.dtc-home > .dtc-section:nth-of-type(3) .dtc-section-head {
  max-width: 820px !important;
}

body.home main.dtc-home > .dtc-section:nth-of-type(3) h2,
body.front-page main.dtc-home > .dtc-section:nth-of-type(3) h2 {
  font-size: clamp(38px, 4.2vw, 58px) !important;
  max-width: 820px !important;
}

body.home .dtc-card-grid-4,
body.front-page .dtc-card-grid-4 {
  gap: 24px !important;
}

body.home .dtc-card-grid-4 .dtc-card,
body.front-page .dtc-card-grid-4 .dtc-card {
  padding: 30px !important;
  min-height: 220px !important;
}

/* 2. Skład / jedna kapsułka */
body.home #sklad,
body.front-page #sklad {
  background:
    radial-gradient(circle at 75% 18%, rgba(36,169,90,.10), transparent 30%),
    linear-gradient(180deg, #eef7f5 0%, #f8fcfb 100%) !important;
}

body.home #sklad .dtc-split,
body.front-page #sklad .dtc-split {
  gap: clamp(56px, 7vw, 96px) !important;
  align-items: center !important;
}

body.home #sklad h2,
body.front-page #sklad h2 {
  font-size: clamp(42px, 4.8vw, 66px) !important;
  max-width: 520px !important;
}

body.home .dtc-ingredient-grid,
body.front-page .dtc-ingredient-grid {
  gap: 22px !important;
}

body.home .dtc-ingredient-grid article,
body.front-page .dtc-ingredient-grid article {
  padding: 30px !important;
  min-height: 170px !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 55px rgba(8,40,74,.08) !important;
}

/* 3. Pakiety — realne klasy: .dtc-package */
body.home #pakiety,
body.front-page #pakiety {
  background:
    radial-gradient(circle at 50% 0%, rgba(244,180,0,.16), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f5faf9 100%) !important;
}

body.home #pakiety .dtc-section-head,
body.front-page #pakiety .dtc-section-head {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 820px !important;
}

body.home #pakiety h2,
body.front-page #pakiety h2 {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(42px, 4.8vw, 64px) !important;
}

body.home .dtc-package-grid,
body.front-page .dtc-package-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  align-items: stretch !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
}

body.home .dtc-package,
body.front-page .dtc-package {
  min-height: 430px !important;
  padding: 38px 34px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(8,40,74,.08) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 24px 70px rgba(8,40,74,.09) !important;
  display: flex !important;
  flex-direction: column !important;
}

body.home .dtc-package h3,
body.front-page .dtc-package h3 {
  font-size: 25px !important;
  line-height: 1.08 !important;
}

body.home .dtc-package strong,
body.front-page .dtc-package strong {
  display: block !important;
  margin: 24px 0 10px !important;
  font-size: 48px !important;
  line-height: .92 !important;
  letter-spacing: -0.045em !important;
  color: #08284a !important;
}

body.home .dtc-package p,
body.front-page .dtc-package p,
body.home .dtc-package li,
body.front-page .dtc-package li {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

body.home .dtc-package a,
body.front-page .dtc-package a {
  margin-top: auto !important;
}

/* Wyróżnienie 90 dni */
body.home .dtc-package-featured,
body.front-page .dtc-package-featured {
  transform: translateY(-20px) scale(1.035) !important;
  z-index: 2 !important;
  border-color: rgba(244,180,0,.50) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(244,180,0,.22), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #fff7dd 100%) !important;
  box-shadow: 0 34px 90px rgba(244,180,0,.18), 0 24px 70px rgba(8,40,74,.12) !important;
}

body.home .dtc-package-featured .dtc-btn,
body.front-page .dtc-package-featured .dtc-btn {
  min-height: 58px !important;
  padding: 18px 28px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

/* 4. Porównanie — realne klasy */
body.home .dtc-compare-band,
body.front-page .dtc-compare-band {
  background: linear-gradient(180deg, #f6fbfa 0%, #eef7f5 100%) !important;
}

body.home .dtc-compare-band .dtc-section-head,
body.front-page .dtc-compare-band .dtc-section-head {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .dtc-compare-grid,
body.front-page .dtc-compare-grid {
  gap: 28px !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}

body.home .dtc-compare-card,
body.front-page .dtc-compare-card {
  padding: 38px !important;
  border-radius: 26px !important;
  min-height: 300px !important;
  box-shadow: 0 24px 70px rgba(8,40,74,.08) !important;
}

body.home .dtc-compare-card h3,
body.front-page .dtc-compare-card h3 {
  font-size: 25px !important;
}

/* 5. Jakość */
body.home .dtc-quality,
body.front-page .dtc-quality {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  gap: clamp(56px, 7vw, 96px) !important;
  align-items: center !important;
}

body.home .dtc-quality h2,
body.front-page .dtc-quality h2 {
  font-size: clamp(42px, 4.8vw, 64px) !important;
  max-width: 520px !important;
}

body.home .dtc-check-list,
body.front-page .dtc-check-list {
  display: grid !important;
  gap: 16px !important;
}

body.home .dtc-check-list li,
body.front-page .dtc-check-list li {
  padding: 20px 24px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  box-shadow: 0 14px 38px rgba(8,40,74,.07) !important;
}

/* 6. Wiedza — realne klasy */
body.home .dtc-article-grid,
body.front-page .dtc-article-grid {
  gap: 28px !important;
}

body.home .dtc-article-card,
body.front-page .dtc-article-card {
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 60px rgba(8,40,74,.08) !important;
}

body.home .dtc-article-card figure,
body.front-page .dtc-article-card figure {
  margin: 0 !important;
  overflow: hidden !important;
}

body.home .dtc-article-card img,
body.front-page .dtc-article-card img {
  width: 100% !important;
  height: 235px !important;
  object-fit: cover !important;
}

body.home .dtc-article-card div,
body.front-page .dtc-article-card div {
  padding: 26px !important;
}

/* 7. FAQ */
body.home #faq h2,
body.front-page #faq h2 {
  font-size: clamp(42px, 4.8vw, 64px) !important;
}

body.home .dtc-faq,
body.front-page .dtc-faq {
  max-width: 980px !important;
  margin: 0 auto !important;
}

body.home .dtc-faq details,
body.front-page .dtc-faq details {
  border-radius: 18px !important;
  box-shadow: 0 14px 38px rgba(8,40,74,.06) !important;
}

body.home .dtc-faq summary,
body.front-page .dtc-faq summary {
  padding: 24px 28px !important;
  font-size: 17px !important;
}

/* 8. Final CTA */
body.home .dtc-final,
body.front-page .dtc-final {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(36,169,90,.24), transparent 32%),
    linear-gradient(135deg, #08284a 0%, #041a31 100%) !important;
}

body.home .dtc-final-inner,
body.front-page .dtc-final-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 48px !important;
}

body.home .dtc-final h2,
body.front-page .dtc-final h2 {
  color: #fff !important;
  font-size: clamp(46px, 5.4vw, 74px) !important;
  line-height: .96 !important;
  max-width: 760px !important;
}

body.home .dtc-final p,
body.front-page .dtc-final p {
  color: rgba(255,255,255,.84) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body.home .dtc-final a,
body.front-page .dtc-final a {
  min-height: 60px !important;
  padding: 20px 34px !important;
  border-radius: 999px !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 900px) {
  body.home .dtc-package-grid,
  body.front-page .dtc-package-grid,
  body.home .dtc-quality,
  body.front-page .dtc-quality {
    grid-template-columns: 1fr !important;
  }

  body.home .dtc-package-featured,
  body.front-page .dtc-package-featured {
    transform: none !important;
  }

  body.home .dtc-final-inner,
  body.front-page .dtc-final-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 680px) {
  body.home .dtc-wrap,
  body.front-page .dtc-wrap {
    width: min(100% - 28px, 1240px) !important;
  }

  body.home .dtc-section,
  body.front-page .dtc-section {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }

  body.home .dtc-section h2,
  body.front-page .dtc-section h2 {
    font-size: 36px !important;
    line-height: 1 !important;
    max-width: 100% !important;
  }

  body.home .dtc-card,
  body.front-page .dtc-card,
  body.home .dtc-package,
  body.front-page .dtc-package,
  body.home .dtc-compare-card,
  body.front-page .dtc-compare-card {
    padding: 28px !important;
    min-height: auto !important;
  }

  body.home .dtc-package strong,
  body.front-page .dtc-package strong {
    font-size: 42px !important;
  }

  body.home .dtc-final h2,
  body.front-page .dtc-final h2 {
    font-size: 40px !important;
  }
}


/* =========================================================
   HOME WIDTH + PACKAGE BALANCE
   Cel: mniej tunelu po hero, szersze sekcje, lepsze pakiety
   ========================================================= */

/* Szerszy layout pod mocnym hero */
body.home .dtc-wrap,
body.front-page .dtc-wrap {
  width: min(1320px, calc(100% - 64px)) !important;
}

/* Sekcje mniej "wąskie" wizualnie */
body.home .dtc-card-grid-4,
body.front-page .dtc-card-grid-4,
body.home .dtc-ingredient-grid,
body.front-page .dtc-ingredient-grid,
body.home .dtc-package-grid,
body.front-page .dtc-package-grid,
body.home .dtc-compare-grid,
body.front-page .dtc-compare-grid,
body.home .dtc-article-grid,
body.front-page .dtc-article-grid {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Nagłówki: duże, ale mniej agresywne łamanie */
body.home .dtc-section h2,
body.front-page .dtc-section h2 {
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 1 !important;
  max-width: 980px !important;
}

/* Pierwsza sekcja po hero niech oddycha szerzej */
body.home main.dtc-home > .dtc-section:nth-of-type(3) .dtc-section-head,
body.front-page main.dtc-home > .dtc-section:nth-of-type(3) .dtc-section-head {
  max-width: 920px !important;
}

/* Karty "Dla kogo" mniej wysokie, bardziej eleganckie */
body.home .dtc-card-grid-4 .dtc-card,
body.front-page .dtc-card-grid-4 .dtc-card {
  min-height: 190px !important;
  padding: 30px 28px !important;
}

/* Skład: mniej ciężki nagłówek, więcej równowagi */
body.home #sklad .dtc-split,
body.front-page #sklad .dtc-split {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
}

body.home #sklad h2,
body.front-page #sklad h2 {
  font-size: clamp(38px, 4.2vw, 58px) !important;
  max-width: 560px !important;
}

body.home .dtc-ingredient-grid article,
body.front-page .dtc-ingredient-grid article {
  min-height: 150px !important;
  padding: 28px !important;
}

/* Pakiety: szersze i mniej słupkowe */
body.home .dtc-package-grid,
body.front-page .dtc-package-grid {
  max-width: 1160px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
  align-items: stretch !important;
}

body.home .dtc-package,
body.front-page .dtc-package {
  min-height: 380px !important;
  padding: 34px 32px !important;
}

body.home .dtc-package h3,
body.front-page .dtc-package h3 {
  font-size: 24px !important;
}

body.home .dtc-package strong,
body.front-page .dtc-package strong {
  font-size: 44px !important;
  margin-top: 20px !important;
}

/* 90 dni: wyróżnione, ale nie za mocno wysunięte */
body.home .dtc-package-featured,
body.front-page .dtc-package-featured {
  transform: translateY(-14px) scale(1.025) !important;
}

/* Porównanie szersze */
body.home .dtc-compare-grid,
body.front-page .dtc-compare-grid {
  max-width: 1080px !important;
}

body.home .dtc-compare-card,
body.front-page .dtc-compare-card {
  min-height: 260px !important;
}

/* Jakość: mniej "wciśnięta" */
body.home .dtc-quality,
body.front-page .dtc-quality {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
}

body.home .dtc-quality h2,
body.front-page .dtc-quality h2 {
  font-size: clamp(38px, 4.2vw, 58px) !important;
}

/* Wiedza: karty szersze i spokojniejsze */
body.home .dtc-article-grid,
body.front-page .dtc-article-grid {
  max-width: 1120px !important;
}

body.home .dtc-article-card img,
body.front-page .dtc-article-card img {
  height: 220px !important;
}

/* FAQ trochę szersze */
body.home .dtc-faq,
body.front-page .dtc-faq {
  max-width: 1040px !important;
}

/* Final CTA: większy, ale nie za masywny */
body.home .dtc-final h2,
body.front-page .dtc-final h2 {
  font-size: clamp(44px, 5vw, 68px) !important;
}

@media (max-width: 900px) {
  body.home .dtc-wrap,
  body.front-page .dtc-wrap {
    width: min(100% - 32px, 1320px) !important;
  }

  body.home #sklad .dtc-split,
  body.front-page #sklad .dtc-split,
  body.home .dtc-quality,
  body.front-page .dtc-quality,
  body.home .dtc-package-grid,
  body.front-page .dtc-package-grid {
    grid-template-columns: 1fr !important;
  }

  body.home .dtc-package-featured,
  body.front-page .dtc-package-featured {
    transform: none !important;
  }
}


/* =========================================================
   HOME NEW SECTIONS: Trust proof + 90 days proof
   ========================================================= */

body.home .dtc-trust-proof,
body.front-page .dtc-trust-proof {
  background:
    radial-gradient(circle at 50% 0%, rgba(36,169,90,.10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f5faf9 100%) !important;
}

body.home .dtc-trust-proof-grid,
body.front-page .dtc-trust-proof-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

body.home .dtc-trust-proof-grid article,
body.front-page .dtc-trust-proof-grid article {
  padding: 34px 30px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(8,40,74,.08) !important;
  box-shadow: 0 22px 60px rgba(8,40,74,.08) !important;
}

body.home .dtc-trust-proof-grid span,
body.front-page .dtc-trust-proof-grid span {
  display: inline-flex !important;
  margin-bottom: 18px !important;
  color: #168447 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
}

body.home .dtc-trust-proof-grid h3,
body.front-page .dtc-trust-proof-grid h3 {
  margin-bottom: 12px !important;
  color: #08284a !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
}

body.home .dtc-trust-proof-grid p,
body.front-page .dtc-trust-proof-grid p {
  color: #496272 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* 90 days proof */
body.home .dtc-days-proof,
body.front-page .dtc-days-proof {
  background:
    radial-gradient(circle at 76% 28%, rgba(244,180,0,.18), transparent 28%),
    linear-gradient(135deg, #08284a 0%, #041a31 100%) !important;
  color: #fff !important;
}

body.home .dtc-days-proof-inner,
body.front-page .dtc-days-proof-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .55fr) !important;
  gap: clamp(48px, 7vw, 96px) !important;
  align-items: center !important;
}

body.home .dtc-days-proof .dtc-eyebrow,
body.front-page .dtc-days-proof .dtc-eyebrow {
  color: #f4b400 !important;
}

body.home .dtc-days-proof h2,
body.front-page .dtc-days-proof h2 {
  color: #ffffff !important;
  max-width: 850px !important;
  font-size: clamp(42px, 5vw, 70px) !important;
  line-height: .96 !important;
}

body.home .dtc-days-proof p,
body.front-page .dtc-days-proof p {
  color: rgba(255,255,255,.82) !important;
  max-width: 720px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

body.home .dtc-days-proof .dtc-btn,
body.front-page .dtc-days-proof .dtc-btn {
  margin-top: 28px !important;
  min-height: 58px !important;
  padding: 18px 30px !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  box-shadow: 0 20px 44px rgba(244,180,0,.25) !important;
}

body.home .dtc-days-proof-card,
body.front-page .dtc-days-proof-card {
  padding: 42px 40px !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(10px) !important;
}

body.home .dtc-days-proof-card span,
body.front-page .dtc-days-proof-card span {
  color: rgba(255,255,255,.72) !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

body.home .dtc-days-proof-card strong,
body.front-page .dtc-days-proof-card strong {
  display: block !important;
  margin: 16px 0 !important;
  color: #ffffff !important;
  font-size: clamp(64px, 7vw, 96px) !important;
  line-height: .9 !important;
  letter-spacing: -0.06em !important;
}

body.home .dtc-days-proof-card p,
body.front-page .dtc-days-proof-card p {
  color: rgba(255,255,255,.84) !important;
  font-size: 17px !important;
}

/* Responsive */
@media (max-width: 980px) {
  body.home .dtc-trust-proof-grid,
  body.front-page .dtc-trust-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home .dtc-days-proof-inner,
  body.front-page .dtc-days-proof-inner {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.home .dtc-trust-proof-grid,
  body.front-page .dtc-trust-proof-grid {
    grid-template-columns: 1fr !important;
  }

  body.home .dtc-days-proof h2,
  body.front-page .dtc-days-proof h2 {
    font-size: 38px !important;
  }

  body.home .dtc-days-proof-card,
  body.front-page .dtc-days-proof-card {
    padding: 32px 26px !important;
  }
}


/* =========================================================
   HOME READABLE BLOCKS POLISH
   Cel: większa czytelność kart i bloków po hero
   ========================================================= */

/* Bazowo większa czytelność tekstów w środku strony */
body.home .dtc-home,
body.front-page .dtc-home {
  font-size: 17px !important;
}

/* Sekcja trust proof po hero */
body.home .dtc-trust-proof .dtc-section-head,
body.front-page .dtc-trust-proof .dtc-section-head {
  max-width: 920px !important;
  margin-bottom: 52px !important;
}

body.home .dtc-trust-proof h2,
body.front-page .dtc-trust-proof h2 {
  font-size: clamp(42px, 4.8vw, 68px) !important;
  line-height: .96 !important;
}

body.home .dtc-trust-proof-grid,
body.front-page .dtc-trust-proof-grid {
  gap: 30px !important;
}

body.home .dtc-trust-proof-grid article,
body.front-page .dtc-trust-proof-grid article {
  padding: 40px 34px !important;
  min-height: 250px !important;
  border-radius: 28px !important;
}

body.home .dtc-trust-proof-grid h3,
body.front-page .dtc-trust-proof-grid h3 {
  font-size: 24px !important;
  line-height: 1.12 !important;
  margin-bottom: 16px !important;
}

body.home .dtc-trust-proof-grid p,
body.front-page .dtc-trust-proof-grid p {
  font-size: 17px !important;
  line-height: 1.68 !important;
}

/* Dla kogo */
body.home .dtc-card-grid-4 .dtc-card,
body.front-page .dtc-card-grid-4 .dtc-card {
  padding: 36px 32px !important;
  min-height: 235px !important;
}

body.home .dtc-card-grid-4 .dtc-card h3,
body.front-page .dtc-card-grid-4 .dtc-card h3 {
  font-size: 23px !important;
  line-height: 1.12 !important;
}

body.home .dtc-card-grid-4 .dtc-card p,
body.front-page .dtc-card-grid-4 .dtc-card p {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Składniki */
body.home .dtc-ingredient-grid article,
body.front-page .dtc-ingredient-grid article {
  padding: 34px 32px !important;
  min-height: 190px !important;
}

body.home .dtc-ingredient-grid h3,
body.front-page .dtc-ingredient-grid h3 {
  font-size: 23px !important;
  line-height: 1.14 !important;
  margin-bottom: 12px !important;
}

body.home .dtc-ingredient-grid p,
body.front-page .dtc-ingredient-grid p {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Pakiety */
body.home .dtc-package-grid,
body.front-page .dtc-package-grid {
  max-width: 1240px !important;
  gap: 36px !important;
}

body.home .dtc-package,
body.front-page .dtc-package {
  padding: 42px 38px !important;
  min-height: 440px !important;
  border-radius: 30px !important;
}

body.home .dtc-package-kicker,
body.front-page .dtc-package-kicker,
body.home .dtc-badge,
body.front-page .dtc-badge {
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body.home .dtc-package h3,
body.front-page .dtc-package h3 {
  font-size: 28px !important;
  line-height: 1.08 !important;
  margin-bottom: 16px !important;
}

body.home .dtc-package strong,
body.front-page .dtc-package strong {
  font-size: 54px !important;
  line-height: .92 !important;
  margin: 26px 0 14px !important;
}

body.home .dtc-package p,
body.front-page .dtc-package p,
body.home .dtc-package li,
body.front-page .dtc-package li {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

body.home .dtc-package a,
body.front-page .dtc-package a {
  font-size: 16px !important;
  min-height: 56px !important;
}

/* Porównanie */
body.home .dtc-compare-grid,
body.front-page .dtc-compare-grid {
  max-width: 1160px !important;
  gap: 34px !important;
}

body.home .dtc-compare-card,
body.front-page .dtc-compare-card {
  padding: 44px 40px !important;
  min-height: 330px !important;
  border-radius: 30px !important;
}

body.home .dtc-compare-card h3,
body.front-page .dtc-compare-card h3 {
  font-size: 27px !important;
  margin-bottom: 18px !important;
}

body.home .dtc-compare-card li,
body.front-page .dtc-compare-card li,
body.home .dtc-compare-card p,
body.front-page .dtc-compare-card p {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Jakość */
body.home .dtc-check-list li,
body.front-page .dtc-check-list li {
  padding: 24px 28px !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  border-radius: 18px !important;
}

/* Wiedza */
body.home .dtc-article-card div,
body.front-page .dtc-article-card div {
  padding: 30px !important;
}

body.home .dtc-article-card h3,
body.front-page .dtc-article-card h3 {
  font-size: 22px !important;
  line-height: 1.18 !important;
  margin-bottom: 14px !important;
}

body.home .dtc-article-card p,
body.front-page .dtc-article-card p {
  font-size: 16.5px !important;
  line-height: 1.65 !important;
}

body.home .dtc-article-card a,
body.front-page .dtc-article-card a {
  font-size: 16px !important;
}

/* FAQ */
body.home .dtc-faq,
body.front-page .dtc-faq {
  max-width: 1080px !important;
}

body.home .dtc-faq summary,
body.front-page .dtc-faq summary {
  font-size: 18px !important;
  padding: 26px 30px !important;
}

body.home .dtc-faq p,
body.front-page .dtc-faq p {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Dark 90 dni section */
body.home .dtc-days-proof h2,
body.front-page .dtc-days-proof h2 {
  font-size: clamp(46px, 5.4vw, 76px) !important;
}

body.home .dtc-days-proof p,
body.front-page .dtc-days-proof p {
  font-size: 19px !important;
}

body.home .dtc-days-proof-card,
body.front-page .dtc-days-proof-card {
  padding: 48px 44px !important;
}

/* Mobile safety */
@media (max-width: 760px) {
  body.home .dtc-trust-proof-grid article,
  body.front-page .dtc-trust-proof-grid article,
  body.home .dtc-card-grid-4 .dtc-card,
  body.front-page .dtc-card-grid-4 .dtc-card,
  body.home .dtc-package,
  body.front-page .dtc-package,
  body.home .dtc-compare-card,
  body.front-page .dtc-compare-card {
    min-height: auto !important;
    padding: 30px 26px !important;
  }

  body.home .dtc-package strong,
  body.front-page .dtc-package strong {
    font-size: 44px !important;
  }

  body.home .dtc-trust-proof h2,
  body.front-page .dtc-trust-proof h2,
  body.home .dtc-days-proof h2,
  body.front-page .dtc-days-proof h2 {
    font-size: 38px !important;
  }
}


/* =========================================================
   PACKAGES SHOWCASE — IM8-inspired product cards
   ========================================================= */

body.home .dtc-packages-showcase,
body.front-page .dtc-packages-showcase {
  background:
    radial-gradient(circle at 50% 0%, rgba(244,180,0,.16), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f5faf9 100%) !important;
}

body.home .dtc-packages-showcase .dtc-section-head,
body.front-page .dtc-packages-showcase .dtc-section-head {
  max-width: 860px !important;
  margin: 0 auto 56px !important;
  text-align: center !important;
}

body.home .dtc-packages-showcase .dtc-section-head p:last-child,
body.front-page .dtc-packages-showcase .dtc-section-head p:last-child {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #51606f !important;
}

body.home .dtc-package-showcase-grid,
body.front-page .dtc-package-showcase-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  align-items: stretch !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}

body.home .dtc-package-card,
body.front-page .dtc-package-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 680px !important;
  padding: 34px 32px 30px !important;
  border-radius: 30px !important;
  background: #fff !important;
  border: 1px solid #dfe8e4 !important;
  box-shadow: 0 24px 70px rgba(7, 34, 64, 0.09) !important;
}

body.home .dtc-package-card--featured,
body.front-page .dtc-package-card--featured {
  background: linear-gradient(180deg, #fff8e6 0%, #fffdf7 100%) !important;
  border: 2px solid #f1c542 !important;
  box-shadow: 0 34px 86px rgba(244,180,0,.18), 0 26px 70px rgba(7,34,64,.12) !important;
  transform: translateY(-12px) !important;
  z-index: 2 !important;
}

body.home .dtc-package-card-top,
body.front-page .dtc-package-card-top {
  margin-bottom: 28px !important;
}

body.home .dtc-package-label,
body.front-page .dtc-package-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #eef7f2 !important;
  color: #168a52 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  margin-bottom: 16px !important;
}

body.home .dtc-package-card .dtc-badge,
body.front-page .dtc-package-card .dtc-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 30px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #08284a !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
}

body.home .dtc-package-card h3,
body.front-page .dtc-package-card h3 {
  margin: 0 0 12px !important;
  font-size: 36px !important;
  line-height: 1.04 !important;
  color: #08284a !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
}

body.home .dtc-package-subtitle,
body.front-page .dtc-package-subtitle {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: #556272 !important;
}

body.home .dtc-package-price-wrap,
body.front-page .dtc-package-price-wrap {
  margin-bottom: 26px !important;
  padding-top: 26px !important;
  border-top: 1px solid #e6ece9 !important;
}

body.home .dtc-package-price,
body.front-page .dtc-package-price {
  font-size: 58px !important;
  line-height: .95 !important;
  font-weight: 950 !important;
  color: #08284a !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.05em !important;
}

body.home .dtc-package-price-note,
body.front-page .dtc-package-price-note {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #5d6b78 !important;
  font-weight: 700 !important;
}

body.home .dtc-package-points,
body.front-page .dtc-package-points {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 30px !important;
  display: grid !important;
  gap: 13px !important;
}

body.home .dtc-package-points li,
body.front-page .dtc-package-points li {
  position: relative !important;
  padding: 15px 16px 15px 44px !important;
  border: 1px solid #e2e8e5 !important;
  border-radius: 999px !important;
  background: #fff !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  color: #243748 !important;
  font-weight: 750 !important;
}

body.home .dtc-package-points li::before,
body.front-page .dtc-package-points li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  color: #168a52 !important;
}

body.home .dtc-package-cta,
body.front-page .dtc-package-cta {
  margin-top: auto !important;
  width: 100% !important;
  justify-content: center !important;
  min-height: 60px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  border-radius: 999px !important;
}

body.home .dtc-package-card .dtc-btn-secondary,
body.front-page .dtc-package-card .dtc-btn-secondary {
  background: #fff !important;
  border: 1px solid #d9e2dd !important;
  color: #08284a !important;
}

body.home .dtc-package-card .dtc-btn-secondary:hover,
body.front-page .dtc-package-card .dtc-btn-secondary:hover {
  background: #f5f8f6 !important;
}

@media (max-width: 1080px) {
  body.home .dtc-package-showcase-grid,
  body.front-page .dtc-package-showcase-grid {
    grid-template-columns: 1fr !important;
  }

  body.home .dtc-package-card,
  body.front-page .dtc-package-card,
  body.home .dtc-package-card--featured,
  body.front-page .dtc-package-card--featured {
    min-height: auto !important;
    transform: none !important;
  }
}

@media (max-width: 640px) {
  body.home .dtc-package-card,
  body.front-page .dtc-package-card {
    padding: 28px 22px !important;
    border-radius: 24px !important;
  }

  body.home .dtc-package-card h3,
  body.front-page .dtc-package-card h3 {
    font-size: 30px !important;
  }

  body.home .dtc-package-price,
  body.front-page .dtc-package-price {
    font-size: 46px !important;
  }

  body.home .dtc-package-points li,
  body.front-page .dtc-package-points li {
    border-radius: 18px !important;
    padding: 14px 14px 14px 42px !important;
  }
}


/* =========================================================
   PACKAGES PREMIUM BALANCE
   Cel: mniej checklisty, więcej premium offer cards
   ========================================================= */

body.home .dtc-package-showcase-grid,
body.front-page .dtc-package-showcase-grid {
  max-width: 1320px !important;
  gap: 34px !important;
}

body.home .dtc-package-card,
body.front-page .dtc-package-card {
  min-height: 610px !important;
  padding: 34px 34px 30px !important;
  border-radius: 32px !important;
}

body.home .dtc-package-card--featured,
body.front-page .dtc-package-card--featured {
  transform: translateY(-10px) scale(1.03) !important;
}

/* Większy, spokojniejszy top karty */
body.home .dtc-package-card-top,
body.front-page .dtc-package-card-top {
  min-height: 160px !important;
  margin-bottom: 22px !important;
}

body.home .dtc-package-card h3,
body.front-page .dtc-package-card h3 {
  font-size: 38px !important;
  line-height: 1.02 !important;
  margin-bottom: 14px !important;
}

body.home .dtc-package-subtitle,
body.front-page .dtc-package-subtitle {
  font-size: 17px !important;
  line-height: 1.55 !important;
}

/* Cena jako mocny blok decyzyjny */
body.home .dtc-package-price-wrap,
body.front-page .dtc-package-price-wrap {
  margin: 0 0 24px !important;
  padding: 24px 0 !important;
  border-top: 1px solid rgba(8,40,74,.10) !important;
  border-bottom: 1px solid rgba(8,40,74,.10) !important;
}

body.home .dtc-package-price,
body.front-page .dtc-package-price {
  font-size: 60px !important;
  line-height: .9 !important;
  margin-bottom: 12px !important;
}

body.home .dtc-package-card--featured .dtc-package-price,
body.front-page .dtc-package-card--featured .dtc-package-price {
  font-size: 68px !important;
}

body.home .dtc-package-price-note,
body.front-page .dtc-package-price-note {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* Checklist mniej drobna i mniej regulaminowa */
body.home .dtc-package-points,
body.front-page .dtc-package-points {
  gap: 12px !important;
  margin-bottom: 28px !important;
}

body.home .dtc-package-points li,
body.front-page .dtc-package-points li {
  padding: 15px 16px 15px 44px !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  line-height: 1.38 !important;
  font-weight: 800 !important;
}

/* Ukryj 4. punkt, żeby karty nie były przeładowane */
body.home .dtc-package-points li:nth-child(n+4),
body.front-page .dtc-package-points li:nth-child(n+4) {
  display: none !important;
}

/* CTA mocniejsze i spokojniejsze */
body.home .dtc-package-cta,
body.front-page .dtc-package-cta {
  min-height: 62px !important;
  font-size: 17px !important;
  letter-spacing: -0.01em !important;
}

/* Featured badge bardziej widoczny */
body.home .dtc-package-card--featured .dtc-badge,
body.front-page .dtc-package-card--featured .dtc-badge {
  background: #08284a !important;
  color: #fff !important;
  min-height: 34px !important;
  padding: 8px 15px !important;
  font-size: 13px !important;
}

/* Mobile */
@media (max-width: 1080px) {
  body.home .dtc-package-card,
  body.front-page .dtc-package-card,
  body.home .dtc-package-card--featured,
  body.front-page .dtc-package-card--featured {
    min-height: auto !important;
    transform: none !important;
  }

  body.home .dtc-package-card-top,
  body.front-page .dtc-package-card-top {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  body.home .dtc-package-card h3,
  body.front-page .dtc-package-card h3 {
    font-size: 32px !important;
  }

  body.home .dtc-package-price,
  body.front-page .dtc-package-price,
  body.home .dtc-package-card--featured .dtc-package-price,
  body.front-page .dtc-package-card--featured .dtc-package-price {
    font-size: 48px !important;
  }
}


/* =========================================================
   PACKAGE BENEFITS – styl na wzór pill benefits
   ========================================================= */

body.home .dtc-package-points,
body.front-page .dtc-package-points {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.home .dtc-package-points li,
body.front-page .dtc-package-points li {
  position: relative !important;
  padding: 14px 18px 14px 46px !important;
  border: 1px solid rgba(8, 40, 74, .14) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  color: #08284a !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 20px rgba(8, 40, 74, .05) !important;
}

body.home .dtc-package-points li::before,
body.front-page .dtc-package-points li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #18a957 !important;
}

body.home .dtc-package-card--featured .dtc-package-points li,
body.front-page .dtc-package-card--featured .dtc-package-points li {
  border-color: rgba(244, 180, 0, .35) !important;
  background: rgba(255, 247, 214, .55) !important;
}

body.home .dtc-package-card--featured .dtc-package-points li::before,
body.front-page .dtc-package-card--featured .dtc-package-points li::before {
  color: #f4b400 !important;
}

body.home .dtc-package-card .dtc-package-price-wrap,
body.front-page .dtc-package-card .dtc-package-price-wrap {
  margin-bottom: 24px !important;
}

body.home .dtc-package-card .dtc-package-cta,
body.front-page .dtc-package-card .dtc-package-cta {
  margin-top: auto !important;
}

@media (max-width: 640px) {
  body.home .dtc-package-points li,
  body.front-page .dtc-package-points li {
    font-size: 14px !important;
    padding: 13px 16px 13px 42px !important;
  }

  body.home .dtc-package-points li::before,
  body.front-page .dtc-package-points li::before {
    left: 16px !important;
    font-size: 14px !important;
  }
}


/* =========================================================
   PACKAGE BENEFITS – styl na wzór pill benefits
   ========================================================= */

body.home .dtc-package-points,
body.front-page .dtc-package-points {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.home .dtc-package-points li,
body.front-page .dtc-package-points li {
  position: relative !important;
  padding: 14px 18px 14px 46px !important;
  border: 1px solid rgba(8, 40, 74, .14) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  color: #08284a !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 20px rgba(8, 40, 74, .05) !important;
}

body.home .dtc-package-points li::before,
body.front-page .dtc-package-points li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #18a957 !important;
}

body.home .dtc-package-card--featured .dtc-package-points li,
body.front-page .dtc-package-card--featured .dtc-package-points li {
  border-color: rgba(244, 180, 0, .35) !important;
  background: rgba(255, 247, 214, .55) !important;
}

body.home .dtc-package-card--featured .dtc-package-points li::before,
body.front-page .dtc-package-card--featured .dtc-package-points li::before {
  color: #f4b400 !important;
}

body.home .dtc-package-card .dtc-package-price-wrap,
body.front-page .dtc-package-card .dtc-package-price-wrap {
  margin-bottom: 24px !important;
}

body.home .dtc-package-card .dtc-package-cta,
body.front-page .dtc-package-card .dtc-package-cta {
  margin-top: auto !important;
}

@media (max-width: 640px) {
  body.home .dtc-package-points li,
  body.front-page .dtc-package-points li {
    font-size: 14px !important;
    padding: 13px 16px 13px 42px !important;
  }

  body.home .dtc-package-points li::before,
  body.front-page .dtc-package-points li::before {
    left: 16px !important;
    font-size: 14px !important;
  }
}



/* =========================================================
   REBUILD SAFE: Compare + Quality sections
   ========================================================= */

body.home .dtc-choice-section,
body.front-page .dtc-choice-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(36,169,90,.10), transparent 30%),
    linear-gradient(180deg, #f7fbfa 0%, #eef7f5 100%) !important;
}

body.home .dtc-choice-section .dtc-section-head,
body.front-page .dtc-choice-section .dtc-section-head {
  max-width: 920px !important;
  margin: 0 auto 58px !important;
  text-align: center !important;
}

body.home .dtc-choice-section .dtc-section-head p:last-child,
body.front-page .dtc-choice-section .dtc-section-head p:last-child {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #51606f !important;
}

body.home .dtc-choice-grid,
body.front-page .dtc-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 34px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

body.home .dtc-choice-card,
body.front-page .dtc-choice-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 520px !important;
  padding: 42px 40px !important;
  border-radius: 32px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8,40,74,.10) !important;
  box-shadow: 0 26px 76px rgba(8,40,74,.09) !important;
}

body.home .dtc-choice-card-featured,
body.front-page .dtc-choice-card-featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(36,169,90,.14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f1faf6 100%) !important;
  border-color: rgba(36,169,90,.34) !important;
}

body.home .dtc-choice-label,
body.front-page .dtc-choice-label {
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 18px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #eef7f2 !important;
  color: #168a52 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
}

body.home .dtc-choice-card h3,
body.front-page .dtc-choice-card h3 {
  margin: 0 0 16px !important;
  color: #08284a !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
}

body.home .dtc-choice-card p,
body.front-page .dtc-choice-card p {
  color: #51606f !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

body.home .dtc-choice-list,
body.front-page .dtc-choice-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 28px 0 32px !important;
  display: grid !important;
  gap: 14px !important;
}

body.home .dtc-choice-list li,
body.front-page .dtc-choice-list li {
  position: relative !important;
  padding: 15px 18px 15px 46px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(8,40,74,.10) !important;
  color: #243748 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

body.home .dtc-choice-list li::before,
body.front-page .dtc-choice-list li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #18a957 !important;
  font-weight: 950 !important;
}

body.home .dtc-choice-bottom,
body.front-page .dtc-choice-bottom {
  margin-top: auto !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(8,40,74,.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

body.home .dtc-choice-bottom strong,
body.front-page .dtc-choice-bottom strong {
  color: #08284a !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.home .dtc-choice-bottom a,
body.front-page .dtc-choice-bottom a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 20px !important;
  border-radius: 999px !important;
  background: #f4b400 !important;
  color: #08284a !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

body.home .dtc-choice-note,
body.front-page .dtc-choice-note {
  max-width: 840px !important;
  margin: 34px auto 0 !important;
  padding: 24px 28px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(8,40,74,.08) !important;
  text-align: center !important;
}

body.home .dtc-choice-note p,
body.front-page .dtc-choice-note p {
  margin: 0 !important;
  color: #496272 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Jakość */
body.home .dtc-quality-rebuild,
body.front-page .dtc-quality-rebuild {
  background:
    radial-gradient(circle at 18% 24%, rgba(36,169,90,.14), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #eef7f5 100%) !important;
}

body.home .dtc-quality-rebuild-inner,
body.front-page .dtc-quality-rebuild-inner {
  display: grid !important;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
  gap: clamp(56px, 7vw, 104px) !important;
  align-items: center !important;
}

body.home .dtc-quality-copy h2,
body.front-page .dtc-quality-copy h2 {
  color: #08284a !important;
  font-size: clamp(44px, 5vw, 72px) !important;
  line-height: .95 !important;
  letter-spacing: -0.055em !important;
  max-width: 540px !important;
}

body.home .dtc-quality-copy p,
body.front-page .dtc-quality-copy p {
  max-width: 560px !important;
  color: #51606f !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

body.home .dtc-quality-cards,
body.front-page .dtc-quality-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

body.home .dtc-quality-cards article,
body.front-page .dtc-quality-cards article {
  min-height: 260px !important;
  padding: 34px 32px !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(8,40,74,.09) !important;
  box-shadow: 0 24px 70px rgba(8,40,74,.08) !important;
}

body.home .dtc-quality-cards span,
body.front-page .dtc-quality-cards span {
  display: inline-flex !important;
  margin-bottom: 18px !important;
  color: #168a52 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
}

body.home .dtc-quality-cards h3,
body.front-page .dtc-quality-cards h3 {
  margin: 0 0 14px !important;
  color: #08284a !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
}

body.home .dtc-quality-cards p,
body.front-page .dtc-quality-cards p {
  color: #51606f !important;
  font-size: 16.5px !important;
  line-height: 1.65 !important;
}

@media (max-width: 980px) {
  body.home .dtc-choice-grid,
  body.front-page .dtc-choice-grid,
  body.home .dtc-quality-rebuild-inner,
  body.front-page .dtc-quality-rebuild-inner,
  body.home .dtc-quality-cards,
  body.front-page .dtc-quality-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.home .dtc-choice-card,
  body.front-page .dtc-choice-card,
  body.home .dtc-quality-cards article,
  body.front-page .dtc-quality-cards article {
    min-height: auto !important;
    padding: 28px 24px !important;
    border-radius: 24px !important;
  }

  body.home .dtc-choice-bottom,
  body.front-page .dtc-choice-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.home .dtc-quality-copy h2,
  body.front-page .dtc-quality-copy h2 {
    font-size: 38px !important;
  }
}


/* =========================================================
   CHOICE SECTION STYLE FIX
   Cel: poprawa kart Venalex / Flavonoids
   ========================================================= */

body.home .dtc-choice-section,
body.front-page .dtc-choice-section {
  padding-top: clamp(96px, 8vw, 132px) !important;
  padding-bottom: clamp(96px, 8vw, 132px) !important;
}

/* Mniej "pustych kolosów", więcej elegancji */
body.home .dtc-choice-card,
body.front-page .dtc-choice-card {
  min-height: 560px !important;
  padding: 46px 42px 38px !important;
  border-radius: 34px !important;
}

/* Góra karty bardziej uporządkowana */
body.home .dtc-choice-top,
body.front-page .dtc-choice-top {
  margin-bottom: 30px !important;
}

body.home .dtc-choice-card h3,
body.front-page .dtc-choice-card h3 {
  font-size: clamp(34px, 3.2vw, 46px) !important;
  line-height: 1.02 !important;
  margin-bottom: 18px !important;
}

body.home .dtc-choice-card p,
body.front-page .dtc-choice-card p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  max-width: 620px !important;
}

/* Lista benefitów bardziej premium, mniej jak tabela */
body.home .dtc-choice-list,
body.front-page .dtc-choice-list {
  margin: 30px 0 34px !important;
  gap: 14px !important;
}

body.home .dtc-choice-list li,
body.front-page .dtc-choice-list li {
  min-height: 56px !important;
  padding: 16px 20px 16px 48px !important;
  border-radius: 999px !important;
  font-size: 16.5px !important;
  line-height: 1.38 !important;
}

/* Dół karty: koniec z łamaniem ceny i chaosem */
body.home .dtc-choice-bottom,
body.front-page .dtc-choice-bottom {
  margin-top: auto !important;
  padding-top: 30px !important;
  border-top: 1px solid rgba(8,40,74,.12) !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-areas:
    "price button"
    "note note" !important;
  align-items: center !important;
  gap: 18px 24px !important;
}

/* Cena nie może łamać się w słupek */
body.home .dtc-choice-bottom strong,
body.front-page .dtc-choice-bottom strong {
  grid-area: price !important;
  display: block !important;
  color: #08284a !important;
  font-size: 34px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

/* Link/przycisk */
body.home .dtc-choice-bottom a,
body.front-page .dtc-choice-bottom a {
  grid-area: button !important;
  min-height: 54px !important;
  padding: 16px 24px !important;
  border-radius: 999px !important;
  background: #f4b400 !important;
  color: #08284a !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 34px rgba(244,180,0,.22) !important;
}

/* Jeśli w karcie pojawiają się dodatkowe linki, niech nie robią bałaganu */
body.home .dtc-choice-bottom a + a,
body.front-page .dtc-choice-bottom a + a {
  background: #ffffff !important;
  border: 1px solid rgba(8,40,74,.14) !important;
  box-shadow: none !important;
}

/* Dodatkowy opis w dole karty */
body.home .dtc-choice-bottom p,
body.front-page .dtc-choice-bottom p {
  grid-area: note !important;
  margin: 0 !important;
  max-width: 100% !important;
  color: #5d6b78 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}

/* Venalex: jeżeli cena jest już pokazana wyżej, dół ma być mniej ciężki */
body.home .dtc-choice-card:first-child .dtc-choice-bottom,
body.front-page .dtc-choice-card:first-child .dtc-choice-bottom {
  grid-template-columns: auto auto 1fr !important;
  grid-template-areas:
    "button button2 note" !important;
}

body.home .dtc-choice-card:first-child .dtc-choice-bottom strong,
body.front-page .dtc-choice-card:first-child .dtc-choice-bottom strong {
  display: none !important;
}

body.home .dtc-choice-card:first-child .dtc-choice-bottom a:first-of-type,
body.front-page .dtc-choice-card:first-child .dtc-choice-bottom a:first-of-type {
  grid-area: button !important;
}

body.home .dtc-choice-card:first-child .dtc-choice-bottom a:nth-of-type(2),
body.front-page .dtc-choice-card:first-child .dtc-choice-bottom a:nth-of-type(2) {
  grid-area: button2 !important;
}

body.home .dtc-choice-card:first-child .dtc-choice-bottom p,
body.front-page .dtc-choice-card:first-child .dtc-choice-bottom p {
  grid-area: note !important;
}

/* Flavonoids: mocniejszy wybór */
body.home .dtc-choice-card-featured .dtc-choice-bottom a,
body.front-page .dtc-choice-card-featured .dtc-choice-bottom a {
  background: #f4b400 !important;
  color: #08284a !important;
}

/* Notka pod kartami */
body.home .dtc-choice-note,
body.front-page .dtc-choice-note {
  margin-top: 40px !important;
  padding: 28px 34px !important;
  border-radius: 26px !important;
}

/* Responsive */
@media (max-width: 980px) {
  body.home .dtc-choice-bottom,
  body.front-page .dtc-choice-bottom,
  body.home .dtc-choice-card:first-child .dtc-choice-bottom,
  body.front-page .dtc-choice-card:first-child .dtc-choice-bottom {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "price"
      "button"
      "button2"
      "note" !important;
    align-items: stretch !important;
  }

  body.home .dtc-choice-card:first-child .dtc-choice-bottom strong,
  body.front-page .dtc-choice-card:first-child .dtc-choice-bottom strong {
    display: none !important;
  }

  body.home .dtc-choice-bottom a,
  body.front-page .dtc-choice-bottom a {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  body.home .dtc-choice-card,
  body.front-page .dtc-choice-card {
    padding: 30px 24px !important;
    min-height: auto !important;
  }

  body.home .dtc-choice-card h3,
  body.front-page .dtc-choice-card h3 {
    font-size: 31px !important;
  }

  body.home .dtc-choice-list li,
  body.front-page .dtc-choice-list li {
    border-radius: 18px !important;
    min-height: auto !important;
  }
}

/* === HERO 2 WITH PACKSHOT FINAL START === */

.flv-home-hero {
  position: relative;
  overflow: hidden;
  min-height: 720px;
  background: #07111b;
}

.flv-home-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

.flv-home-hero-overlay {
  position: relative;
  z-index: 2;
  min-height: 720px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.flv-home-hero-copy {
  width: min(560px, 100%);
  padding: 92px 0 130px;
  color: #fff;
}

.flv-home-hero-kicker {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d6b25e;
  font-weight: 700;
}

.flv-home-hero h1 {
  margin: 0;
  max-width: 580px;
  font-size: clamp(48px, 5.4vw, 82px);
  line-height: 0.96;
  letter-spacing: -0.045em;
  color: #fff;
  font-weight: 800;
}

.flv-home-hero h1 span {
  color: #f0c75e;
}

.flv-home-hero-desc {
  margin: 28px 0 0;
  max-width: 520px;
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.48;
  color: rgba(255,255,255,0.88);
}

.flv-home-hero-line {
  width: min(420px, 100%);
  height: 2px;
  margin: 34px 0 28px;
  background: linear-gradient(90deg, rgba(240,199,94,1), rgba(240,199,94,0));
}

.flv-home-hero-badges {
  display: grid;
  grid-template-columns: repeat(4, minmax(80px, 1fr));
  gap: 22px;
  max-width: 560px;
}

.flv-home-hero-badges figure {
  margin: 0;
  text-align: center;
  color: #fff;
}

.flv-home-hero-badges img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: contain;
  margin: 0 auto 10px;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,0.28));
}

.flv-home-hero-badges figcaption {
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
  text-transform: uppercase;
}

.flv-home-hero-packshot {
  position: absolute;
  right: 58px;
  bottom: 42px;
  z-index: 4;
  width: clamp(150px, 13vw, 230px);
  pointer-events: none;
}

.flv-home-hero-packshot img {
  display: block;
  width: 100%;
  height: auto;
  filter:
    drop-shadow(0 22px 34px rgba(0,0,0,0.45))
    drop-shadow(0 0 18px rgba(255,255,255,0.10));
}

.flv-home-benefits {
  display: none !important;
}

@media (max-width: 1100px) {
  .flv-home-hero-packshot {
    right: 34px;
    bottom: 30px;
    width: clamp(120px, 14vw, 180px);
  }
}

@media (max-width: 920px) {
  .flv-home-hero {
    min-height: 690px;
  }

  .flv-home-hero-bg {
    object-position: 64% center;
  }

  .flv-home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(7,17,27,0.15) 0%,
      rgba(7,17,27,0.30) 40%,
      rgba(7,17,27,0.82) 100%
    );
    pointer-events: none;
  }

  .flv-home-hero-overlay {
    min-height: 690px;
    width: min(100% - 28px, 680px);
    align-items: flex-end;
  }

  .flv-home-hero-copy {
    padding: 120px 0 74px;
  }

  .flv-home-hero-badges {
    gap: 12px;
  }

  .flv-home-hero-badges img {
    width: 56px;
    height: 56px;
  }

  .flv-home-hero-badges figcaption {
    font-size: 10.5px;
  }

  .flv-home-hero-packshot {
    right: 16px;
    bottom: 16px;
    width: 96px;
  }
}

@media (max-width: 560px) {
  .flv-home-hero {
    min-height: 660px;
  }

  .flv-home-hero-bg {
    object-position: 68% center;
  }

  .flv-home-hero-copy {
    padding-bottom: 54px;
  }

  .flv-home-hero h1 {
    font-size: 42px;
  }

  .flv-home-hero-desc {
    font-size: 16px;
    max-width: 92%;
  }

  .flv-home-hero-badges {
    grid-template-columns: repeat(4, 1fr);
  }

  .flv-home-hero-packshot {
    width: 82px;
    right: 12px;
    bottom: 12px;
  }
}

/* === HERO 2 WITH PACKSHOT FINAL END === */

/* === HERO OVERLAY VISIBILITY FIX START === */

body.home .flv-home-hero,
body.front-page .flv-home-hero {
  position: relative !important;
  min-height: 720px !important;
  overflow: hidden !important;
  background: #07111b !important;
}

body.home .flv-home-hero-bg,
body.front-page .flv-home-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center right !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.home .flv-home-hero-overlay,
body.front-page .flv-home-hero-overlay {
  position: relative !important;
  z-index: 5 !important;
  min-height: 720px !important;
  width: min(1180px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.home .flv-home-hero-copy,
body.front-page .flv-home-hero-copy {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 6 !important;
  width: min(560px, 100%) !important;
  padding: 92px 0 130px !important;
  color: #fff !important;
}

body.home .flv-home-hero-kicker,
body.front-page .flv-home-hero-kicker {
  display: block !important;
  margin: 0 0 18px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #d6b25e !important;
  font-weight: 700 !important;
}

body.home .flv-home-hero h1,
body.front-page .flv-home-hero h1 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  max-width: 580px !important;
  font-size: clamp(48px, 5.4vw, 82px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;
  color: #fff !important;
  font-weight: 800 !important;
}

body.home .flv-home-hero h1 span,
body.front-page .flv-home-hero h1 span {
  color: #f0c75e !important;
}

body.home .flv-home-hero-desc,
body.front-page .flv-home-hero-desc {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 28px 0 0 !important;
  max-width: 520px !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  line-height: 1.48 !important;
  color: rgba(255,255,255,0.88) !important;
}

body.home .flv-home-hero-line,
body.front-page .flv-home-hero-line {
  display: block !important;
  width: min(420px, 100%) !important;
  height: 2px !important;
  margin: 34px 0 28px !important;
  background: linear-gradient(90deg, rgba(240,199,94,1), rgba(240,199,94,0)) !important;
}

body.home .flv-home-hero-badges,
body.front-page .flv-home-hero-badges {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-template-columns: repeat(4, minmax(80px, 1fr)) !important;
  gap: 22px !important;
  max-width: 560px !important;
}

body.home .flv-home-hero-badges figure,
body.front-page .flv-home-hero-badges figure {
  display: block !important;
  margin: 0 !important;
  text-align: center !important;
  color: #fff !important;
}

body.home .flv-home-hero-badges img,
body.front-page .flv-home-hero-badges img {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  margin: 0 auto 10px !important;
}

body.home .flv-home-hero-badges figcaption,
body.front-page .flv-home-hero-badges figcaption {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

body.home .flv-home-hero-packshot,
body.front-page .flv-home-hero-packshot {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  right: 150px !important;
  bottom: 24px !important;
  z-index: 7 !important;
  width: clamp(170px, 13.5vw, 245px) !important;
  pointer-events: none !important;
}

body.home .flv-home-hero-packshot img,
body.front-page .flv-home-hero-packshot img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  filter:
    drop-shadow(0 22px 34px rgba(0,0,0,0.45))
    drop-shadow(0 0 18px rgba(255,255,255,0.10)) !important;
}

body.home .flv-home-benefits,
body.front-page .flv-home-benefits {
  display: none !important;
}

/* === HERO OVERLAY VISIBILITY FIX END === */

/* === HERO PACKSHOT RIGHT DOWN FINAL OVERRIDE START === */

body.home .flv-home-hero-packshot,
body.front-page .flv-home-hero-packshot {
  right: 34px !important;
  bottom: 14px !important;
  width: clamp(150px, 11.5vw, 220px) !important;
  z-index: 7 !important;
}

@media (max-width: 1100px) {
  body.home .flv-home-hero-packshot,
  body.front-page .flv-home-hero-packshot {
    right: 20px !important;
    bottom: 12px !important;
    width: 130px !important;
  }
}

@media (max-width: 720px) {
  body.home .flv-home-hero-packshot,
  body.front-page .flv-home-hero-packshot {
    right: 12px !important;
    bottom: 10px !important;
    width: 92px !important;
  }
}

/* === HERO PACKSHOT RIGHT DOWN FINAL OVERRIDE END === */

/* === HERO PACKSHOT FINAL MICRO TUNE START === */

body.home .flv-home-hero-packshot,
body.front-page .flv-home-hero-packshot {
  right: 18px !important;
  bottom: 8px !important;
  width: clamp(145px, 10.8vw, 205px) !important;
}

/* === HERO PACKSHOT FINAL MICRO TUNE END === */

/* === HERO PACKSHOT REAL SCALE START === */

body.home .flv-home-hero-packshot,
body.front-page .flv-home-hero-packshot {
  right: 34px !important;
  bottom: 10px !important;
  width: clamp(120px, 8.8vw, 170px) !important;
}

/* === HERO PACKSHOT REAL SCALE END === */

/* === HERO PACKSHOT FINAL POLISH START === */

body.home .flv-home-hero-packshot,
body.front-page .flv-home-hero-packshot {
  right: 24px !important;
  bottom: 6px !important;
  width: clamp(115px, 8.4vw, 160px) !important;
}

/* === HERO PACKSHOT FINAL POLISH END === */

/* === HOME MOBILE HERO POLISH START === */

@media (max-width: 720px) {
  body.home .flv-home-hero,
  body.front-page .flv-home-hero {
    min-height: 760px !important;
  }

  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    object-position: 82% center !important;
  }

  body.home .flv-home-hero::after,
  body.front-page .flv-home-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
      linear-gradient(
        90deg,
        rgba(3, 12, 22, 0.92) 0%,
        rgba(3, 12, 22, 0.78) 42%,
        rgba(3, 12, 22, 0.28) 72%,
        rgba(3, 12, 22, 0.10) 100%
      ),
      linear-gradient(
        180deg,
        rgba(3, 12, 22, 0.10) 0%,
        rgba(3, 12, 22, 0.18) 50%,
        rgba(3, 12, 22, 0.72) 100%
      ) !important;
    pointer-events: none !important;
  }

  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    min-height: 760px !important;
    width: calc(100% - 40px) !important;
    align-items: flex-start !important;
  }

  body.home .flv-home-hero-copy,
  body.front-page .flv-home-hero-copy {
    width: 100% !important;
    max-width: 360px !important;
    padding: 88px 0 210px !important;
  }

  body.home .flv-home-hero-kicker,
  body.front-page .flv-home-hero-kicker {
    font-size: 13px !important;
    letter-spacing: 0.16em !important;
    margin-bottom: 14px !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    font-size: clamp(40px, 12vw, 50px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.05em !important;
    max-width: 340px !important;
  }

  body.home .flv-home-hero-desc,
  body.front-page .flv-home-hero-desc {
    max-width: 330px !important;
    margin-top: 22px !important;
    font-size: 16px !important;
    line-height: 1.48 !important;
  }

  body.home .flv-home-hero-line,
  body.front-page .flv-home-hero-line {
    width: 100% !important;
    max-width: 330px !important;
    margin: 28px 0 24px !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 18px !important;
    max-width: 300px !important;
  }

  body.home .flv-home-hero-badges img,
  body.front-page .flv-home-hero-badges img {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 7px !important;
  }

  body.home .flv-home-hero-badges figcaption,
  body.front-page .flv-home-hero-badges figcaption {
    font-size: 10.5px !important;
    line-height: 1.18 !important;
  }

  body.home .flv-home-hero-packshot,
  body.front-page .flv-home-hero-packshot {
    right: 18px !important;
    bottom: 18px !important;
    width: 108px !important;
  }
}

@media (max-width: 420px) {
  body.home .flv-home-hero,
  body.front-page .flv-home-hero {
    min-height: 780px !important;
  }

  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    object-position: 86% center !important;
  }

  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    width: calc(100% - 32px) !important;
    min-height: 780px !important;
  }

  body.home .flv-home-hero-copy,
  body.front-page .flv-home-hero-copy {
    max-width: 330px !important;
    padding-top: 84px !important;
    padding-bottom: 210px !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    font-size: clamp(38px, 12.4vw, 48px) !important;
    max-width: 320px !important;
  }

  body.home .flv-home-hero-desc,
  body.front-page .flv-home-hero-desc {
    max-width: 305px !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    max-width: 290px !important;
  }

  body.home .flv-home-hero-packshot,
  body.front-page .flv-home-hero-packshot {
    right: 14px !important;
    bottom: 16px !important;
    width: 102px !important;
  }
}

/* === HOME MOBILE HERO POLISH END === */

/* === SHOP DECISION SECTION START === */

.pl-shop-page .flv-shop-decision {
  padding: 14px 20px 86px;
  background: linear-gradient(180deg, #ffffff 0%, #f3fbf8 100%);
}

.flv-shop-decision__inner {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.flv-shop-decision__head {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
}

.flv-shop-decision__eyebrow {
  margin: 0 0 10px;
  color: #009b62;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.flv-shop-decision h2 {
  margin: 0 0 14px;
  color: #06345f;
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.flv-shop-decision__head p {
  margin: 0;
  color: #49687f;
  font-size: 16px;
  line-height: 1.65;
}

.flv-shop-decision__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.flv-shop-decision__grid article {
  padding: 26px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(6, 52, 95, .08);
  box-shadow: 0 18px 46px rgba(6, 52, 95, .07);
}

.flv-shop-decision__grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: #e8f8ef;
  color: #009b62;
  font-size: 13px;
  font-weight: 900;
}

.flv-shop-decision__grid h3 {
  margin: 0 0 10px;
  color: #06345f;
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.flv-shop-decision__grid p {
  margin: 0;
  color: #49687f;
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 820px) {
  .pl-shop-page .flv-shop-decision {
    padding: 18px 16px 64px;
  }

  .flv-shop-decision__head {
    text-align: left;
  }

  .flv-shop-decision__grid {
    grid-template-columns: 1fr;
  }

  .flv-shop-decision__grid article {
    padding: 22px;
  }
}

/* === SHOP DECISION SECTION END === */

/* === HOME UNDER HERO BAR RESTORE START === */

.flv-home-underhero-bar {
  position: relative;
  z-index: 5;
  margin-top: -34px;
  padding: 0 20px 34px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 155, 98, .10) 0%, rgba(255,255,255,0) 34%),
    #ffffff;
}

.flv-home-underhero-bar::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -42px;
  height: 58px;
  background: #ffffff;
  border-radius: 50% 50% 0 0 / 42% 42% 0 0;
  z-index: -1;
}

.flv-home-underhero-bar__inner {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  border-radius: 26px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(6, 52, 95, .08);
  box-shadow: 0 22px 60px rgba(6, 52, 95, .10);
  backdrop-filter: blur(10px);
}

.flv-home-underhero-bar__item {
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, #f5fbf8 0%, #ffffff 100%);
  border: 1px solid rgba(0, 155, 98, .08);
}

.flv-home-underhero-bar__item strong {
  display: block;
  margin: 0 0 5px;
  color: #06345f;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.15;
}

.flv-home-underhero-bar__item span {
  display: block;
  color: #49687f;
  font-size: 13px;
  line-height: 1.35;
}

@media (max-width: 920px) {
  .flv-home-underhero-bar {
    margin-top: -22px;
    padding: 0 16px 28px;
  }

  .flv-home-underhero-bar__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .flv-home-underhero-bar {
    margin-top: -18px;
  }

  .flv-home-underhero-bar__inner {
    grid-template-columns: 1fr;
    padding: 12px;
    border-radius: 22px;
  }

  .flv-home-underhero-bar__item {
    padding: 13px 14px;
  }
}

/* === HOME UNDER HERO BAR RESTORE END === */

/* === HOME UNDER HERO DARK STRIP FINAL START === */

.flv-home-underhero-bar {
  position: relative !important;
  z-index: 8 !important;
  margin-top: -1px !important;
  padding: 0 !important;
  background: #071725 !important;
  border-top: 1px solid rgba(255, 201, 74, .22) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.flv-home-underhero-bar::before {
  display: none !important;
}

.flv-home-underhero-bar__inner {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.flv-home-underhero-bar__item {
  min-height: 58px !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, .10) !important;
}

.flv-home-underhero-bar__item:last-child {
  border-right: 1px solid rgba(255, 255, 255, .10) !important;
}

.flv-home-underhero-bar__icon {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-flex !important;
  border-radius: 999px !important;
  border: 2px solid #f4b400 !important;
  box-shadow: 0 0 0 4px rgba(244, 180, 0, .08) !important;
}

.flv-home-underhero-bar__item strong {
  margin: 0 !important;
  display: block !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.flv-home-underhero-bar__item span:not(.flv-home-underhero-bar__icon) {
  display: none !important;
}

@media (max-width: 920px) {
  .flv-home-underhero-bar__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .flv-home-underhero-bar__item {
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  }
}

@media (max-width: 560px) {
  .flv-home-underhero-bar__inner {
    grid-template-columns: 1fr !important;
  }

  .flv-home-underhero-bar__item {
    min-height: 52px !important;
    padding: 13px 16px !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

/* === HOME UNDER HERO DARK STRIP FINAL END === */

/* === HOME UNDER HERO BAR REMOVE FINAL START === */
.flv-home-underhero-bar {
  display: none !important;
}
/* === HOME UNDER HERO BAR REMOVE FINAL END === */

/* === HOME AFTER HERO SPACING FINAL START === */

body.home #dlaczego-flavonoids,
body.front-page #dlaczego-flavonoids {
  padding-top: 78px !important;
}

body.home .flv-home-hero + #dlaczego-flavonoids,
body.front-page .flv-home-hero + #dlaczego-flavonoids {
  margin-top: 0 !important;
}

@media (max-width: 820px) {
  body.home #dlaczego-flavonoids,
  body.front-page #dlaczego-flavonoids {
    padding-top: 54px !important;
  }
}

/* === HOME AFTER HERO SPACING FINAL END === */

/* === HERO IMAGE SCALE FINAL START === */

body.home main.dtc-home .flv-home-hero,
body.front-page main.dtc-home .flv-home-hero {
  background: #031321 !important;
  overflow: hidden !important;
}

body.home main.dtc-home .flv-home-hero > img.flv-home-hero-bg,
body.front-page main.dtc-home .flv-home-hero > img.flv-home-hero-bg {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(0.86) !important;
  transform-origin: center center !important;
  display: block !important;
  margin: 0 auto !important;
}

@media (max-width: 1200px) {
  body.home main.dtc-home .flv-home-hero > img.flv-home-hero-bg,
  body.front-page main.dtc-home .flv-home-hero > img.flv-home-hero-bg {
    transform: scale(0.92) !important;
  }
}

@media (max-width: 768px) {
  body.home main.dtc-home .flv-home-hero > img.flv-home-hero-bg,
  body.front-page main.dtc-home .flv-home-hero > img.flv-home-hero-bg {
    transform: none !important;
  }
}

/* === HERO IMAGE SCALE FINAL END === */

/* === HOME CONTAINER ALIGN FIX START === */

/* Naprawa uciekających sekcji na stronie głównej */
body.home .flv-home-main,
body.front-page .flv-home-main {
  width: 100%;
  overflow-x: hidden;
}

body.home .flv-home-main > section,
body.front-page .flv-home-main > section {
  width: 100%;
  overflow: hidden;
}

/* Wspólna oś dla większości sekcji */
body.home .flv-home-main > section > .flv-container,
body.front-page .flv-home-main > section > .flv-container,
body.home .flv-home-main > section > .flv-home-container,
body.front-page .flv-home-main > section > .flv-home-container,
body.home .flv-home-main > section > .flv-section-inner,
body.front-page .flv-home-main > section > .flv-section-inner,
body.home .flv-home-main > section > .flv-home-inner,
body.front-page .flv-home-main > section > .flv-home-inner {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Sekcje, które mają bezpośrednio grid bez typowego kontenera */
body.home .flv-home-proof,
body.front-page .flv-home-proof,
body.home .flv-home-routine,
body.front-page .flv-home-routine,
body.home .flv-home-comparison,
body.front-page .flv-home-comparison,
body.home .flv-home-clarity,
body.front-page .flv-home-clarity,
body.home .flv-home-knowledge,
body.front-page .flv-home-knowledge,
body.home .flv-home-faq,
body.front-page .flv-home-faq {
  padding-left: max(16px, calc((100vw - 1180px) / 2)) !important;
  padding-right: max(16px, calc((100vw - 1180px) / 2)) !important;
}

/* Gridy nie mogą wystawać poza ekran */
body.home [class*="grid"],
body.front-page [class*="grid"],
body.home [class*="cards"],
body.front-page [class*="cards"] {
  max-width: 100%;
}

/* Sekcja z pakietami — nie może ucinać pierwszej karty */
body.home .flv-home-packages,
body.front-page .flv-home-packages,
body.home .flv-home-products,
body.front-page .flv-home-products,
body.home .flv-home-routine {
  overflow: visible !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.home .flv-home-main > section > .flv-container,
  body.front-page .flv-home-main > section > .flv-container,
  body.home .flv-home-main > section > .flv-home-container,
  body.front-page .flv-home-main > section > .flv-home-container,
  body.home .flv-home-main > section > .flv-section-inner,
  body.front-page .flv-home-main > section > .flv-section-inner,
  body.home .flv-home-main > section > .flv-home-inner,
  body.front-page .flv-home-main > section > .flv-home-inner {
    width: min(100% - 24px, 1180px) !important;
  }

  body.home .flv-home-proof,
  body.front-page .flv-home-proof,
  body.home .flv-home-routine,
  body.front-page .flv-home-routine,
  body.home .flv-home-comparison,
  body.front-page .flv-home-comparison,
  body.home .flv-home-clarity,
  body.front-page .flv-home-clarity,
  body.home .flv-home-knowledge,
  body.front-page .flv-home-knowledge,
  body.home .flv-home-faq,
  body.front-page .flv-home-faq {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* === HOME CONTAINER ALIGN FIX END === */

/* === DTC HOME ALIGN FIX START === */

/* Główna oś strony */
body.home .dtc-page.dtc-home {
  width: 100%;
  overflow-x: hidden;
}

/* Wszystkie sekcje pełna szerokość tła, ale bez uciekania contentu */
body.home .dtc-page.dtc-home > section,
body.front-page .dtc-page.dtc-home > section {
  width: 100%;
  overflow: hidden;
}

/* Jeden wspólny kontener dla sekcji DTC */
body.home .dtc-wrap,
body.front-page .dtc-wrap,
body.home .dtc-section > .dtc-wrap,
body.front-page .dtc-section > .dtc-wrap,
body.home .dtc-final > .dtc-wrap,
body.front-page .dtc-final > .dtc-wrap {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Sekcja korzyści pod hero ma inny prefix klas, więc wyrównujemy ją osobno */
body.home .flv-home-benefits,
body.front-page .flv-home-benefits {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body.home .flv-home-benefits-grid,
body.front-page .flv-home-benefits-grid {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Gridy i karty nie mogą wychodzić poza wspólną oś */
body.home .dtc-card-grid,
body.front-page .dtc-card-grid,
body.home .dtc-ingredient-grid,
body.front-page .dtc-ingredient-grid,
body.home .dtc-package-showcase-grid,
body.front-page .dtc-package-showcase-grid,
body.home .dtc-choice-grid,
body.front-page .dtc-choice-grid,
body.home .dtc-quality-cards,
body.front-page .dtc-quality-cards,
body.home .dtc-article-grid,
body.front-page .dtc-article-grid,
body.home .dtc-faq,
body.front-page .dtc-faq {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Naprawa sekcji, które wizualnie uciekały w lewo */
body.home .dtc-trust-proof-grid,
body.front-page .dtc-trust-proof-grid,
body.home .dtc-quality-rebuild-inner,
body.front-page .dtc-quality-rebuild-inner,
body.home .dtc-final-inner,
body.front-page .dtc-final-inner {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* CTA i final też na jednej osi */
body.home .dtc-final,
body.front-page .dtc-final {
  overflow: hidden;
}

body.home .dtc-final .dtc-wrap,
body.front-page .dtc-final .dtc-wrap {
  display: grid;
  align-items: center;
}

/* Mobile */
@media (max-width: 768px) {
  body.home .dtc-wrap,
  body.front-page .dtc-wrap,
  body.home .dtc-section > .dtc-wrap,
  body.front-page .dtc-section > .dtc-wrap,
  body.home .dtc-final > .dtc-wrap,
  body.front-page .dtc-final > .dtc-wrap,
  body.home .dtc-trust-proof-grid,
  body.front-page .dtc-trust-proof-grid,
  body.home .dtc-quality-rebuild-inner,
  body.front-page .dtc-quality-rebuild-inner,
  body.home .dtc-final-inner,
  body.front-page .dtc-final-inner {
    width: min(100% - 24px, 1180px) !important;
  }

  body.home .flv-home-benefits,
  body.front-page .flv-home-benefits {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* === DTC HOME ALIGN FIX END === */

/* === HOME 150 SCALE / NARROW DESKTOP FIX START === */

@media (min-width: 981px) and (max-width: 1320px) {
  body.home .dtc-wrap,
  body.front-page .dtc-wrap,
  body.home .dtc-section > .dtc-wrap,
  body.front-page .dtc-section > .dtc-wrap,
  body.home .dtc-final > .dtc-wrap,
  body.front-page .dtc-final > .dtc-wrap,
  body.home .dtc-trust-proof-grid,
  body.front-page .dtc-trust-proof-grid,
  body.home .dtc-quality-rebuild-inner,
  body.front-page .dtc-quality-rebuild-inner,
  body.home .dtc-final-inner,
  body.front-page .dtc-final-inner {
    width: min(1120px, calc(100% - 40px)) !important;
    max-width: 1120px !important;
  }

  body.home .dtc-page.dtc-home > section,
  body.front-page .dtc-page.dtc-home > section {
    overflow-x: hidden;
  }

  body.home .dtc-card-grid,
  body.front-page .dtc-card-grid,
  body.home .dtc-ingredient-grid,
  body.front-page .dtc-ingredient-grid,
  body.home .dtc-package-showcase-grid,
  body.front-page .dtc-package-showcase-grid,
  body.home .dtc-choice-grid,
  body.front-page .dtc-choice-grid,
  body.home .dtc-quality-cards,
  body.front-page .dtc-quality-cards,
  body.home .dtc-article-grid,
  body.front-page .dtc-article-grid {
    gap: 18px !important;
  }

  body.home .dtc-card-grid-4,
  body.front-page .dtc-card-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.home .dtc-package-showcase-grid,
  body.front-page .dtc-package-showcase-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.home .dtc-choice-grid,
  body.front-page .dtc-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home .dtc-quality-rebuild-inner,
  body.front-page .dtc-quality-rebuild-inner {
    grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr) !important;
    gap: 28px !important;
  }

  body.home .dtc-quality-cards,
  body.front-page .dtc-quality-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home .dtc-final-inner,
  body.front-page .dtc-final-inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 32px !important;
  }

  body.home .dtc-final-inner > *,
  body.front-page .dtc-final-inner > * {
    min-width: 0 !important;
  }
}

/* === HOME 150 SCALE / NARROW DESKTOP FIX END === */


/* === MOBILE HERO PHOTO LAYOUT FINAL START === */

@media (max-width: 768px) {
  body.home .flv-home-hero,
  body.front-page .flv-home-hero {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #061423 !important;
  }

  /* Zdjęcie jako osobna górna część hero */
  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 330px !important;
    object-fit: cover !important;
    object-position: 72% top !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 1 !important;
  }

  /* Delikatne przejście z obrazu do ciemnego tła */
  body.home .flv-home-hero::after,
  body.front-page .flv-home-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 210px;
    height: 150px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(6, 20, 35, 0) 0%, #061423 82%);
  }

  /* Tekst już nie nachodzi na zdjęcie */
  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    position: relative !important;
    display: block !important;
    inset: auto !important;
    z-index: 5 !important;
    min-height: 0 !important;
    padding: 30px 24px 44px !important;
    background: #061423 !important;
    pointer-events: auto !important;
  }

  body.home .flv-home-hero-content,
  body.front-page .flv-home-hero-content {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }

  body.home .flv-home-hero-kicker,
  body.front-page .flv-home-hero-kicker {
    font-size: 13px !important;
    letter-spacing: .22em !important;
    margin: 0 0 18px !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    max-width: 360px !important;
    font-size: clamp(44px, 12vw, 58px) !important;
    line-height: .94 !important;
    letter-spacing: -0.055em !important;
    margin: 0 0 24px !important;
  }

  body.home .flv-home-hero h1 .accent,
  body.front-page .flv-home-hero h1 .accent {
    display: block !important;
  }

  body.home .flv-home-hero p,
  body.front-page .flv-home-hero p {
    max-width: 350px !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    margin: 0 0 28px !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
    max-width: 360px !important;
    margin: 28px auto 0 !important;
  }

  body.home .flv-home-hero-badge,
  body.front-page .flv-home-hero-badge {
    text-align: center !important;
  }

  body.home .flv-home-hero-badge img,
  body.front-page .flv-home-hero-badge img {
    width: 62px !important;
    height: 62px !important;
    object-fit: contain !important;
    margin: 0 auto 10px !important;
  }

  body.home .flv-home-hero-badge span,
  body.front-page .flv-home-hero-badge span {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
  }

  body.home .flv-home-hero .flv-btn,
  body.front-page .flv-home-hero .flv-btn,
  body.home .flv-home-hero .button,
  body.front-page .flv-home-hero .button {
    width: 100% !important;
    max-width: 300px !important;
    justify-content: center !important;
    margin: 30px auto 0 !important;
  }
}

@media (max-width: 390px) {
  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    height: 300px !important;
    object-position: 74% top !important;
  }

  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    font-size: clamp(40px, 12vw, 52px) !important;
  }

  body.home .flv-home-hero p,
  body.front-page .flv-home-hero p {
    font-size: 18px !important;
  }
}

/* === MOBILE HERO PHOTO LAYOUT FINAL END === */

/* === MOBILE HERO FULLSCREEN BG FINAL START === */

@media (max-width: 768px) {
  body.home .flv-home-hero,
  body.front-page .flv-home-hero {
    position: relative !important;
    min-height: 100svh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #061423 !important;
    display: block !important;
  }

  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 67% center !important;
    transform: none !important;
    z-index: 1 !important;
    opacity: 1 !important;
  }

  body.home .flv-home-hero::before,
  body.front-page .flv-home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgba(6,20,35,.22) 0%, rgba(6,20,35,.46) 26%, rgba(6,20,35,.72) 58%, rgba(6,20,35,.93) 100%),
      linear-gradient(90deg, rgba(6,20,35,.90) 0%, rgba(6,20,35,.62) 42%, rgba(6,20,35,.18) 72%, rgba(6,20,35,.08) 100%);
  }

  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    position: relative !important;
    inset: auto !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-height: 100svh !important;
    padding: 126px 24px 36px !important;
    pointer-events: auto !important;
  }

  body.home .flv-home-hero-copy,
  body.front-page .flv-home-hero-copy {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 !important;
  }

  body.home .flv-home-hero-kicker,
  body.front-page .flv-home-hero-kicker {
    font-size: 13px !important;
    letter-spacing: .22em !important;
    margin: 0 0 18px !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    font-size: clamp(44px, 12vw, 58px) !important;
    line-height: .92 !important;
    letter-spacing: -0.055em !important;
    margin: 0 0 20px !important;
    max-width: 320px !important;
  }

  body.home .flv-home-hero h1 span,
  body.front-page .flv-home-hero h1 span {
    display: block !important;
  }

  body.home .flv-home-hero-desc,
  body.front-page .flv-home-hero-desc {
    font-size: 17px !important;
    line-height: 1.42 !important;
    margin: 0 0 18px !important;
    max-width: 310px !important;
  }

  body.home .flv-home-hero-line,
  body.front-page .flv-home-hero-line {
    margin: 0 0 20px !important;
    width: min(100%, 300px) !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 16px !important;
    max-width: 320px !important;
    margin: 0 !important;
  }

  body.home .flv-home-hero-badges figure,
  body.front-page .flv-home-hero-badges figure,
  body.home .flv-home-hero-badge,
  body.front-page .flv-home-hero-badge {
    margin: 0 !important;
    text-align: center !important;
  }

  body.home .flv-home-hero-badges img,
  body.front-page .flv-home-hero-badges img,
  body.home .flv-home-hero-badge img,
  body.front-page .flv-home-hero-badge img {
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
    margin: 0 auto 8px !important;
  }

  body.home .flv-home-hero-badges figcaption,
  body.front-page .flv-home-hero-badges figcaption,
  body.home .flv-home-hero-badge span,
  body.front-page .flv-home-hero-badge span {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
  }

  /* jeśli stary packshot nadal siedzi w HTML, chowamy go na mobile */
  body.home .flv-home-hero-packshot,
  body.front-page .flv-home-hero-packshot {
    display: none !important;
  }

  body.home .flv-home-hero .dtc-btn,
  body.front-page .flv-home-hero .dtc-btn,
  body.home .flv-home-hero .flv-btn,
  body.front-page .flv-home-hero .flv-btn,
  body.home .flv-home-hero .button,
  body.front-page .flv-home-hero .button {
    width: 100% !important;
    max-width: 280px !important;
    justify-content: center !important;
    margin-top: 22px !important;
  }
}

@media (max-width: 390px) {
  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    padding: 118px 20px 28px !important;
  }

  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    object-position: 69% center !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    font-size: clamp(40px, 11.5vw, 52px) !important;
  }

  body.home .flv-home-hero-desc,
  body.front-page .flv-home-hero-desc {
    font-size: 16px !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    gap: 16px 12px !important;
  }
}

/* === MOBILE HERO FULLSCREEN BG FINAL END === */

/* === MOBILE HERO FULLSCREEN BG V2 START === */

@media (max-width: 768px) {
  body.home .flv-home-hero,
  body.front-page .flv-home-hero {
    position: relative !important;
    min-height: 100svh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #061423 !important;
  }

  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 78% center !important;
    transform: none !important;
    z-index: 1 !important;
    opacity: .72 !important;
  }

  body.home .flv-home-hero::before,
  body.front-page .flv-home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgba(6,20,35,.36) 0%, rgba(6,20,35,.56) 34%, rgba(6,20,35,.86) 74%, rgba(6,20,35,.96) 100%),
      linear-gradient(90deg, rgba(6,20,35,.96) 0%, rgba(6,20,35,.72) 46%, rgba(6,20,35,.22) 100%);
  }

  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    position: relative !important;
    inset: auto !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-height: 100svh !important;
    padding: 72px 24px 34px !important;
    pointer-events: auto !important;
  }

  body.home .flv-home-hero-copy,
  body.front-page .flv-home-hero-copy,
  body.home .flv-home-hero-content,
  body.front-page .flv-home-hero-content {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 !important;
  }

  body.home .flv-home-hero-kicker,
  body.front-page .flv-home-hero-kicker {
    font-size: 12px !important;
    letter-spacing: .22em !important;
    margin: 0 0 14px !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    max-width: 320px !important;
    font-size: clamp(38px, 10.6vw, 48px) !important;
    line-height: .94 !important;
    letter-spacing: -0.05em !important;
    margin: 0 0 16px !important;
  }

  body.home .flv-home-hero h1 span,
  body.front-page .flv-home-hero h1 span,
  body.home .flv-home-hero h1 .accent,
  body.front-page .flv-home-hero h1 .accent {
    display: block !important;
  }

  body.home .flv-home-hero-desc,
  body.front-page .flv-home-hero-desc,
  body.home .flv-home-hero p,
  body.front-page .flv-home-hero p {
    max-width: 315px !important;
    font-size: 15.5px !important;
    line-height: 1.38 !important;
    margin: 0 0 16px !important;
  }

  body.home .flv-home-hero-line,
  body.front-page .flv-home-hero-line {
    width: min(100%, 280px) !important;
    margin: 0 0 16px !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 14px !important;
    max-width: 310px !important;
    margin: 0 0 18px !important;
  }

  body.home .flv-home-hero-badges figure,
  body.front-page .flv-home-hero-badges figure,
  body.home .flv-home-hero-badge,
  body.front-page .flv-home-hero-badge {
    margin: 0 !important;
    text-align: center !important;
  }

  body.home .flv-home-hero-badges img,
  body.front-page .flv-home-hero-badges img,
  body.home .flv-home-hero-badge img,
  body.front-page .flv-home-hero-badge img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    margin: 0 auto 6px !important;
  }

  body.home .flv-home-hero-badges figcaption,
  body.front-page .flv-home-hero-badges figcaption,
  body.home .flv-home-hero-badge span,
  body.front-page .flv-home-hero-badge span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    font-weight: 850 !important;
  }

  body.home .flv-home-hero .dtc-btn,
  body.front-page .flv-home-hero .dtc-btn,
  body.home .flv-home-hero .flv-btn,
  body.front-page .flv-home-hero .flv-btn,
  body.home .flv-home-hero .button,
  body.front-page .flv-home-hero .button {
    width: 100% !important;
    max-width: 260px !important;
    min-height: 50px !important;
    justify-content: center !important;
    margin: 0 auto !important;
    font-size: 16px !important;
  }
}

@media (max-width: 390px) {
  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    padding: 62px 20px 28px !important;
  }

  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    object-position: 80% center !important;
    opacity: .70 !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    font-size: clamp(36px, 10.4vw, 44px) !important;
    max-width: 300px !important;
  }

  body.home .flv-home-hero-desc,
  body.front-page .flv-home-hero-desc,
  body.home .flv-home-hero p,
  body.front-page .flv-home-hero p {
    font-size: 15px !important;
    max-width: 300px !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    max-width: 292px !important;
    gap: 12px !important;
  }

  body.home .flv-home-hero-badges img,
  body.front-page .flv-home-hero-badges img,
  body.home .flv-home-hero-badge img,
  body.front-page .flv-home-hero-badge img {
    width: 44px !important;
    height: 44px !important;
  }
}

/* === MOBILE HERO FULLSCREEN BG V2 END === */

/* === MOBILE HERO POSITION TWEAK V3 START === */

@media (max-width: 768px) {
  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    object-position: 82% 72% !important;
    opacity: .88 !important;
  }

  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    padding: 52px 24px 26px !important;
  }

  body.home .flv-home-hero-kicker,
  body.front-page .flv-home-hero-kicker {
    margin-bottom: 10px !important;
  }

  body.home .flv-home-hero h1,
  body.front-page .flv-home-hero h1 {
    margin-bottom: 12px !important;
  }

  body.home .flv-home-hero-desc,
  body.front-page .flv-home-hero-desc,
  body.home .flv-home-hero p,
  body.front-page .flv-home-hero p {
    margin-bottom: 12px !important;
  }

  body.home .flv-home-hero-line,
  body.front-page .flv-home-hero-line {
    margin-bottom: 12px !important;
  }

  body.home .flv-home-hero-badges,
  body.front-page .flv-home-hero-badges {
    margin-bottom: 14px !important;
    gap: 12px 14px !important;
  }

  body.home .flv-home-hero .dtc-btn,
  body.front-page .flv-home-hero .dtc-btn,
  body.home .flv-home-hero .flv-btn,
  body.front-page .flv-home-hero .flv-btn,
  body.home .flv-home-hero .button,
  body.front-page .flv-home-hero .button {
    margin-top: 0 !important;
  }
}

@media (max-width: 390px) {
  body.home .flv-home-hero-bg,
  body.front-page .flv-home-hero-bg {
    object-position: 84% 74% !important;
  }

  body.home .flv-home-hero-overlay,
  body.front-page .flv-home-hero-overlay {
    padding: 46px 20px 24px !important;
  }
}

/* === MOBILE HERO POSITION TWEAK V3 END === */

/* === HOME INGREDIENTS PRO GRID START === */

body.home .dtc-ingredients-pro,
body.front-page .dtc-ingredients-pro {
  background:
    radial-gradient(circle at 80% 10%, rgba(20, 163, 111, .12), transparent 34%),
    linear-gradient(180deg, #f5fbf8 0%, #ffffff 100%);
}

body.home .dtc-ingredients-pro-inner,
body.front-page .dtc-ingredients-pro-inner {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.35fr);
  gap: 42px;
  align-items: start;
}

body.home .dtc-ingredients-pro-grid,
body.front-page .dtc-ingredients-pro-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.home .dtc-ingredients-pro-grid article,
body.front-page .dtc-ingredients-pro-grid article {
  min-height: 210px;
  padding: 28px;
  border: 1px solid rgba(7, 35, 67, .10);
  border-radius: 26px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 20px 56px rgba(7, 35, 67, .08);
}

body.home .dtc-ingredients-pro-grid article span,
body.front-page .dtc-ingredients-pro-grid article span {
  display: inline-flex;
  padding: 7px 13px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(20, 163, 111, .12);
  color: #008a54;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .03em;
  text-transform: uppercase;
}

body.home .dtc-ingredients-pro-grid article h3,
body.front-page .dtc-ingredients-pro-grid article h3 {
  margin: 0 0 10px;
  color: #062547;
  font-size: 22px;
  line-height: 1.2;
}

body.home .dtc-ingredients-pro-grid article p,
body.front-page .dtc-ingredients-pro-grid article p {
  margin: 0;
  color: rgba(7, 35, 67, .74);
  font-size: 15.5px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  body.home .dtc-ingredients-pro-inner,
  body.front-page .dtc-ingredients-pro-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  body.home .dtc-ingredients-pro-grid,
  body.front-page .dtc-ingredients-pro-grid {
    grid-template-columns: 1fr;
  }
}

/* === HOME INGREDIENTS PRO GRID END === */

/* === HOME INGREDIENTS PRO GRID START === */

body.home .dtc-ingredients-pro,
body.front-page .dtc-ingredients-pro {
  background:
    radial-gradient(circle at 80% 10%, rgba(20, 163, 111, .12), transparent 34%),
    linear-gradient(180deg, #f5fbf8 0%, #ffffff 100%);
}

body.home .dtc-ingredients-pro-inner,
body.front-page .dtc-ingredients-pro-inner {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.35fr);
  gap: 42px;
  align-items: start;
}

body.home .dtc-ingredients-pro-grid,
body.front-page .dtc-ingredients-pro-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.home .dtc-ingredients-pro-grid article,
body.front-page .dtc-ingredients-pro-grid article {
  min-height: 210px;
  padding: 28px;
  border: 1px solid rgba(7, 35, 67, .10);
  border-radius: 26px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 20px 56px rgba(7, 35, 67, .08);
}

body.home .dtc-ingredients-pro-grid article span,
body.front-page .dtc-ingredients-pro-grid article span {
  display: inline-flex;
  padding: 7px 13px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(20, 163, 111, .12);
  color: #008a54;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .03em;
  text-transform: uppercase;
}

body.home .dtc-ingredients-pro-grid article h3,
body.front-page .dtc-ingredients-pro-grid article h3 {
  margin: 0 0 10px;
  color: #062547;
  font-size: 22px;
  line-height: 1.2;
}

body.home .dtc-ingredients-pro-grid article p,
body.front-page .dtc-ingredients-pro-grid article p {
  margin: 0;
  color: rgba(7, 35, 67, .74);
  font-size: 15.5px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  body.home .dtc-ingredients-pro-inner,
  body.front-page .dtc-ingredients-pro-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  body.home .dtc-ingredients-pro-grid,
  body.front-page .dtc-ingredients-pro-grid {
    grid-template-columns: 1fr;
  }
}

/* === HOME INGREDIENTS PRO GRID END === */
