/* Termosalud Authentic Pastel & Luxury Medical Palette (Pixel-Matched to termosalud.com) */

:root {
  /* Dynamic Active Font Families (Switchable via Interactive Dock) */
  --active-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --active-heading-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ==========================================================================
     CANONICAL TYPOGRAPHY SYSTEM (STANDARDIZED FROM MAIN PAGE BASE)
     ========================================================================== */
  --type-font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Heading Scale */
  --type-h1-size: clamp(48px, 4.8vw, 76px);
  --type-h1-weight: 900;
  --type-h1-lh: 1.02;
  --type-h1-spacing: -1.5px;

  --type-h2-size: clamp(34px, 3.8vw, 52px);
  --type-h2-weight: 900;
  --type-h2-lh: 1.12;
  --type-h2-spacing: -1.2px;

  --type-h3-size: 20px;
  --type-h3-weight: 800;
  --type-h3-lh: 1.25;

  /* Subtitle & Lead Text Scale (Standardized to Main Page 22px) */
  --type-lead-size: 21px;
  --type-lead-lh: 1.6;
  --type-lead-color: #475569;

  /* Standard Body & Card Text */
  --type-body-size: 15.5px;
  --type-body-lh: 1.65;
  --type-body-color: #54595f;

  /* Small Labels, Tags, Microcopy */
  --type-small-size: 13px;
  --type-small-weight: 800;
  --type-small-spacing: 0.6px;

  /* Action Buttons */
  --type-btn-size: 14px;
  --type-btn-weight: 800;
  --type-btn-spacing: 0.8px;

  /* Per-Screen Heading Weights & Typography Variables */
  --s1-title-weight: 900;
  --s2-title-weight: 500;
  --s3-title-weight: 500;
  --s4-title-weight: 500;
  --s5-title-weight: 500;
  --s6-title-weight: 500;

  /* Dominant Neutrals (72.8% White, 9.4% Soft Gray) */
  --bg-pure: #ffffff;
  --bg-soft-gray: #f7f9fa;
  --bg-card: #ffffff;
  --brand-border: #e4e4e7;
  --brand-border-light: #edf2f7;

  /* Dark Graphite & Slate (7.1% Dark Navy/Slate) */
  --brand-navy: #1e232e;
  --brand-navy-dark: #141820;
  --brand-navy-card: #181d26;

  /* Pastel Muted Colors (2.9% Ice-Slate, 1.5% Steel-Blue) */
  --pastel-ice: #edf4f7;
  --pastel-slate-blue: #b6cbd2;
  --brand-steel: #1e232e;
  --brand-steel-hover: #4d7280;
  --brand-steel-dark: #3f5d69;
  
  --brand-primary: #1e232e;
  --brand-blue: #1e232e;
  --brand-blue-hover: #4d7280;
  --brand-cyan: #1e232e;
  --brand-slate: #54595f;

  /* Typography & Muted Grays */
  --text-dark: #1e232e;
  --text-heading: #18181b;
  --text-body: #54595f;
  --text-muted: #7a7a7a;
  --text-light: #a1a1aa;

  /* Micro Accents (<0.1%) */
  --accent-stripe: #1e232e;
  --brand-yellow: #ffff00;
}

/* Sharp Crisp Corners for All Interactive Buttons */
button,
.btn,
.btn-primary,
.btn-secondary,
.header-btn,
.hero-btn,
.hero-btn-primary,
.hero-btn-secondary,
.showcase-btn-primary,
.showcase-btn-secondary,
.sharp-btn-primary,
.sharp-btn-secondary,
.presentation-submit-btn,
.form-submit-btn,
.contact-submit-btn {
  border-radius: 0px !important;
}

/* =======================================================
   FIRST WORD ACCENT STRIPE (Termosalud Signature Style)
   ======================================================= */
.first-word-stripe {
  position: relative;
  display: inline-block;
  color: #1e232e !important;
  font-family: var(--active-heading-font) !important;
}

.first-word-stripe::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 3.5px;
  border-radius: 2px;
  background: #1e232e !important;
}

html {
  scroll-behavior: smooth;
  font-family: var(--active-font) !important;
  background-color: #ffffff;
  height: auto !important;
  overflow-x: clip !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--active-font) !important;
  color: var(--text-dark);
  background-color: #ffffff !important;
  height: auto !important;
  min-height: 100vh !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: 100vw !important;
  position: relative !important;
  box-sizing: border-box !important;
}

*, *::before, *::after {
  box-sizing: border-box !important;
}

img, video, iframe, picture, svg {
  max-width: 100%;
}

p, span, h1, h2, h3, h4, h5, h6, a, li, button {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

h1, h2, h3, h4, h5, h6,
.hero-clean-title,
.our-prods-header h2,
.card-device-title,
.why-us-header h2,
.why-card-title,
.presentation-header h2,
.form-title,
.partners-header h2,
.partner-title,
.seo-main-title,
.seo-sub-title,
.product-name,
.btn-text,
.card-btn-primary,
.card-btn-secondary,
.shimmer-submit-btn,
.badge-strong {
  font-family: var(--active-heading-font) !important;
}

p, span, li, a, button, input, label, textarea {
  font-family: var(--active-font);
}

/* All Section Headings (Except Hero) use Clean Medium 500 Weight (Pixel-Matched to Design Direction) */
section:not(.hero-clean-section):not(.hero-banner):not(.hero) h2,
.our-prods-header h2,
.why-us-header h2,
.presentation-header h2,
.partners-header h2,
.editorial-main-title,
.seo-main-title,
.about-section h2,
.technology-section h2,
.faq-section h2,
.big-title {
  font-weight: 500 !important;
}

/* Ensure images fit nicely */
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* =======================================================
   HEADER: CLEAN SPANISH MEDICAL LUXURY (Matching Original Termosalud)
   ======================================================= */
header,
header.header,
.header {
  height: 84px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 0px !important;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.025) !important;
  margin: 0 !important;
  width: 100% !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 clamp(32px, 4vw, 56px) !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

.header-left-cta,
.header-left-nav,
.mobile-only-cta {
  display: none !important;
}

header .logo {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

header .logo img,
header .logo picture img {
  height: 28px !important;
  width: auto !important;
  display: block !important;
  filter: brightness(0) !important; /* Pure crisp charcoal matching original site */
  opacity: 0.9 !important;
  transition: opacity 0.2s ease !important;
}

header .logo:hover img {
  opacity: 1 !important;
}

.header-center {
  display: flex !important;
  align-items: center !important;
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
  transform: none !important;
  opacity: 1 !important;
}

.header-block-on-main ul {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 32px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-block-on-main ul li {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.header-block-on-main ul li a {
  display: flex !important;
  align-items: center !important;
  color: #54595f !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15.5px !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  transition: color 0.2s ease, opacity 0.2s ease !important;
  white-space: nowrap !important;
}

.header-block-on-main ul li a:hover {
  color: #18181b !important;
}

.mobile-menu-socials {
  display: none !important;
}

.header-right-actions {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  flex-shrink: 0 !important;
}

.header-tg-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #18181b !important;
  width: 32px !important;
  height: 32px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.header-tg-link svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: currentColor !important;
}

.header-tg-link:hover {
  color: #0088cc !important;
  transform: translateY(-1px) scale(1.08) !important;
}

.header-phone {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #54595f !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

.header-phone svg {
  width: 17px !important;
  height: 17px !important;
  stroke: #475569 !important;
}

.header-phone:hover {
  color: #18181b !important;
}

.header-btn {
  background: transparent !important;
  border: 1.5px solid #1e232e !important;
  color: #1e232e !important;
  border-radius: 0px !important;
  padding: 10px 22px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
}

.header-btn:hover {
  background: #1e232e !important;
  color: #ffffff !important;
}

.custom-burger-btn,
.header-left-nav,
.mobile-only-cta {
  display: none !important;
}

.gamburger {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  header,
  header.header,
  .header {
    padding: 0 16px !important;
  }
  .header-block-on-main ul {
    gap: 14px !important;
  }
  .header-block-on-main ul li a {
    font-size: 12px !important;
  }
  .header-right-actions {
    gap: 10px !important;
  }
  .header-phone {
    font-size: 11.5px !important;
  }
  .header-btn {
    padding: 6px 10px !important;
    font-size: 9.5px !important;
  }
}

/* =======================================================
   MOBILE HEADER: Burger Left, Logo Center, Presentation Right
   ======================================================= */
@media (max-width: 991px) {
  header,
  header.header,
  .header {
    height: 58px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    border-radius: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
  }

  /* 1. Left: Black Hamburger Menu Button */
  .header-left-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .custom-burger-btn {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 24px !important;
    height: 16px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 1001 !important;
    margin: 0 !important;
  }

  /* 2. Center-Left: Logo (Enlarged & Shifted Left) */
  header .logo,
  .header-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
  }

  header .logo img,
  header .logo picture img {
    height: 21px !important;
    max-height: 21px !important;
    width: auto !important;
  }

  /* 3. Right: Compact Presentation Button & Telegram */
  .header-right-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .desktop-only-phone,
  .desktop-only-cta,
  .header-mob,
  .header-phone {
    display: none !important;
  }

  .mobile-only-cta {
    display: inline-block !important;
  }

  .header-btn-compact {
    padding: 5px 10px !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.6px !important;
    height: 32px !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 1.2px solid #1e232e !important;
    color: #1e232e !important;
    border-radius: 0px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    width: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  .header-btn-compact:hover {
    background: #1e232e !important;
    color: #ffffff !important;
  }

  .header-tg-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #18181b !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  .header-tg-link svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: currentColor !important;
    transition: transform 0.2s ease !important;
  }

  .header-tg-link:hover {
    color: #0088cc !important;
    transform: translateY(-1px) scale(1.08) !important;
  }

  .header-tg-link:active {
    transform: translateY(0) scale(0.95) !important;
  }

  /* Black Burger Stripes (Zero Yellow) */
  .custom-burger-btn span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #18181b !important;
    border-radius: 0px !important;
    transition: all 0.25s ease !important;
  }

  .custom-burger-btn.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  .custom-burger-btn.active span:nth-child(2) {
    opacity: 0 !important;
  }

  .custom-burger-btn.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  .gamburger {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Mobile Drawer Menu with Telegram Inside */
  .header-center {
    position: fixed !important;
    top: 58px !important;
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12) !important;
    padding: 24px 20px 28px 20px !important;
    box-sizing: border-box !important;
    transform: translateY(-120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 20px !important;
    z-index: 999 !important;
    border-bottom: 1px solid #e4e4e7 !important;
  }

  .header-center.active {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .header-block-on-main ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-block-on-main ul li {
    margin: 0 !important;
  }

  .header-block-on-main ul li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #18181b !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: block !important;
  }

  .mobile-menu-socials {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding-top: 16px !important;
    border-top: 1px solid #e4e4e7 !important;
  }

  .mobile-menu-tg-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 44px !important;
    background: #18181b !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
  }

  .mobile-menu-phone {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    text-decoration: none !important;
  }
}

/* =======================================================
   HERO CLEAN SECTION (Screen 1)
   ======================================================= */
.hero-clean-section {
  position: relative !important;
  width: 100% !important;
  height: 90vh !important;
  min-height: 650px !important;
  max-height: 950px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #ffffff !important;
  margin: 0 !important;
  border: none !important;
}

.hero-clean-video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  z-index: 1 !important;
  pointer-events: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.hero-clean-container {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.hero-left-col {
  flex: 0 0 700px !important;
  max-width: 760px !important;
  text-align: left !important;
  z-index: 6 !important;
}

.hero-clean-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(48px, 4.8vw, 76px) !important;
  line-height: 1.02 !important;
  letter-spacing: -1.5px !important;
  margin: 0 !important;
}

.hero-clean-title .word-empower {
  position: relative !important;
  display: inline-block !important;
  white-space: nowrap !important;
  color: #54595f !important;
  font-weight: var(--s1-title-weight, 800) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  width: fit-content !important;
  padding: 0 4px !important;
  margin-bottom: 6px !important;
  z-index: 2 !important;
}

.hero-clean-title .word-empower::after {
  content: '' !important;
  position: absolute !important;
  bottom: -4px !important;
  left: -8px !important;
  right: -12px !important;
  height: 38% !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  z-index: -1 !important;
}

.hero-clean-title .word-beauty {
  color: #111111 !important;
  font-weight: var(--s1-title-weight, 900) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  display: block !important;
  white-space: nowrap !important;
}

.hero-clean-title .hero-subtext {
  margin-top: 14px !important;
}

.hero-clean-title .hero-subline {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(19px, 1.8vw, 24px) !important;
  font-weight: 700 !important;
  color: #54595f !important;
  line-height: 1.35 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  display: block !important;
  white-space: nowrap !important;
}

.hero-logo-wrap {
  margin-top: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.hero-termosalud-logo {
  height: clamp(42px, 3.9vw, 57px) !important;
  width: auto !important;
  max-width: 420px !important;
  display: block !important;
  filter: brightness(0) opacity(0.85) !important;
}

.hero-right-col {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 20px !important;
  position: relative !important;
  z-index: 6 !important;
}

.hero-product-slider {
  position: relative !important;
  width: 480px !important;
  height: 240px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.hero-product-slide {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-50%) translateX(25px) !important;
  transition: opacity 0.45s ease, transform 0.45s ease, visibility 0.45s ease !important;
  pointer-events: none !important;
}

.hero-product-slide.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) translateX(0) !important;
  pointer-events: auto !important;
}

.product-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
  text-align: left !important;
}

.product-name {
  font-family: var(--active-heading-font) !important;
  font-size: 32px !important;
  font-weight: var(--s1-title-weight, 900) !important;
  color: #111111 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.product-name span {
  font-size: 0.6em !important;
  font-weight: 700 !important;
  color: #54595f !important;
  display: block !important;
}

.product-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 22px !important;
  background-color: transparent !important;
  color: #1e232e !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border: 1px solid #1e232e !important;
  border-radius: 0px !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.product-btn svg {
  stroke: #1e232e !important;
  transition: transform 0.25s ease !important;
}

.product-btn:hover {
  background-color: #1e232e !important;
  border-color: #1e232e !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

.product-btn:hover svg {
  stroke: #ffffff !important;
  transform: translateX(4px) !important;
}

.product-image-wrap {
  width: 210px !important;
  height: 210px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #ffffff 40%, #edf4f7 100%) !important;
  border: 1.5px solid #dce7eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
  box-shadow: 0 12px 30px rgba(30, 35, 46, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  flex-shrink: 0 !important;
  transition: transform 0.4s ease !important;
  overflow: hidden !important;
}

.product-image-wrap a,
.product-image-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}

.hero-product-slide:hover .product-image-wrap {
  transform: scale(1.04) !important;
}

.product-image-wrap img {
  max-width: 86% !important;
  max-height: 86% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1)) !important;
}

.hero-slider-arrows {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
}

.slider-arrow {
  width: 32px !important;
  height: 32px !important;
  background: transparent !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(30, 35, 46, 0.25) !important;
  border-radius: 0px !important;
  color: #1e232e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.slider-arrow svg {
  stroke: #1e232e !important;
  transition: all 0.25s ease !important;
}

.slider-arrow.active,
.slider-arrow:hover {
  background: #1e232e !important;
  border-color: #1e232e !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.04) !important;
}

.slider-arrow.active svg,
.slider-arrow:hover svg {
  stroke: #ffffff !important;
}

.hero-slider-dots {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: center !important;
}

.slider-dot {
  width: 14px !important;
  height: 14px !important;
  border-radius: 0px !important;
  background: transparent !important;
  border: 1.5px solid #b6cbd2 !important;
  position: relative !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  padding: 0 !important;
}

.slider-dot.active {
  background: #1e232e !important;
  border-color: #1e232e !important;
  box-shadow: 0 2px 8px rgba(30, 35, 46, 0.45) !important;
}

.slider-dot.active::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  background: #ffffff;
  border-radius: 1px;
}

/* =======================================================
   SCREEN 2: PURE WHITE CLEAN VIDEO SHOWCASE (2screen.mp4)
   ======================================================= */
.our-prods-clean-video {
  position: relative !important;
  width: 100% !important;
  background: #ffffff !important;
  margin: 0 !important;
  padding: 8vh 70px 14vh 70px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
}

.our-prods-header {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 54px auto !important;
}

.our-prods-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 22px !important;
  background: #edf4f7 !important;
  border: 1px solid #b6cbd2 !important;
  color: var(--brand-blue) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-radius: 50px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 4px 15px rgba(30, 35, 46, 0.1) !important;
}

.our-prods-header h2 {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(32px, 4.2vw, 46px) !important;
  font-weight: 500 !important;
  color: var(--brand-navy) !important;
  margin: 0 0 18px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
}

.our-prods-header p {
  font-size: 16.5px !important;
  color: var(--brand-slate) !important;
  line-height: 1.6 !important;
  margin: 0 auto !important;
  max-width: 780px !important;
}

/* =======================================================
   SCREEN 2: FLAGSHIP ZIONIC SHOWCASE (Video Banner + Description + YouTube Live Demo)
   ======================================================= */
/* =======================================================
   SCREEN 2: FLAGSHIP APPARATUS SHOWCASE (MONOLITH GREY BLOCKS)
   ======================================================= */
.zionic-showcase-section {
  padding: 80px 0 90px 0 !important;
  background: #ffffff !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.zionic-section-header {
  max-width: 960px !important;
  margin: 0 auto 48px auto !important;
  padding: 0 20px !important;
  text-align: center !important;
}

.zionic-section-header h2 {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(36px, 3.8vw, 48px) !important;
  font-weight: 500 !important;
  color: #18181b !important;
  line-height: 1.2 !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: -0.5px !important;
}

.zionic-section-header p {
  font-size: 22px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  margin: 0 auto !important;
  max-width: 880px !important;
}

/* Monolith Grey Blocks: entire apparatus in #54595f block */
.apparatus-monolith-block {
  background: #54595f !important;
  padding-bottom: 120px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 992px) {
  .zionic-showcase-section {
    overflow: visible !important;
  }

  .apparatus-monolith-block.zionic-monolith {
    position: sticky !important;
    top: -280px !important;
    z-index: 2 !important;
    margin-bottom: 0 !important;
    padding-bottom: 145px !important;
  }

  .apparatus-monolith-block.linfopress-monolith {
    position: relative !important;
    z-index: 5 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 145px !important;
    box-shadow: 0 -30px 80px rgba(0, 0, 0, 0.45) !important;
  }

  .zionic-video-banner-fullwidth {
    height: clamp(380px, 44vh, 480px) !important;
    margin: 0 0 54px 0 !important;
  }
}

@media (max-width: 991px) {
  .apparatus-monolith-block {
    margin-bottom: 40px !important;
    padding-bottom: 50px !important;
  }
}

.apparatus-monolith-block:last-child {
  margin-bottom: 0 !important;
}

/* Full-Width 100% Video Banner inside Monolith */
.zionic-video-banner-fullwidth {
  position: relative !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: clamp(400px, 50vh, 560px) !important;
  margin: 0 0 64px 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  background: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.video-banner-media,
.video-banner-bg,
.video-banner-overlay {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.video-banner-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.video-banner-bg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.video-banner-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
  z-index: 2 !important;
}

.video-banner-content {
  position: relative !important;
  z-index: 3 !important;
  text-align: center !important;
  padding: 24px !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.video-banner-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.4vw, 60px) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9) !important;
}

/* Duo Container inside Monolith */
.zionic-duo-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.zionic-duo-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 36px !important;
  align-items: stretch !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.zionic-duo-container.duo-reverse {
  grid-template-columns: 1fr 1fr !important;
}

/* Left Column: Compact Luxury Dark Card (#1e232e for premium contrast inside the grey block) */
.zionic-compact-card {
  background: #1e232e !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0px !important;
  padding: 38px 34px !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

.zionic-compact-card .split-badge-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
}

.zionic-compact-card .split-badge,
.zionic-compact-card .split-tag {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

.zionic-compact-card .split-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(28px, 2.4vw, 34px) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.3px !important;
}

.zionic-compact-card .split-title span {
  font-size: 0.65em !important;
  font-weight: 700 !important;
  color: #d4d4d8 !important;
  margin-left: 8px !important;
}

.zionic-compact-card .split-bullets {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.zionic-compact-card .split-bullets li {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17.5px !important;
  color: #f1f5f9 !important;
  line-height: 1.45 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.zionic-compact-card .split-check {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 18px !important;
}

.zionic-compact-card .split-btn-group {
  display: flex !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: auto !important;
}

.zionic-compact-card .split-btn {
  flex: 1 !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  border-radius: 0px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border-width: 2px !important;
}

.zionic-compact-card .split-btn-ghost {
  background: #ffffff !important;
  color: #1e232e !important;
  border: 2px solid #ffffff !important;
}

.zionic-compact-card .split-btn-ghost:hover {
  background: #e4e4e7 !important;
  border-color: #e4e4e7 !important;
  color: #18181b !important;
}

.zionic-compact-card .split-btn-ghost-muted {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

.zionic-compact-card .split-btn-ghost-muted:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Right Column: Sleek YouTube Video Wrapper with Play-Only Facade (Equal Height Match) */
.zionic-youtube-compact-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 380px !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(24, 24, 27, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: #000000 !important;
  cursor: pointer !important;
}

/* Custom Expert Video Thumbnails */
.expert-video-thumb {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  background-color: #1a1e24 !important;
  background-size: cover !important;
  background-position: center !important;
}

.expert-video-thumb::before {
  display: none !important;
}

.expert-thumb-doctor {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 96% !important;
  width: auto !important;
  max-width: 50% !important;
  object-fit: cover !important;
  object-position: bottom left !important;
  z-index: 3 !important;
  filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.5)) !important;
}

.expert-thumb-info {
  position: absolute !important;
  right: 28px !important;
  bottom: 24px !important;
  top: auto !important;
  transform: none !important;
  z-index: 4 !important;
  text-align: right !important;
  max-width: 60% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

.expert-thumb-badge {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  padding: 5px 12px !important;
  border-radius: 0px !important;
}

.expert-thumb-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.4vw, 44px) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.12 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.5px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.95), 0 2px 6px rgba(0, 0, 0, 0.8) !important;
}

.expert-thumb-subtitle {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  margin: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}

.video-facade-cover {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s ease !important;
}

.video-facade-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.25) !important;
  transition: background 0.3s ease !important;
}

.video-facade-play {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 6 !important;
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  background: rgba(24, 24, 27, 0.88) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 2px solid rgba(255, 255, 255, 0.85) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.video-facade-play svg {
  margin-left: 3px !important;
}

.zionic-youtube-compact-wrapper:hover .video-facade-play {
  transform: translate(-50%, -50%) scale(1.12) !important;
  background: #ffffff !important;
  color: #18181b !important;
  border-color: #ffffff !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.6) !important;
}

.zionic-youtube-compact-wrapper:hover .video-facade-overlay {
  background: rgba(0, 0, 0, 0.1) !important;
}

.zionic-youtube-compact-wrapper iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  z-index: 10 !important;
}

/* =======================================================
   SCREEN 3: ARCHITECTURAL SWISS BENTO GRID (Unclipped Natural Flow & Generous Spacing)
   ======================================================= */
.why-us-bento-section {
  background: #ffffff !important;
  position: relative !important;
  margin: 0 !important;
  border: none !important;
  padding: 100px 0 140px 0 !important; /* Clean 100px top & 140px bottom spacing */
  z-index: 10 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

@media (min-width: 992px) {
  .why-us-bento-section {
    position: relative !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    padding: 110px 0 150px 0 !important;
    overflow: visible !important;
  }
}

.bento-container {
  max-width: 1360px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.why-us-header {
  text-align: center !important;
  max-width: 960px !important;
  margin: 0 auto 56px auto !important;
}

.why-us-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 20px !important;
  background: #edf4f7 !important;
  border: 1px solid #b6cbd2 !important;
  color: var(--brand-blue) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 15px rgba(30, 35, 46, 0.08) !important;
}

.why-us-header h2 {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(36px, 3.8vw, 48px) !important;
  font-weight: 500 !important;
  color: var(--brand-navy) !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
}

.why-us-header p {
  font-size: 22px !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  margin: 0 auto !important;
  max-width: 880px !important;
}

/* =======================================================
   SCREEN 3: 6-ROW INTERACTIVE BENEFITS DROPDOWN ACCORDION (1-Screen Experience)
   ======================================================= */
.why-us-bento-section {
  position: relative !important;
  padding: 90px 0 !important;
  background: #ffffff !important;
}

.swiss-bento-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Base Accordion Row Card - Immediate static presence (No AOS fade/blur) */
.bento-card {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  transform: none !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

.bento-card:hover {
  border-color: #18181b !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

.bento-card.is-open {
  border-color: #18181b !important;
  border-left: 4px solid #18181b !important;
  background: #fafbfc !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
  transform: none !important;
}

.bento-card-spotlight {
  display: none !important;
}

.bento-card-inner {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* Row Header / Toggle Bar */
.bento-top-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 28px !important;
  margin: 0 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: background 0.2s ease !important;
  box-sizing: border-box !important;
  gap: 16px !important;
}

.bento-card:hover .bento-top-meta {
  background: rgba(24, 24, 27, 0.015) !important;
}

.bento-meta-left {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.bento-icon-pod {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  border-radius: 0px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #18181b !important;
  transition: all 0.3s ease !important;
  flex-shrink: 0 !important;
}

.bento-card:hover .bento-icon-pod,
.bento-card.is-open .bento-icon-pod {
  background: #18181b !important;
  border-color: #18181b !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(24, 24, 27, 0.25) !important;
}

.bento-card:hover .bento-svg path,
.bento-card:hover .bento-svg rect,
.bento-card:hover .bento-svg circle,
.bento-card:hover .bento-svg ellipse,
.bento-card.is-open .bento-svg path,
.bento-card.is-open .bento-svg rect,
.bento-card.is-open .bento-svg circle,
.bento-card.is-open .bento-svg ellipse {
  stroke: #ffffff !important;
}

.bento-svg {
  width: 26px !important;
  height: 26px !important;
  display: block !important;
}

.bento-meta-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.bento-index {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  color: #54595f !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.bento-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

.bento-title {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.bento-meta-right {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.bento-pill-tag {
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 5px 14px !important;
  background: #f1f5f9 !important;
  color: #18181b !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

.bento-pill-tag.tag-safety {
  background: #f1f5f9 !important;
  color: #18181b !important;
}

.bento-pill-tag.tag-consumables {
  background: #059669 !important;
  color: #ffffff !important;
  border: 1px solid #047857 !important;
  font-weight: 900 !important;
  letter-spacing: 0.6px !important;
}

.bento-chevron {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 0px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e4e4e7 !important;
  color: #18181b !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  flex-shrink: 0 !important;
}

.bento-chevron svg {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.bento-card.is-open .bento-chevron {
  background: #18181b !important;
  border-color: #18181b !important;
  color: #ffffff !important;
}

.bento-card.is-open .bento-chevron svg {
  transform: rotate(180deg) !important;
}

/* Accordion Content Body */
.bento-body-collapse {
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 28px !important;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, padding 0.3s ease !important;
  box-sizing: border-box !important;
}

.bento-card.is-open .bento-body-collapse {
  max-height: 800px !important;
  opacity: 1 !important;
  padding: 16px 28px 28px 28px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.bento-collapse-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 36px !important;
  align-items: center !important;
  padding-top: 8px !important;
}

.bento-desc {
  font-size: 17px !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  margin: 0 0 20px 0 !important;
}

/* Feature Checkpoints */
.bento-feature-pills {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.bento-feature-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #54595f !important;
}

.bento-check {
  color: #059669 !important;
  font-weight: 900 !important;
  font-size: 17px !important;
}

/* ROI Stat Display (Row 1) */
.bento-roi-display {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 24px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

.roi-metric-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 14px !important;
  width: 100% !important;
}

.roi-big-number {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

.num-highlight {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 46px !important;
  font-weight: 900 !important;
  color: #18181b !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: -0.5px !important;
  display: inline-block !important;
}

.num-label {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #54595f !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}

.roi-subtext {
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #54595f !important;
  line-height: 1.4 !important;
}

.roi-graph-track {
  width: 100% !important;
  height: 8px !important;
  background: #f1f5f9 !important;
  position: relative !important;
  overflow: hidden !important;
}

.roi-graph-bar {
  width: 85% !important;
  height: 100% !important;
  background: #18181b !important;
}

.roi-graph-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #54595f !important;
}

.roi-badge-highlight {
  color: #18181b !important;
  background: #f1f5f9 !important;
  border: 1px solid #e4e4e7 !important;
  padding: 3px 8px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* Certificate Seals Grid (Row 2) */
.bento-cert-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
}

.cert-seal {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 12px 6px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.cert-seal:hover {
  border-color: #18181b !important;
  transform: translateY(-2px) !important;
}

.seal-code {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  color: #18181b !important;
}

.seal-name {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #54595f !important;
  text-transform: uppercase !important;
}

/* Big Stat Hero Box (Rows 3, 4, 5, 6) */
.bento-stat-hero-box {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 20px 22px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

.stat-big-highlight {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  color: #18181b !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.stat-highlight-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #54595f !important;
}

.stat-sub-highlight {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #54595f !important;
}

@media (max-width: 991px) {
  .why-us-bento-section {
    padding: 48px 0 !important;
  }
  .bento-container {
    padding: 0 16px !important;
  }
  .bento-collapse-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .bento-top-meta {
    padding: 16px 14px !important;
    gap: 10px !important;
  }
  .bento-meta-left {
    gap: 12px !important;
    min-width: 0 !important;
  }
  .bento-icon-pod {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
  .bento-meta-text {
    gap: 4px !important;
    min-width: 0 !important;
  }
  .bento-index {
    font-size: 12.5px !important;
    letter-spacing: 1px !important;
    font-weight: 800 !important;
  }
  .bento-title-row {
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }
  .bento-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }
  .bento-pill-tag {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    padding: 5px 12px !important;
    letter-spacing: 0.5px !important;
  }
  .bento-chevron {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
  .bento-card.is-open .bento-body-collapse {
    padding: 14px 16px 22px 16px !important;
  }
  .bento-desc {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;
    color: #54595f !important;
  }
  .bento-feature-item {
    font-size: 16px !important;
    line-height: 1.5 !important;
    gap: 10px !important;
  }
  .bento-roi-display {
    padding: 18px 16px !important;
    gap: 14px !important;
  }
  .num-highlight {
    font-size: 44px !important;
    font-weight: 900 !important;
  }
  .num-label {
    font-size: 15px !important;
    font-weight: 800 !important;
  }
  .roi-subtext {
    font-size: 14.5px !important;
    font-weight: 600 !important;
  }
  .bento-cert-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .cert-seal {
    padding: 14px 10px !important;
  }
  .seal-code {
    font-size: 16px !important;
    font-weight: 900 !important;
  }
  .seal-name {
    font-size: 12.5px !important;
    font-weight: 700 !important;
  }
  .bento-stat-hero-box {
    padding: 20px 16px !important;
  }
  .stat-big-highlight {
    font-size: 46px !important;
    font-weight: 900 !important;
  }
  .stat-highlight-label {
    font-size: 14.5px !important;
    font-weight: 700 !important;
  }
  .stat-sub-highlight {
    font-size: 13.5px !important;
  }
}

/* =======================================================
   SCREEN 4: APPLICATION PRESENTATION (2-Column Open Stage on Desktop)
   ======================================================= */
.application-presentation {
  padding: clamp(50px, 6vh, 80px) 0 clamp(60px, 7vh, 100px) 0 !important;
  background: #ffffff !important;
  position: relative !important;
  z-index: 50 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  border-top: none !important;
  width: 100% !important;
}

.presentation-header {
  text-align: center !important;
  max-width: 960px !important;
  margin: 0 auto 48px auto !important;
  padding: 0 20px !important;
}

.presentation-header h2 {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(36px, 3.8vw, 48px) !important;
  font-weight: 500 !important;
  color: var(--brand-navy) !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
}

.presentation-header p {
  font-size: 22px !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  margin: 0 auto !important;
  max-width: 880px !important;
}

/* 2-Column Presentation Grid */
.presentation-stage-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.1fr !important;
  gap: 44px !important;
  align-items: stretch !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
  box-sizing: border-box !important;
}

.presentation-visual-col {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Photo Frame: Fixed clean height so bullets below have plenty of space */
.presentation-photo-frame {
  position: relative !important;
  width: 100% !important;
  flex: none !important;
  height: 330px !important;
  min-height: 330px !important;
  overflow: hidden !important;
  background: #f4f4f5 !important;
}

.presentation-showcase-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25% !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.presentation-visual-col:hover .presentation-showcase-img {
  transform: scale(1.03) !important;
}

.presentation-photo-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(24, 24, 27, 0.08) 0%, rgba(24, 24, 27, 0.15) 100%) !important;
  pointer-events: none !important;
}

/* Floating Tag in Top Corner */
.presentation-floating-tag {
  position: absolute !important;
  top: 16px !important;
  bottom: auto !important;
  left: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  background: rgba(24, 24, 27, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

.presentation-floating-tag .live-pulse-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}

/* Trust Features: remaining spacious lower block */
.presentation-trust-features {
  padding: 32px 36px 36px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 20px !important;
  background: #ffffff !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

.trust-feature-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.trust-feature-item .trust-icon {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 0px !important;
  background: #1e232e !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.trust-feature-item strong {
  font-size: 17.5px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  display: block !important;
  margin-bottom: 4px !important;
}

.trust-feature-item span {
  font-size: 15.5px !important;
  color: #475569 !important;
  line-height: 1.5 !important;
  display: block !important;
}

.presentation-form-col {
  display: flex !important;
  flex-direction: column !important;
}

.presentation-form-card {
  scroll-margin-top: 85px !important;
  background: #f4f4f6 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0px !important;
  padding: 40px 44px 34px 44px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  justify-content: space-between !important;
}

.form-card-header {
  margin-bottom: 22px !important;
}

.form-card-title {
  font-family: var(--active-heading-font) !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  color: #1e232e !important;
  margin: 0 0 8px 0 !important;
  letter-spacing: -0.3px !important;
  line-height: 1.25 !important;
}

.form-card-subtitle {
  font-size: 16px !important;
  color: #475569 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.presentation-mobile-cta-wrap {
  display: none !important;
}

@media (min-width: 861px) {
  .presentation-form-col.desktop-only-form {
    display: flex !important;
  }
  .presentation-mobile-cta-wrap {
    display: none !important;
  }
}

@media (max-width: 860px) {
  .application-presentation .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }

  .presentation-header {
    padding: 0 20px !important;
    margin-bottom: 24px !important;
  }

  .presentation-stage-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .presentation-visual-col {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  .presentation-photo-frame {
    flex: none !important;
    width: 100% !important;
    height: clamp(240px, 58vw, 320px) !important;
    min-height: 240px !important;
    border-radius: 0 !important;
  }

  .presentation-showcase-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .presentation-trust-features {
    padding: 28px 20px 20px 20px !important;
    background: #ffffff !important;
    border: none !important;
    gap: 20px !important;
  }

  .trust-feature-item {
    gap: 14px !important;
  }

  .trust-feature-item strong {
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
  }

  .trust-feature-item span {
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #475569 !important;
  }

  .presentation-form-col.desktop-only-form {
    display: none !important;
  }

  .presentation-mobile-cta-wrap {
    display: flex !important;
    justify-content: center !important;
    padding: 16px 20px 28px 20px !important;
    background: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .living-stage-glass-btn {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 14px 20px 14px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 56px !important;
    height: auto !important;
    background: #0c121e !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    box-shadow: 0 12px 35px rgba(12, 18, 30, 0.25) !important;
  }

  .living-stage-glass-btn .pulse-spark {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    box-shadow: 0 0 10px #10b981, 0 0 20px rgba(16, 185, 129, 0.7) !important;
    animation: liveSparkPulse 2s infinite !important;
    flex-shrink: 0 !important;
    margin-left: 2px !important;
  }

  .btn-text-stacked {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 3px !important;
    flex: 1 1 auto !important;
  }

  .btn-line-1,
  .btn-line-2 {
    font-family: 'Montserrat', 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.8px !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .living-stage-glass-btn .btn-arrow {
    width: 20px !important;
    height: 20px !important;
    stroke: #ffffff !important;
    flex-shrink: 0 !important;
    margin-right: 2px !important;
  }

  .living-stage-glass-btn.pulse-attention {
    animation: pulseAttentionGlow 3s infinite !important;
  }
}

@keyframes liveSparkPulse {
  0%, 100% { transform: scale(1); opacity: 1; filter: drop-shadow(0 0 4px #10b981); }
  50% { transform: scale(1.25); opacity: 0.75; filter: drop-shadow(0 0 10px #10b981); }
}

@keyframes pulseAttentionGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4), 0 12px 35px rgba(12, 18, 30, 0.25);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(16, 185, 129, 0), 0 16px 45px rgba(12, 18, 30, 0.35);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0), 0 12px 35px rgba(12, 18, 30, 0.25);
  }
}

/* Lock background scrolling when modal is open without collapsing document height */
html.modal-open-lock,
body.modal-open-lock {
  overflow: hidden !important;
  touch-action: none !important;
}

/* =======================================================
   STATE-OF-THE-ART SPANISH LIQUID GLASS POP-UP MODAL
   ======================================================= */
.glass-popup-modal,
.popup.glass-popup-modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 100000 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  border-radius: 0px !important;
  background: transparent !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

.glass-popup-modal.is-active,
.glass-popup-modal.show,
.popup.glass-popup-modal.is-active,
.popup.glass-popup-modal.show {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.glass-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  background: rgba(14, 18, 25, 0.78) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: 0px !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  z-index: 1 !important;
  overscroll-behavior: contain !important;
  animation: modalFadeIn 0.3s ease !important;
}

@keyframes modalFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.glass-modal-card {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 540px !important;
  margin: auto !important;
  max-height: calc(100vh - 24px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 20px !important;
  padding: 24px 24px 20px 24px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
  box-sizing: border-box !important;
  scrollbar-width: thin !important;
  scrollbar-color: #d4d4d8 transparent !important;
  opacity: 1 !important;
}

.glass-modal-card::-webkit-scrollbar {
  width: 4px !important;
}
.glass-modal-card::-webkit-scrollbar-track {
  background: transparent !important;
}
.glass-modal-card::-webkit-scrollbar-thumb {
  background: #d4d4d8 !important;
  border-radius: 4px !important;
}

@keyframes modalGlassReveal {
  from {
    transform: scale(0.94) translateY(12px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

.glass-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 30px !important;
  height: 30px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  color: #18181b !important;
  z-index: 10 !important;
  padding: 0 !important;
}

.glass-modal-close:hover {
  background: #18181b !important;
  border-color: #18181b !important;
  color: #ffffff !important;
  transform: rotate(90deg) !important;
}

.glass-modal-header {
  margin-bottom: 8px !important;
  padding-right: 32px !important;
}

.glass-modal-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  color: #475569 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
}

.glass-modal-title {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  margin: 0 0 3px 0 !important;
  line-height: 1.2 !important;
}

.glass-modal-subtitle {
  font-size: 11.5px !important;
  color: #54595f !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.glass-modal-form,
.presentation-open-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Modal Format Switcher & Pills */
.format-switcher-wrap {
  margin-bottom: 16px !important;
}

.format-label,
.form-label-text {
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #475569 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

.format-switcher {
  display: flex !important;
  background: #f1f5f9 !important;
  border: 1px solid #e4e4e7 !important;
  padding: 4px !important;
  gap: 6px !important;
}

.format-tab-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 16px !important;
  background: transparent !important;
  border: none !important;
  color: #54595f !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  border-radius: 0px !important;
}

.format-tab-btn.active {
  background: #ffffff !important;
  color: #18181b !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

.device-selector-wrap {
  margin-bottom: 18px !important;
}

.device-pills-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}

.device-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 8px !important;
  background: #ffffff !important;
  border: 1px solid #d4d4d8 !important;
  border-radius: 0px !important;
  color: #475569 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  user-select: none !important;
  text-align: center !important;
}

.device-radio {
  display: none !important;
}

.device-pill-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

.dot-cyan { background-color: #0284c7 !important; }
.dot-emerald { background-color: #059669 !important; }
.dot-gold { background-color: #d97706 !important; }

.device-pill:hover,
.device-pill.active {
  background: #edf4f7 !important;
  border-color: #1e232e !important;
  color: #18181b !important;
}

.form-group-item {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 16px !important;
}

.input-with-icon {
  position: relative !important;
  width: 100% !important;
}

.input-icon {
  position: absolute !important;
  top: 50% !important;
  left: 14px !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  stroke: #a1a1aa !important;
  pointer-events: none !important;
  transition: stroke 0.25s ease !important;
}

.luxury-form-input {
  width: 100% !important;
  height: 52px !important;
  background: #ffffff !important;
  border: 1.5px solid #d4d4d8 !important;
  border-radius: 0px !important;
  padding: 0 16px 0 44px !important;
  color: #18181b !important;
  font-family: inherit !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

.luxury-form-input::placeholder {
  color: #a1a1aa !important;
  font-weight: 400 !important;
  font-size: 14.5px !important;
}

.luxury-form-input:focus {
  background: #ffffff !important;
  border-color: #1e232e !important;
  box-shadow: 0 0 0 2px rgba(30, 35, 46, 0.1) !important;
}

.messenger-pills-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}

.messenger-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 8px !important;
  background: #ffffff !important;
  border: 1px solid #d4d4d8 !important;
  border-radius: 0px !important;
  color: #475569 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  user-select: none !important;
}

.messenger-radio {
  display: none !important;
}

.pill-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

.dot-green { background-color: #25d366 !important; }
.dot-purple { background-color: #7360f2 !important; }
.dot-blue { background-color: #0088cc !important; }

.messenger-pill:hover,
.messenger-pill.active {
  background: #edf4f7 !important;
  border-color: #1e232e !important;
  color: #18181b !important;
}

.form-row-2col {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
  margin-bottom: 0 !important;
}

.form-row-2col .form-group-item {
  margin-bottom: 16px !important;
}

.modal-submit-btn,
.shimmer-submit-btn {
  position: relative !important;
  width: 100% !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #1e232e !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  overflow: hidden !important;
  margin-top: 8px !important;
  box-shadow: 0 6px 20px rgba(30, 35, 46, 0.2) !important;
  transition: all 0.25s ease !important;
}

.modal-submit-btn:hover,
.shimmer-submit-btn:hover {
  background: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px rgba(30, 35, 46, 0.3) !important;
}

.btn-arrow {
  transition: transform 0.25s ease !important;
}

.modal-submit-btn:hover .btn-arrow,
.shimmer-submit-btn:hover .btn-arrow {
  transform: translateX(4px) !important;
}

.form-trust-bullets {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 6px !important;
  padding-top: 2px !important;
  border-top: none !important;
}

.trust-bullet-item {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #54595f !important;
}

.bullet-check {
  color: #059669 !important;
  font-weight: 900 !important;
}



@media (max-width: 640px) {
  .glass-popup-modal {
    padding: 16px 12px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .glass-modal-card {
    width: 100% !important;
    max-width: 420px !important;
    padding: 22px 18px 18px 18px !important;
    border-radius: 20px !important;
    max-height: calc(100svh - 32px) !important;
    max-height: calc(100vh - 32px) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;
  }

  .glass-modal-close {
    top: 14px !important;
    right: 14px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
  }

  .glass-modal-header {
    margin-bottom: 12px !important;
    padding-right: 32px !important;
  }

  .glass-modal-badge {
    font-size: 9.5px !important;
    letter-spacing: 1px !important;
    margin-bottom: 4px !important;
  }

  .glass-modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
  }

  .glass-modal-subtitle {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    color: #54595f !important;
  }

  .glass-modal-card .format-switcher-wrap {
    margin-bottom: 12px !important;
  }

  .glass-modal-card .format-label,
  .glass-modal-card .form-label-text {
    font-size: 12px !important;
    letter-spacing: 0.4px !important;
    margin-bottom: 6px !important;
    color: #475569 !important;
  }

  .glass-modal-card .format-switcher {
    border-radius: 12px !important;
    padding: 4px !important;
    gap: 4px !important;
  }

  .glass-modal-card .format-tab-btn {
    padding: 8px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    gap: 6px !important;
  }

  .glass-modal-card .device-selector-wrap {
    margin-bottom: 14px !important;
  }

  .glass-modal-card .device-pills-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px !important;
  }

  .glass-modal-card .device-pill {
    padding: 8px 4px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: 1.5px solid #e4e4e7 !important;
    gap: 5px !important;
    line-height: 1.2 !important;
  }

  .glass-modal-card .form-group-item {
    margin-bottom: 11px !important;
  }

  .glass-modal-card .form-row-2col {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }

  .glass-modal-card .luxury-form-input {
    height: 44px !important;
    font-size: 13.5px !important;
    border-radius: 11px !important;
    border: 1.5px solid #e4e4e7 !important;
    background: #f4f4f5 !important;
    padding: 0 14px 0 42px !important;
  }

  .glass-modal-card .input-icon {
    left: 13px !important;
    width: 17px !important;
    height: 17px !important;
  }

  .glass-modal-card .messenger-pills-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
  }

  .glass-modal-card .messenger-pill {
    padding: 8px 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: 1.5px solid #e4e4e7 !important;
    gap: 5px !important;
  }

  .glass-modal-card .modal-submit-btn {
    height: 48px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    border-radius: 12px !important;
    margin-top: 4px !important;
  }

  .glass-modal-card .form-trust-bullets {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px 12px !important;
    margin-top: 10px !important;
  }

  .glass-modal-card .trust-bullet-item {
    font-size: 10.5px !important;
    color: #54595f !important;
    font-weight: 600 !important;
  }

  .glass-cta-hero-card {
    padding: 24px 16px !important;
  }
}
/* =======================================================
   SCREEN 5: PARTNERS CAROUSEL (Clean Cards & Infinite Motion)
   ======================================================= */
.partners {
  padding: 100px 0 110px 0 !important;
  background: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
}

.partners-header {
  text-align: center !important;
  max-width: 960px !important;
  margin: 0 auto 60px auto !important;
}

.partners-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 24px !important;
  background: #edf4f7 !important;
  border: 1px solid #b6cbd2 !important;
  color: var(--brand-blue) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 15px rgba(30, 35, 46, 0.08) !important;
}

.partners-header h2 {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(36px, 3.8vw, 48px) !important;
  font-weight: 500 !important;
  color: var(--brand-navy) !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
}

.partners-header p {
  font-size: 22px !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  margin: 0 auto !important;
  max-width: 880px !important;
}

.modern-partners-carousel-wrap {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 25px 0 !important;
  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%) !important;
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: pan-y !important;
}

.modern-partners-carousel-wrap.is-dragging {
  cursor: grabbing !important;
}

.modern-partners-carousel-wrap.is-dragging .modern-partner-card {
  pointer-events: none !important;
}

.partners-marquee-track {
  display: flex !important;
  gap: 32px !important;
  width: max-content !important;
  will-change: transform !important;
}

/* Sharp Square Luxury Partner Cards (0px radius) */
.modern-partner-card {
  flex: 0 0 380px !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

.modern-partner-card img {
  user-select: none !important;
  -webkit-user-drag: none !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  .modern-partners-carousel-wrap {
    padding: 16px 0 !important;
  }
  .partners-marquee-track {
    gap: 16px !important;
  }
  .modern-partner-card {
    flex: 0 0 280px !important;
  }
  .partner-card-img-wrap {
    height: 210px !important;
  }
}

/* Hover Lift & Sleek Edge Accent */
.modern-partner-card:hover {
  transform: translateY(-8px) !important;
  border-color: #1e232e !important;
  box-shadow: 0 20px 40px rgba(30, 35, 46, 0.18), 0 0 0 1px #1e232e !important;
}

.partner-card-img-wrap {
  position: relative !important;
  width: 100% !important;
  height: 280px !important;
  overflow: hidden !important;
  background: #18181b !important;
  border-radius: 0px !important;
}

/* Shimmer Light Glare Sweep on Card */
.partner-card-img-wrap::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 60% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent) !important;
  transform: skewX(-25deg) !important;
  transition: none !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

.modern-partner-card:hover .partner-card-img-wrap::after {
  left: 150% !important;
  transition: left 0.85s ease-in-out !important;
}

.partner-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0px !important;
  filter: contrast(1.03) brightness(1.01) !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
}

.modern-partner-card:hover .partner-img {
  transform: scale(1.07) !important;
  filter: contrast(1.08) brightness(1.05) !important;
}

.partner-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

/* Floating Top Badge with Live Pulsing Dot */
.partner-verified-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 14px !important;
  background: rgba(24, 24, 27, 0.82) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  align-self: flex-start !important;
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease !important;
  animation: partnerBadgeFloat 4s ease-in-out infinite alternate !important;
}

@keyframes partnerBadgeFloat {
  0% { transform: translateY(0px); }
  100% { transform: translateY(-3px); }
}

.partner-live-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
  display: inline-block !important;
  animation: partnerDotPulse 2s infinite ease-in-out !important;
}

@keyframes partnerDotPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

.modern-partner-card:hover .partner-verified-badge {
  background: rgba(30, 35, 46, 0.92) !important;
  border-color: #ffffff !important;
  transform: translateX(4px) !important;
}

/* Interactive Eye Action Tag */
.partner-action-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid #d4d4d8 !important;
  border-radius: 0px !important;
  color: #18181b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  align-self: flex-end !important;
  transform: translateY(8px);
  opacity: 0.85;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.partner-action-tag svg {
  color: #1e232e !important;
  transition: transform 0.3s ease !important;
}

.modern-partner-card:hover .partner-action-tag {
  transform: translateY(0px) !important;
  opacity: 1 !important;
  background: #1e232e !important;
  color: #ffffff !important;
  border-color: #1e232e !important;
}

.modern-partner-card:hover .partner-action-tag svg {
  color: #ffffff !important;
  transform: scale(1.15) !important;
}

/* Card Info Body */
.partner-card-info {
  padding: 22px 24px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.partner-title {
  font-family: var(--active-heading-font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  margin: 0 0 4px 0 !important;
}

.modern-partner-card:hover .partner-title {
  font-family: var(--active-heading-font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  margin: 0 0 4px 0 !important;
}

.partner-category {
  font-size: 15px !important;
  color: var(--brand-slate) !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

/* =======================================================
   SCREEN 6: SWISS EDITORIAL LUXURY SECTION (No Bulky Cards, Pure High-Fashion Flow)
   ======================================================= */
.seo_text {
  padding: 80px 0 !important;
  background: #ffffff !important;
  position: relative !important;
  visibility: visible !important;
  border-top: 1px solid #f1f5f9 !important;
}

.seo_text .container {
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 50px !important;
  box-sizing: border-box !important;
}

.editorial-grid-layout {
  display: grid !important;
  grid-template-columns: 1.05fr 1fr !important;
  gap: clamp(32px, 4.5vw, 64px) !important;
  align-items: start !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* Left Editorial Column */
.editorial-left-col {
  position: sticky !important;
  top: 90px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.seo-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  background: #f1f5f9 !important;
  border: 1px solid #d4d4d8 !important;
  border-radius: 0px !important;
  color: #1e232e !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin: 0 auto 18px auto !important;
}

.editorial-main-title {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(30px, 3.6vw, 44px) !important;
  font-weight: 500 !important;
  color: var(--brand-navy) !important;
  line-height: 1.15 !important;
  margin: 0 0 24px 0 !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
  width: 100% !important;
}

.editorial-quote-card {
  border-left: none !important;
  border-top: 2px solid #1e232e !important;
  border-bottom: 2px solid #1e232e !important;
  padding: 16px 20px !important;
  margin: 0 auto 28px auto !important;
  background: #f4f4f5 !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 600px !important;
  box-sizing: border-box !important;
}

.editorial-quote-card p {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  color: #54595f !important;
  margin: 0 0 6px 0 !important;
  font-style: italic !important;
  text-align: center !important;
}

.editorial-quote-author {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #54595f !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-align: center !important;
}

.editorial-stat-badges {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: clamp(24px, 4vw, 50px) !important;
  padding-top: 20px !important;
  border-top: 1px solid #e4e4e7 !important;
  width: 100% !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

.stat-badge-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 2px !important;
}

.stat-num {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  font-weight: 900 !important;
  color: #1e232e !important;
  line-height: 1 !important;
}

.stat-label {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #54595f !important;
  line-height: 1.35 !important;
}

/* Right Editorial Column */
.editorial-right-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.editorial-lead-p {
  font-size: clamp(14.5px, 1.1vw, 16.5px) !important;
  line-height: 1.75 !important;
  color: #18181b !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

.editorial-lead-p strong {
  font-weight: 800 !important;
  color: #18181b !important;
}

.editorial-pillars-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 8px 0 !important;
}

.editorial-pillar-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  transition: transform 0.25s ease !important;
}

.editorial-pillar-row:hover {
  transform: translateX(4px) !important;
}

.pillar-num {
  font-family: var(--active-heading-font) !important;
  font-size: clamp(16px, 1.4vw, 20px) !important;
  font-weight: 900 !important;
  color: #1e232e !important;
  line-height: 1.2 !important;
  min-width: 28px !important;
  flex-shrink: 0 !important;
}

/* =======================================================
   BLUR-IN SCROLL REVEAL ANIMATION
   ======================================================= */
.blur-reveal {
  opacity: 0;
  filter: blur(12px);
  transform: translateY(28px);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: opacity, filter, transform;
}

.blur-reveal.is-revealed {
  opacity: 1 !important;
  filter: blur(0px) !important;
  transform: translateY(0px) !important;
}

/* Modal and Popups */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(14, 18, 25, 0.8);
  backdrop-filter: blur(5px);
  z-index: 99999;
  display: none;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.popup.is-active,
.popup.show {
  display: flex !important;
  opacity: 1 !important;
}

.popup_wrap {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  max-width: 580px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 40px 30px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
  animation: modalScaleUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalScaleUp {
  from {
    transform: scale(0.92);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.popup_close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  background: #f0f0f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #333;
}

.popup_close:hover {
  background: #e0e0e0;
  transform: rotate(90deg);
}

/* Success Toast Notification */
.form-success-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #1e232e;
  color: #ffffff;
  padding: 18px 28px;
  border-radius: 12px;
  box-shadow: 0 15px 35px rgba(30, 35, 46, 0.35);
  z-index: 100001;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.form-success-toast.show {
  transform: translateY(0);
  opacity: 1;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 600px) {
  .form-success-toast {
    left: 16px !important;
    right: 16px !important;
    bottom: 20px !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Responsive adjustments */
@media (max-width: 991px) {
  header,
  header.header,
  .header {
    margin: 0 !important;
    padding: 0 20px !important;
  }

  .hero-clean-section {
    height: auto !important;
    min-height: 520px !important;
    padding: 60px 0 40px 0 !important;
  }

  .hero-clean-container {
    flex-direction: column !important;
    gap: 35px !important;
    text-align: center !important;
    padding: 0 20px !important;
  }

  .hero-left-col {
    text-align: center !important;
    max-width: 100% !important;
  }

  .hero-clean-subtitle {
    margin: 0 auto !important;
  }

  .hero-right-col {
    justify-content: center !important;
    width: 100% !important;
  }
}

.editorial-conclusion {
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .seo_text .container {
    padding: 0 50px !important;
    box-sizing: border-box !important;
  }

  .editorial-grid-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    text-align: center !important;
  }
  .editorial-left-col {
    position: static !important;
    text-align: center !important;
    align-items: center !important;
  }
  .editorial-main-title {
    text-align: center !important;
  }
  .editorial-quote-card {
    text-align: center !important;
    margin: 0 auto 24px auto !important;
  }
  .editorial-stat-badges {
    justify-content: center !important;
    text-align: center !important;
  }
  .editorial-lead-p {
    text-align: center !important;
  }
  .editorial-conclusion {
    text-align: center !important;
  }

  .hero-product-slide {
    justify-content: center !important;
  }

  .modern-split-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .card-visual-podium {
    height: 380px !important;
  }

  .card-device-img {
    max-height: 350px !important;
  }

  .modern-why-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .modern-why-card {
    padding: 36px 28px !important;
    min-height: auto !important;
  }

  .form-card-inner {
    padding: 32px 24px !important;
  }

  .form-row-2col {
    grid-template-columns: 1fr !important;
  }

  .presentation-grid-wrap {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 36px !important;
  }

  .presentation-media-card {
    order: -1 !important;
    height: 400px !important;
    min-height: 400px !important;
  }

  .media-image-container {
    height: 400px !important;
    min-height: 400px !important;
  }

  .floating-glass-card.bottom-left {
    max-width: 90% !important;
    bottom: 16px !important;
    left: 16px !important;
    padding: 12px 16px !important;
  }

  .modern-partner-card {
    flex: 0 0 280px !important;
  }

  .partner-card-img-wrap {
    height: 230px !important;
  }

  .seo-specs-grid {
    grid-template-columns: 1fr !important;
  }

  .seo-highlight-card {
    padding: 30px 24px !important;
  }

  .header-nav.active,
  .mobile-menu.active,
  .header-ul.active {
    display: flex !important;
    flex-direction: column;
  }
}

/* =======================================================
   MODERN LUXURY SPANISH FOOTER (Centered Logo + 2 Columns)
   ======================================================= */
.modern-luxury-footer,
footer.modern-luxury-footer,
footer {
  background: #54595f !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding: 56px 0 28px 0 !important;
  color: #f1f5f9 !important;
  position: relative !important;
  z-index: 10 !important;
  display: block !important;
  font-size: 13.5px !important;
}

.footer-container {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

/* 1. Top: Centered Logo Block */
.footer-brand-centered {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  padding-bottom: 32px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.footer-main-logo {
  display: inline-block !important;
  margin-bottom: 12px !important;
  transition: opacity 0.2s ease !important;
}

.footer-main-logo:hover {
  opacity: 0.85 !important;
}

.footer-main-logo img {
  height: 32px !important;
  width: auto !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

.footer-brand-sub {
  font-size: 14px !important;
  color: #e4e4e7 !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* 2. Middle: 2 Balanced Structured Columns */
.footer-two-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 50px !important;
  margin-bottom: 40px !important;
}

.footer-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.footer-col-title {
  font-family: var(--active-heading-font) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin: 0 0 18px 0 !important;
}

.footer-links-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.footer-links-list a {
  color: #ffffff !important;
  opacity: 0.9 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
  font-weight: 500 !important;
  display: inline-block !important;
}

.footer-links-list a:hover {
  color: #ffffff !important;
  opacity: 1 !important;
  transform: translateX(4px) !important;
}

.footer-contact-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.footer-contact-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #ffffff !important;
  opacity: 0.9 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
}

.footer-contact-item svg {
  width: 20px !important;
  height: 20px !important;
  color: #ffffff !important;
  opacity: 0.85 !important;
  flex-shrink: 0 !important;
}

.footer-contact-item:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}

.footer-contact-item:hover svg {
  opacity: 1 !important;
}

.footer-location-text {
  color: #f1f5f9 !important;
}

/* 3. Bottom: Fine Copyright Bar */
.footer-bottom-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  font-size: 14.5px !important;
  color: #e4e4e7 !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.footer-bottom-bar p {
  margin: 0 !important;
}

.footer-made-in {
  color: #d4d4d8 !important;
}

@media (max-width: 991px) {
  .modern-luxury-footer,
  footer.modern-luxury-footer,
  footer {
    padding: 48px 0 32px 0 !important;
  }
  .footer-container {
    padding: 0 20px !important;
  }
  .footer-brand-centered {
    align-items: flex-start !important;
    text-align: left !important;
    margin-bottom: 32px !important;
    padding-bottom: 24px !important;
  }
  .footer-brand-sub {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    text-align: left !important;
    letter-spacing: 0.5px !important;
  }
  .footer-two-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    margin-bottom: 32px !important;
  }
  .footer-col {
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
  }
  .footer-col-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    margin-bottom: 14px !important;
    letter-spacing: 1px !important;
  }
  .footer-links-list {
    gap: 12px !important;
    width: 100% !important;
  }
  .footer-links-list a {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .footer-contact-items {
    gap: 14px !important;
    width: 100% !important;
  }
  .footer-contact-item {
    font-size: 16px !important;
    gap: 12px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
  }
  .footer-contact-item svg {
    width: 18px !important;
    height: 18px !important;
  }
  .footer-bottom-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 8px !important;
    padding-top: 20px !important;
  }
  .footer-bottom-bar p {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    text-align: left !important;
  }
}



/* =======================================================
   UNIVERSAL PER-SCREEN HEADING TYPOGRAPHY CASCADE
   ======================================================= */


/* Global Screen 2 Light Silver-White Title Enforcement */
.split-title,
.split-title *,
.split-panel .split-title,
.split-panel h3,
.split-content .split-title,
.split-content h3 {
  color: #f1f5f9 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75) !important;
}

.split-title span {
  color: #d4d4d8 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75) !important;
}


/* =======================================================
   COMPREHENSIVE MOBILE & TABLET RESPONSIVE SYSTEM
   (Pixel-Perfect, Zero Horizontal Scroll, 360px - 768px)
   ======================================================= */

@media (max-width: 991px) {
  /* 0. Global Mobile Containment */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  .container,
  .bento-container,
  .seo_text .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  /* 1. Header & Global Badges */
  .site-header {
    padding: 10px 16px !important;
  }

  .seo-badge,
  .presentation-badge,
  .partners-badge {
    font-size: 10px !important;
    padding: 5px 14px !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
  }

  /* 2. Screen 1: Hero Section */
  .hero-clean-section {
    padding: clamp(24px, 4vh, 40px) 0 clamp(32px, 5vh, 50px) 0 !important;
    min-height: auto !important;
  }

  .hero-clean-title {
    font-size: clamp(34px, 9.5vw, 44px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 16px !important;
  }

  .hero-clean-desc {
    font-size: 17px !important;
    line-height: 1.6 !important;
    max-width: 100% !important;
    margin-bottom: 24px !important;
  }

  .hero-product-slider-wrapper {
    margin-top: 18px !important;
  }

  .hero-product-card {
    padding: 16px 14px !important;
    min-width: 260px !important;
  }

  /* 3. Screen 2: Interactive Split Showcase (Mobile Stack) */
  #our-products {
    padding: 48px 0 60px 0 !important;
  }

  /* 3. Screen 2: Flagship Zionic Showcase (Mobile Optimized) */
  .zionic-showcase-section {
    padding: 48px 0 60px 0 !important;
  }

  .zionic-section-header {
    margin-bottom: 28px !important;
    padding: 0 16px !important;
  }

  .zionic-section-badge {
    font-size: 11px !important;
    padding: 5px 12px !important;
    margin-bottom: 12px !important;
  }

  .zionic-section-header h2 {
    font-size: clamp(32px, 8.8vw, 40px) !important;
    margin-bottom: 14px !important;
    line-height: 1.18 !important;
  }

  .zionic-section-header {
    margin-bottom: 26px !important;
    padding: 0 16px !important;
    border: none !important;
    outline: none !important;
  }

  .zionic-section-header p {
    font-size: 16.5px !important;
    line-height: 1.6 !important;
  }

  .zionic-video-banner-fullwidth {
    height: clamp(260px, 42vw, 340px) !important;
    margin: 0 0 24px 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .video-banner-content {
    padding: 16px !important;
  }

  .video-banner-title {
    font-size: clamp(26px, 7.5vw, 38px) !important;
    line-height: 1.12 !important;
  }

  /* Mobile: Full Grey Seamless Section from banner to banner (#54595f) */
  .zionic-grey-wrapper {
    background: #54595f !important;
    padding: 32px 0 36px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
  }

  .zionic-grey-wrapper .container {
    padding: 0 16px !important;
  }

  .zionic-duo-container {
    grid-template-columns: 1fr !important;
    gap: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .zionic-duo-container.duo-reverse {
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
  }

  .zionic-duo-container.duo-reverse .zionic-compact-card {
    order: 1 !important;
  }

  .zionic-duo-container.duo-reverse .zionic-youtube-compact-wrapper {
    order: 2 !important;
  }

  .zionic-compact-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .zionic-compact-card .split-badge,
  .zionic-compact-card .split-tag {
    font-size: 11px !important;
    padding: 4px 10px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
  }

  .zionic-compact-card .split-title {
    font-size: clamp(26px, 7.5vw, 32px) !important;
    margin: 0 0 16px 0 !important;
  }

  .zionic-compact-card .split-bullets {
    gap: 14px !important;
    margin-bottom: 24px !important;
  }

  .zionic-compact-card .split-bullets li {
    font-size: 16px !important;
    color: #ffffff !important;
    line-height: 1.5 !important;
  }

  .zionic-compact-card .split-btn-group {
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 24px !important;
    margin-bottom: 28px !important;
  }

  .zionic-compact-card .split-btn {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    border-width: 2px !important;
  }

  .zionic-compact-card .split-btn-ghost {
    background: #ffffff !important;
    color: #1e232e !important;
    border: 2px solid #ffffff !important;
  }

  .zionic-compact-card .split-btn-ghost-muted {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
  }

  .zionic-youtube-compact-wrapper {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 56.25% !important;
    border-radius: 0px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
  }

  .video-facade-play {
    width: 48px !important;
    height: 48px !important;
  }

  .video-facade-play svg {
    width: 20px !important;
    height: 20px !important;
    margin-left: 2px !important;
  }

  .expert-thumb-info {
    right: 12px !important;
    bottom: 10px !important;
    max-width: 52% !important;
    gap: 4px !important;
    text-align: right !important;
  }

  .expert-thumb-badge {
    font-size: 10px !important;
    padding: 3px 7px !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 2px !important;
  }

  .expert-thumb-title {
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.3px !important;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.95), 0 1px 4px rgba(0, 0, 0, 0.8) !important;
  }

  .expert-thumb-subtitle {
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: #f1f5f9 !important;
    margin-top: 1px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important;
  }

  .linfo-video-banner-fullwidth {
    margin-top: 36px !important;
  }

  /* 4. Screen 3: Bento Grid (Single Column Stack) */
  .why-us-bento-section {
    padding: 48px 0 60px 0 !important;
  }

  .why-us-header h2 {
    font-size: clamp(32px, 8.8vw, 40px) !important;
    margin-bottom: 14px !important;
    line-height: 1.18 !important;
  }

  .why-us-header p {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .swiss-bento-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .bento-top-meta {
    padding: 16px 14px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .bento-meta-left {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .bento-icon-pod {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin-top: 2px !important;
    border-radius: 0px !important;
    flex-shrink: 0 !important;
  }

  .bento-svg {
    width: 20px !important;
    height: 20px !important;
  }

  .bento-meta-text {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .bento-index {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    color: #54595f !important;
    margin-bottom: 2px !important;
  }

  .bento-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin-top: 4px !important;
  }

  .bento-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    color: #18181b !important;
  }

  .bento-pill-tag {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    letter-spacing: 0.4px !important;
    border-radius: 0px !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
    border: 1px solid #d4d4d8 !important;
  }

  .bento-pill-tag.tag-consumables {
    background: #059669 !important;
    color: #ffffff !important;
    border: 1px solid #047857 !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
  }

  .bento-chevron {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
  }

  .bento-body-collapse {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .bento-card.is-open .bento-body-collapse {
    padding: 12px 14px 20px 14px !important;
  }

  .bento-desc {
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin-bottom: 16px !important;
    color: #54595f !important;
  }

  .bento-feature-pills {
    gap: 10px !important;
  }

  .bento-feature-item {
    font-size: 14.5px !important;
    line-height: 1.45 !important;
    gap: 10px !important;
  }

  .bento-check {
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  .bento-cert-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .cert-seal {
    padding: 14px 10px !important;
  }

  .seal-code {
    font-size: 17px !important;
    font-weight: 900 !important;
  }

  .seal-name {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .roi-big-number .num-highlight {
    font-size: 48px !important;
    font-weight: 900 !important;
  }

  .roi-big-number .num-label {
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  .roi-subtext {
    font-size: 15.5px !important;
    font-weight: 600 !important;
  }

  .roi-graph-meta {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  .roi-badge-highlight {
    font-size: 15.5px !important;
    font-weight: 900 !important;
    padding: 8px 16px !important;
    background: #18181b !important;
    color: #ffffff !important;
    border: 1px solid #18181b !important;
  }

  .stat-big-highlight {
    font-size: 48px !important;
    font-weight: 900 !important;
  }

  .stat-highlight-label {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  /* 5. Screen 4: Application Presentation & Form */
  .application-presentation {
    padding: 48px 0 60px 0 !important;
  }

  .presentation-header h2 {
    font-size: clamp(32px, 8.8vw, 40px) !important;
    margin-bottom: 14px !important;
    line-height: 1.18 !important;
  }

  .presentation-header p {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .presentation-floating-tag {
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 7px 14px !important;
  }

  .trust-feature-item strong {
    font-size: 16.5px !important;
    line-height: 1.35 !important;
  }

  .trust-feature-item span {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .trust-feature-item .trust-icon {
    width: 24px !important;
    height: 24px !important;
    font-size: 14px !important;
  }

  .application-presentation .format-label,
  .application-presentation .form-label-text {
    font-size: 13.5px !important;
    font-weight: 800 !important;
  }

  .application-presentation .format-tab-btn {
    font-size: 14px !important;
    padding: 10px 12px !important;
    font-weight: 700 !important;
  }

  .application-presentation .device-pills-row {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }

  .application-presentation .device-pill {
    padding: 10px 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .application-presentation .form-row-2col {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .application-presentation .luxury-form-input {
    height: 52px !important;
    font-size: 16.5px !important;
  }

  .application-presentation .messenger-pills-row {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }

  .application-presentation .messenger-pill {
    padding: 10px 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .application-presentation .shimmer-submit-btn,
  .application-presentation .modal-submit-btn {
    height: 54px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
  }

  .application-presentation .living-stage-glass-btn {
    min-height: 56px !important;
    height: auto !important;
  }

  /* 6. Screen 5: Partners */
  .partners {
    padding: 48px 0 60px 0 !important;
  }

  .partners-header h2 {
    font-size: clamp(32px, 8.8vw, 40px) !important;
    margin-bottom: 14px !important;
    line-height: 1.18 !important;
  }

  .partners-header p {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .partner-card-info {
    padding: 16px 14px !important;
  }

  .partner-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
  }

  .partner-category {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
  }

  .partner-verified-badge span {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .partner-action-tag span {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /* 7. Screen 6: Manifest & SEO */
  .seo_text {
    padding: 48px 0 60px 0 !important;
  }

  .editorial-main-title {
    font-size: clamp(30px, 8.5vw, 38px) !important;
    margin-bottom: 18px !important;
    line-height: 1.18 !important;
  }

  .editorial-quote-card {
    padding: 20px 18px !important;
    margin-bottom: 24px !important;
  }

  .editorial-quote-card p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    color: #18181b !important;
    margin-bottom: 10px !important;
  }

  .editorial-quote-author {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    color: #475569 !important;
  }

  .editorial-stat-badges {
    gap: 24px !important;
    margin-bottom: 28px !important;
  }

  .stat-badge-item .stat-num {
    font-size: 42px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  .stat-badge-item .stat-label {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #475569 !important;
  }

  .editorial-lead-p,
  .editorial-lead-text {
    font-size: 17px !important;
    line-height: 1.7 !important;
    font-weight: 500 !important;
    color: #54595f !important;
    margin-bottom: 28px !important;
  }

  .editorial-pillars-list {
    gap: 22px !important;
  }

  .editorial-pillar-row {
    gap: 16px !important;
    padding-bottom: 20px !important;
  }

  .pillar-num {
    font-size: 26px !important;
    font-weight: 900 !important;
  }

  .pillar-body h4 {
    font-size: 19px !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
  }

  .pillar-body p {
    font-size: 16.5px !important;
    line-height: 1.6 !important;
    color: #54595f !important;
  }

  .editorial-conclusion {
    font-size: 16.5px !important;
    line-height: 1.65 !important;
  }

  /* 8. Footer on Mobile */
  footer, .footer {
    padding: 48px 0 36px 0 !important;
  }

  footer h3, footer h4, .footer-title, .footer-col-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-bottom: 14px !important;
  }

  footer p, footer li, footer a, .footer-link, .footer-contact-item {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  footer .footer-bottom, .copyright {
    font-size: 14px !important;
  }
}


/* ========================================================
   MOBILE-FIRST HERO CENTERING & MOBILE SCREEN 2 SHOWCASE
   ======================================================== */

.mobile-only-showcase {
  display: none !important;
}

.mobile-device-showcase {
  width: 100% !important;
  background: transparent !important;
}

.mobile-device-panel {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  background: #0f131a !important;
}

.mobile-video-wrap {
  position: relative !important;
  width: 100% !important;
  height: 58vh !important;
  min-height: 400px !important;
  max-height: 550px !important;
  overflow: hidden !important;
  border-radius: 0px !important;
  background: #000000 !important;
}

.mobile-vertical-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0px !important;
}

.mobile-device-card {
  position: relative !important;
  width: 100% !important;
  padding: 24px 20px 28px 20px !important;
  box-sizing: border-box !important;
  z-index: 5 !important;
  background: #0f131a !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0px !important;
}

@media (min-width: 769px) {
  .desktop-only-split {
    display: flex !important;
  }
  .mobile-only-showcase {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .desktop-only-split {
    display: none !important;
  }
  .mobile-only-showcase {
    display: block !important;
  }

  /* 1. SCREEN 1: Hero Centered Layout */
  .hero-clean-section {
    position: relative !important;
    width: 100% !important;
    height: calc(100svh - 58px) !important;
    height: calc(100dvh - 58px) !important;
    min-height: 520px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .hero-clean-container {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    height: auto !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  /* Block 1: Typography */
  .hero-left-col {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  .hero-clean-title {
    align-items: center !important;
    text-align: center !important;
    font-size: clamp(52px, 14vw, 70px) !important;
    line-height: 0.98 !important;
    letter-spacing: -1.6px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .hero-clean-title .word-empower {
    position: relative !important;
    display: inline-block !important;
    font-size: inherit !important;
    line-height: 1.0 !important;
    padding: 0 6px !important;
    margin-bottom: 4px !important;
    color: #54595f !important;
    letter-spacing: inherit !important;
    z-index: 2 !important;
  }

  .hero-clean-title .word-empower::after {
    content: '' !important;
    position: absolute !important;
    bottom: 9px !important;
    left: -6px !important;
    right: -8px !important;
    height: 22px !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    z-index: -1 !important;
  }

  .hero-clean-title .word-beauty {
    font-size: inherit !important;
    line-height: 1.0 !important;
    color: #111111 !important;
    white-space: nowrap !important;
    display: block !important;
  }

  .hero-clean-title .hero-subtext {
    align-items: center !important;
    text-align: center !important;
    margin-top: 14px !important;
  }

  .hero-clean-title .hero-subline {
    font-size: clamp(14px, 3.8vw, 17px) !important;
    font-weight: 700 !important;
    color: #54595f !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    max-width: 360px !important;
    line-height: 1.35 !important;
  }

  .hero-logo-wrap {
    margin-top: 18px !important;
    justify-content: center !important;
  }

  .hero-termosalud-logo {
    height: 36px !important;
    max-width: 310px !important;
  }

  /* Block 2: Bottom Interactive Device Card - Hidden on Mobile */
  .hero-right-col {
    display: none !important;
  }

  .hero-product-slider {
    position: relative !important;
    width: 100% !important;
    height: 94px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .hero-product-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(4px) !important;
    transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s !important;
  }

  .hero-product-slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  .product-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: left !important;
    z-index: 2 !important;
    flex: 1 1 auto !important;
  }

  .product-name {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #18181b !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    letter-spacing: 0.3px !important;
  }

  .product-name span {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    margin-top: 3px !important;
  }

  .product-btn {
    padding: 8px 16px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    background: #18181b !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(24, 24, 27, 0.18) !important;
  }

  .product-image-wrap {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at center, #ffffff 40%, rgba(225, 238, 248, 0.85) 100%) !important;
    box-shadow: 0 4px 14px rgba(24, 24, 27, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin-right: 32px !important;
  }

  .product-image-wrap img {
    width: 78% !important;
    height: 78% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.1)) !important;
  }

  .hero-slider-arrows {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    z-index: 10 !important;
  }

  .slider-arrow {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #f4f4f5 !important;
    border: 1px solid rgba(24, 24, 27, 0.1) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #18181b !important;
  }

  .slider-arrow.active {
    background: #18181b !important;
    color: #ffffff !important;
    border-color: #18181b !important;
  }

}

/* =======================================================
   MINIMALIST SCROLL TO TOP BUTTON (Sharp Monochrome Aesthetic)
   ======================================================= */
.scroll-to-top {
  position: fixed !important;
  bottom: 24px !important;
  right: 20px !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(84, 89, 95, 0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(12px) !important;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0.3s ease,
              background 0.2s ease,
              border-color 0.2s ease !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.scroll-to-top.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0px) !important;
}

.scroll-to-top:hover {
  background: #3f4348 !important;
  border-color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

.scroll-to-top svg {
  display: block !important;
  stroke: #ffffff !important;
  transition: transform 0.2s ease !important;
}

.scroll-to-top:hover svg {
  transform: translateY(-2px) !important;
}

@media (max-width: 767px) {
  .scroll-to-top {
    bottom: 20px !important;
    right: 16px !important;
    width: 36px !important;
    height: 36px !important;
  }
}

/* =======================================================
   SMALL SMARTPHONES RESILIENCE (<375px: iPhone SE, Galaxy Fold)
   ======================================================= */
@media (max-width: 374px) {
  header,
  header.header,
  .header {
    padding: 0 10px !important;
    height: 52px !important;
  }

  header .logo,
  .header-logo {
    margin: 0 0 0 8px !important;
  }

  header .logo img,
  header .logo picture img {
    height: 18px !important;
    max-height: 18px !important;
  }

  .header-btn-compact {
    padding: 4px 7px !important;
    font-size: 9.5px !important;
    height: 28px !important;
    min-height: 28px !important;
  }

  .hero-clean-title {
    font-size: clamp(28px, 8vw, 34px) !important;
  }

  .hero-clean-subtitle {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .video-banner-title {
    font-size: clamp(20px, 7vw, 28px) !important;
  }

  .zionic-compact-card .split-title {
    font-size: clamp(20px, 6.5vw, 26px) !important;
  }

  .zionic-compact-card .split-btn {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 12.5px !important;
  }

  .why-us-header h2,
  .presentation-header h2,
  .partners-header h2 {
    font-size: clamp(26px, 7.5vw, 32px) !important;
  }
}

/* ==========================================================================
   ZIONIC OFFICIAL CLONED & ADAPTED PAGE STYLES (TERMOSALUD SPAIN AESTHETIC)
   ========================================================================== */

.zionic-main-page-wrapper {
  position: relative;
  width: 100%;
  overflow-x: clip;
  overflow-y: visible;
  background: #ffffff;
}

/* 1. HERO BANNER */
.zionic-official-hero {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 72px);
  min-height: calc(100dvh - 72px);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 60px 0;
  box-sizing: border-box;
}

.zionic-hero-bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.zionic-hero-bg-img,
.zionic-hero-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.zionic-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2;
  pointer-events: none;
}

.zionic-hero-container {
  position: relative;
  z-index: 3;
}

.zionic-hero-content {
  max-width: 640px;
  margin-left: clamp(24px, 5vw, 72px);
}

.zionic-hero-logo-wrap {
  margin-bottom: 20px;
}

.zionic-official-logo {
  height: clamp(56px, 5.2vw, 76px);
  width: auto;
  max-width: 300px;
  display: block;
}

.zionic-hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(48px, 4.8vw, 76px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -1.5px !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.zionic-hero-title .zionic-word-top {
  display: block !important;
  white-space: nowrap !important;
  color: #111111 !important;
  font-weight: 900 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  width: fit-content !important;
  padding: 0 !important;
  margin-bottom: 6px !important;
}

.zionic-hero-title .zionic-word-top::after {
  display: none !important;
}

.zionic-hero-title .zionic-word-bottom {
  color: #111111 !important;
  font-weight: 900 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  display: block !important;
  white-space: nowrap !important;
}

.zionic-hero-desc {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(18px, 1.8vw, 23px) !important;
  font-weight: 700 !important;
  color: #54595f !important;
  line-height: 1.35 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  margin: 16px 0 28px 0 !important;
  max-width: 620px !important;
  text-shadow: none !important;
}

.zionic-hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.zionic-primary-btn {
  height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  background: #18181b;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 25px rgba(24, 24, 27, 0.2);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.zionic-primary-btn:hover {
  background: #54595f;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(24, 24, 27, 0.28);
}

.zionic-secondary-btn {
  height: 52px;
  padding: 0 24px;
  border-radius: 0px !important;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(24, 24, 27, 0.15);
  color: #18181b;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.zionic-secondary-btn:hover {
  background: #ffffff;
  border-color: #18181b;
  transform: translateY(-2px);
}

/* ==========================================================================
   2. UNIFIED GLOBAL SECTION HEADERS ARCHITECTURE
   ========================================================================== */
.zionic-section-header,
.zionic-pillars-intro-box,
.zionic-mobile-tech-header,
.accuracy-header-box,
.zionic-unified-header,
.knowledge-header,
.presentation-header,
.zionic-presentation-stage .presentation-header {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 52px auto !important;
  padding: 0 16px !important;
  display: block !important;
}

.section-kicker,
.tech-mobile-kicker,
.unified-kicker,
.zionic-pillars-intro-box .section-kicker {
  display: block !important;
  text-align: center !important;
  margin: 0 auto 12px auto !important;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #54595f !important;
}

.section-kicker.kicker-light {
  color: #a1a1aa !important;
}

.zionic-section-header h2,
.zionic-pillars-headline,
.tech-mobile-title,
.zionic-unified-section-title,
.accuracy-title,
.unified-title,
.presentation-header h2,
.zionic-presentation-stage .presentation-header h2 {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 0 auto 16px auto !important;
  max-width: 860px !important;
  white-space: normal !important;
}

.accuracy-title {
  color: #ffffff !important;
}

.section-subtitle,
.zionic-pillars-desc,
.accuracy-desc,
.unified-subtitle,
.presentation-header p,
.zionic-presentation-stage .presentation-header p {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: clamp(15.5px, 1.25vw, 17.5px) !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 740px !important;
}

.accuracy-desc {
  color: #e4e4e7 !important;
}

/* 3. PILLARS SPLIT SECTION (WITH 3D MANIPULA SCROLL ZOOM & AIRY MINIMALISM) */
.zionic-pillars-section {
  padding: 90px 0 100px 0;
  background: #f4f4f5;
  overflow: hidden;
  position: relative;
}

.zionic-pillars-split-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: center;
}

.zionic-pillars-info-col {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
}

.zionic-pillars-intro-box {
  text-align: center !important;
  margin-bottom: 28px !important;
}

.zionic-minimal-pillars-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 34px;
}

.pillar-min-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 14px 0;
  border-bottom: 1px solid #edf2f7;
  transition: transform 0.25s ease;
}

.pillar-min-item:last-child {
  border-bottom: none;
}

.pillar-min-item:hover {
  transform: translateX(4px);
}

.pillar-min-bullet {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: var(--type-small-size, 13px);
  font-weight: var(--type-small-weight, 900);
  letter-spacing: var(--type-small-spacing, 0.5px);
  color: #18181b;
  background: #f1f5f9;
  padding: 5px 12px;
  border-left: 2px solid #18181b;
  flex-shrink: 0;
  margin-top: 2px;
}

.pillar-min-body {
  flex-grow: 1;
}

.pillar-min-title {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: var(--type-h3-size, 19px);
  font-weight: var(--type-h3-weight, 800);
  line-height: var(--type-h3-lh, 1.25);
  color: #18181b;
  margin: 0 0 6px 0;
  letter-spacing: -0.3px;
}

.pillar-min-text {
  font-size: var(--type-body-size, 15.5px);
  line-height: var(--type-body-lh, 1.65);
  color: var(--type-body-color, #54595f);
  margin: 0;
}

.zionic-pillars-cta-wrap {
  display: flex;
  justify-content: flex-start;
  margin-top: 6px;
}

.zionic-sharp-contact-btn {
  height: 52px;
  padding: 0 36px;
  border-radius: 0px !important;
  background: #18181b;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.8px;
  border: 1.5px solid #18181b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
  width: fit-content;
}

.zionic-sharp-contact-btn:hover {
  background: transparent;
  color: #18181b;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(24, 24, 27, 0.12);
}

.zionic-pillars-image-col {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.zionic-manipula-showcase-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.zionic-manipula-zoom-img {
  width: 100%;
  max-width: 680px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.14));
  transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}

@media (max-width: 991px) {
  .zionic-pillars-split-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .zionic-pillars-info-col {
    max-width: 100%;
    margin-left: 0 !important;
  }
  .zionic-pillars-headline {
    white-space: normal !important;
  }
  .zionic-pillars-image-col {
    order: -1;
  }
  .zionic-manipula-zoom-img {
    max-width: 360px;
  }
  .zionic-sharp-contact-btn {
    width: 100%;
    justify-content: center;
  }
}

/* CURTAIN SLIDE STAGE (INFOGRAPHIC -> MANIPULA) */
.zionic-curtain-stage {
  position: relative;
  width: 100%;
}

/* 4. FULL-WIDTH TECHNICAL INFOGRAPHIC SECTION (STICKY CURTAIN SLIDE) */
.zionic-fullwidth-infographic-section {
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

@media (min-width: 992px) {
  .zionic-fullwidth-infographic-section {
    position: relative !important;
    top: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }
}

.zionic-infographic-fullwidth-container {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 20px 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.zionic-infographic-fullwidth-img {
  width: 100%;
  max-width: 100vw;
  height: auto;
  max-height: 96vh;
  object-fit: contain;
  display: block;
  margin: 0 auto !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .zionic-fullwidth-infographic-section {
    min-height: auto;
    padding: 30px 0 !important;
  }
  .zionic-infographic-fullwidth-container {
    min-height: auto;
    padding: 0 !important;
  }
  .zionic-infographic-fullwidth-img {
    max-height: none;
  }
}

/* 5. MANIPULA DEEP ACTION SECTION (SLIDES OVER INFOGRAPHIC LIKE A CURTAIN) */
.zionic-manipula-section {
  position: relative !important;
  z-index: 2 !important;
  padding: 140px 0 150px 0 !important;
  background: #f4f4f5;
  overflow: hidden;
  box-shadow: 0 -25px 60px rgba(24, 24, 27, 0.08) !important;
}

.zionic-manipula-split-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-top: 48px;
  margin-bottom: 20px;
}

.zionic-manipula-media-col {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.manipula-photo-frame {
  width: 100%;
  border-radius: 0px !important;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(24, 24, 27, 0.08);
  border: 1px solid #e4e4e7;
  background: #ffffff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.manipula-photo-frame:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 60px rgba(24, 24, 27, 0.12);
}

.manipula-full-photo {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.zionic-manipula-specs-col {
  width: 100%;
}

.manipula-swiss-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.manipula-swiss-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid #e4e4e7;
  transition: transform 0.25s ease;
}

.manipula-swiss-item:last-child {
  border-bottom: none;
}

.manipula-swiss-item:hover {
  transform: translateX(5px);
}

.swiss-item-bullet {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: var(--type-small-size, 13px);
  font-weight: var(--type-small-weight, 900);
  letter-spacing: var(--type-small-spacing, 0.5px);
  color: #18181b;
  background: #ffffff;
  padding: 6px 14px;
  border: 1px solid #e4e4e7;
  border-left: 3px solid #18181b;
  flex-shrink: 0;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.swiss-item-content {
  flex-grow: 1;
}

.swiss-item-title {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: var(--type-h3-size, 19px);
  font-weight: var(--type-h3-weight, 800);
  line-height: var(--type-h3-lh, 1.25);
  color: #18181b;
  margin: 0 0 6px 0;
  letter-spacing: -0.3px;
}

.swiss-item-desc {
  font-size: var(--type-body-size, 15.5px);
  line-height: var(--type-body-lh, 1.65);
  color: var(--type-body-color, #54595f);
  margin: 0;
}

@media (max-width: 991px) {
  .zionic-manipula-section {
    padding: 90px 0 100px 0 !important;
  }
  .zionic-manipula-split-layout {
    grid-template-columns: 1fr;
    gap: 36px;
    margin-top: 32px;
  }
}

/* SECOND CURTAIN SLIDE STAGE (ACCURACY -> TREATMENTS) */
.zionic-curtain-stage-2 {
  position: relative;
  width: 100%;
}

/* 6. ACCURACY & VIDEO CINEMATIC SPLIT SHOWCASE (STANDARDIZED MONOLITH GREY #54595f) */
.zionic-accuracy-section {
  padding: 110px 0 !important;
  background: #54595f !important;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .zionic-accuracy-section {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    z-index: 1 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 40px 0 !important;
  }
}

.accuracy-cinematic-split {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: clamp(40px, 5.5vw, 80px);
  align-items: center;
  position: relative;
  z-index: 2;
}

.accuracy-info-col {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.accuracy-title {
  font-family: var(--type-font-family), 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.4vw, 46px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -1.2px !important;
  color: #ffffff !important;
  margin: 0 0 20px 0 !important;
  text-transform: uppercase;
}

.accuracy-desc {
  font-size: var(--type-lead-size, 20px);
  line-height: 1.65;
  color: #f1f5f9;
  margin: 0 0 32px 0;
}

.accuracy-highlights-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 36px;
}

.accuracy-highlight-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0px !important;
  transition: all 0.25s ease;
}

.accuracy-highlight-item:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateX(4px);
}

.accuracy-hl-bullet {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: #54595f;
  background: #ffffff;
  padding: 4px 10px;
  border-radius: 0px !important;
  flex-shrink: 0;
  margin-top: 2px;
}

.accuracy-hl-text h4 {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 4px 0;
}

.accuracy-hl-text p {
  font-size: 14.5px;
  line-height: 1.55;
  color: #e4e4e7;
  margin: 0;
}

.zionic-btn-light {
  background: #ffffff !important;
  color: #1e232e !important;
  border: 1.5px solid #ffffff !important;
  border-radius: 0px !important;
}

.zionic-btn-light:hover {
  background: #1e232e !important;
  color: #ffffff !important;
  border-color: #1e232e !important;
}

.accuracy-video-col {
  width: 100%;
}

.accuracy-cinema-player-box {
  width: 100%;
  position: relative;
  border-radius: 0px !important;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.accuracy-cinema-player-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.accuracy-video-thumb {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.accuracy-play-pulse-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.play-pulse-core {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(24, 24, 27, 0.85);
  backdrop-filter: blur(12px);
  border: 2px solid #ffffff;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease;
  z-index: 2;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.play-pulse-ring {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  animation: playPulseAnim 2s infinite ease-out;
}

@keyframes playPulseAnim {
  0% { transform: scale(0.9); opacity: 0.8; }
  100% { transform: scale(1.4); opacity: 0; }
}

.accuracy-cinema-player-box:hover .play-pulse-core {
  transform: scale(1.12);
  background: #ffffff;
  color: #18181b;
}

.accuracy-video-bottom-bar {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(24, 24, 27, 0.75);
  backdrop-filter: blur(10px);
  padding: 10px 16px;
  border-radius: 0px !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.video-live-pill {
  background: #ef4444;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.8px;
  padding: 3px 8px;
  border-radius: 0px !important;
  text-transform: uppercase;
}

.video-caption-text {
  font-size: 13px;
  color: #ffffff;
  font-weight: 600;
}

@media (max-width: 991px) {
  .zionic-accuracy-section {
    padding: 70px 0;
  }
  .accuracy-cinematic-split {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.video-thumb {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.video-preview-wrapper:hover .video-thumb {
  transform: scale(1.02);
}

.play-overlay-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #ffffff;
  color: #18181b;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.video-preview-wrapper:hover .play-overlay-btn {
  transform: translate(-50%, -50%) scale(1.1);
  background: #f4f4f5;
}

.video-duration-tag {
  position: absolute;
  bottom: 14px;
  left: 14px;
  background: rgba(24, 24, 27, 0.8);
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  backdrop-filter: blur(6px);
}

/* 7. TREATMENTS PROTOCOLS (SWISS MINIMALIST SPLIT ON WHITE) */
.zionic-treatments-section {
  position: relative !important;
  z-index: 2 !important;
  padding: 120px 0 130px 0 !important;
  background: #ffffff !important;
  overflow: hidden;
  box-shadow: 0 -25px 60px rgba(24, 24, 27, 0.08) !important;
}

.treatments-swiss-layout {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(36px, 5vw, 70px);
  align-items: center;
  margin-top: 48px;
}

.treatments-media-col {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.treatments-clean-circle-img {
  width: 100%;
  max-width: 650px;
  height: auto;
  display: block;
  margin: 0 auto;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.treatments-list-col {
  width: 100%;
}

.treatments-swiss-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.treatment-swiss-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid #e4e4e7;
  transition: transform 0.25s ease;
}

.treatment-swiss-item:last-child {
  border-bottom: none;
}

.treatment-swiss-item:hover {
  transform: translateX(5px);
}

.treatment-swiss-item .swiss-item-bullet {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: var(--type-small-size, 13px);
  font-weight: var(--type-small-weight, 900);
  letter-spacing: var(--type-small-spacing, 0.5px);
  color: #18181b;
  background: #ffffff;
  padding: 6px 14px;
  border: 1px solid #e4e4e7;
  border-left: 3px solid #18181b;
  flex-shrink: 0;
  margin-top: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.treatment-swiss-item .swiss-item-content {
  flex-grow: 1;
}

.treatment-swiss-item .swiss-item-title {
  font-family: var(--type-font-family), 'Montserrat', sans-serif;
  font-size: var(--type-h3-size, 19px);
  font-weight: var(--type-h3-weight, 800);
  line-height: var(--type-h3-lh, 1.25);
  color: #18181b;
  margin: 0 0 6px 0;
  letter-spacing: -0.3px;
}

.treatment-swiss-item .swiss-item-desc {
  font-size: var(--type-body-size, 15.5px);
  line-height: var(--type-body-lh, 1.65);
  color: var(--type-body-color, #54595f);
  margin: 0;
}

@media (max-width: 991px) {
  .zionic-treatments-section {
    padding: 80px 0 90px 0 !important;
  }
  .treatments-swiss-layout {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 32px;
  }
  .treatments-clean-circle-img {
    max-width: 380px;
  }
}

/* 8. TESTIMONIALS */
.zionic-testimonials-section {
  padding: 100px 0;
  background: #ffffff;
}

.testimonials-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.kol-card {
  background: #f4f4f5;
  padding: 38px;
  border-radius: 24px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  position: relative;
  display: flex;
  flex-direction: column;
}

.kol-avatar-wrap {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
  border: 3px solid #ffffff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.kol-avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.kol-quote-icon {
  font-size: 42px;
  line-height: 1;
  font-family: Georgia, serif;
  color: #d4d4d8;
  margin-bottom: 6px;
}

.kol-text {
  font-size: 15.5px;
  line-height: 1.65;
  color: #54595f;
  font-style: italic;
  margin: 0 0 24px 0;
  flex-grow: 1;
}

.kol-author strong {
  display: block;
  font-size: 16px;
  color: #18181b;
}

.kol-author span {
  display: block;
  font-size: 13px;
  color: #54595f;
  margin-top: 4px;
}

/* 9. CLINICAL RESULTS */
.zionic-results-section {
  padding: 100px 0;
  background: #f4f4f5;
}

.results-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 480px));
  justify-content: center;
  gap: 32px;
  max-width: 1020px;
  margin: 0 auto;
}

.result-card {
  background: #ffffff;
  border-radius: 0px !important;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.03);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}

.result-card:hover {
  transform: translateY(-4px);
}

.result-img-wrap {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: #f1f5f9;
  border-radius: 0px !important;
}

.result-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0px !important;
}

.result-meta {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.result-meta h4 {
  font-size: 16px;
  font-weight: 700;
  color: #18181b;
  margin: 0;
  line-height: 1.4;
}

.result-badge-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.badge-sessions {
  background: #18181b;
  color: #ffffff;
  font-size: 11.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 0px !important;
}

.badge-area {
  background: #e4e4e7;
  color: #54595f;
  font-size: 11.5px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 0px !important;
}

/* ==========================================================================
   10. ZIONIC COMPREHENSIVE UNIFIED KNOWLEDGE HUB (SINGLE UNIFIED BLOCK)
   ========================================================================== */
.zionic-unified-info-section {
  padding: 100px 0 110px 0;
  background: #ffffff;
}

.zionic-unified-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 48px auto;
}

.unified-kicker {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #0284c7 !important;
  text-transform: uppercase !important;
  display: block;
  margin-bottom: 12px;
}

.unified-title {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.8vw, 48px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.2 !important;
  margin: 0 0 16px 0 !important;
}

.unified-subtitle {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: clamp(17px, 1.5vw, 20px) !important;
  line-height: 1.6 !important;
  color: #54595f !important;
  margin: 0;
}

/* Single Unified Knowledge Container (Clean, Borderless Container) */
.zionic-unified-knowledge-card {
  max-width: 1000px;
  margin: 0 auto;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Category Filter Bar (Centered, Natural) */
.knowledge-filter-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 34px;
  padding-bottom: 0;
  border-bottom: none;
}

.knowledge-filter-btn {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  color: #475569;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  padding: 11px 22px;
  border-radius: 0px !important;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.knowledge-filter-btn:hover {
  color: #18181b;
  border-color: #d4d4d8;
  background: #f4f4f5;
}

.knowledge-filter-btn.active {
  background: #18181b !important;
  color: #ffffff !important;
  border-color: #18181b !important;
  box-shadow: 0 4px 14px rgba(24, 24, 27, 0.15);
}

/* Accordion List */
.knowledge-accordion-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.knowledge-item {
  background: #f4f4f5;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 0px !important;
  overflow: hidden;
  transition: all 0.25s ease;
}

.knowledge-item:hover {
  background: #ffffff;
  border-color: #d4d4d8;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.knowledge-item.active {
  background: #ffffff;
  border-color: #18181b;
  box-shadow: 0 10px 28px rgba(24, 24, 27, 0.06);
}

.knowledge-trigger {
  width: 100%;
  background: transparent;
  border: none;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  gap: 20px;
}

.knowledge-left-meta {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.knowledge-num {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #1e232e !important;
  background: #f1f5f9 !important;
  border: 1px solid #e4e4e7 !important;
  width: 42px;
  height: 42px;
  border-radius: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.knowledge-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.knowledge-cat-tag {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #54595f !important;
}

.knowledge-item-title {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(19px, 1.8vw, 22px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.knowledge-action-icon {
  width: 40px;
  height: 40px;
  border-radius: 0px !important;
  background: #f1f5f9;
  color: #18181b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.knowledge-item.active .knowledge-action-icon {
  background: #18181b;
  color: #ffffff;
}

.knowledge-item.active .knowledge-action-icon .icon-v {
  display: none;
}

.knowledge-body {
  display: none;
  padding: 0 28px 28px 90px;
}

.knowledge-item.active .knowledge-body {
  display: block;
}

.knowledge-body-inner {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #475569;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-top: 1px solid rgba(226, 232, 240, 0.7);
  padding-top: 20px;
}

.knowledge-body-inner p {
  margin: 0;
}

.knowledge-bullet-list {
  margin: 4px 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.knowledge-bullet-list li {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

@media (max-width: 991px) {
  .knowledge-filter-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding: 6px 16px 14px 16px !important;
    margin: 0 -16px 24px -16px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    cursor: grab !important;
  }
  .knowledge-filter-bar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .knowledge-filter-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    padding: 10px 18px !important;
  }
  .knowledge-trigger {
    padding: 18px 16px;
    gap: 12px;
  }
  .knowledge-left-meta {
    gap: 12px;
  }
  .knowledge-num {
    width: 34px;
    height: 34px;
    font-size: 13px !important;
  }
  .knowledge-item-title {
    font-size: 16.5px !important;
  }
  .knowledge-body {
    padding: 0 16px 20px 16px;
  }
}

/* ==========================================================================
   11. ZIONIC TEST-DRIVE APPLICATION & PRESENTATION STAGE (SCREEN 2)
   ========================================================================== */
.zionic-presentation-stage {
  padding: 100px 0 120px 0 !important;
  background: #f4f4f5 !important;
}

.zionic-presentation-stage .presentation-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 48px auto;
}

.zionic-presentation-stage .presentation-header h2 {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.8vw, 48px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.2 !important;
  margin: 0 0 16px 0 !important;
}

.zionic-presentation-stage .presentation-header p {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: clamp(17px, 1.5vw, 20px) !important;
  line-height: 1.6 !important;
  color: #54595f !important;
  margin: 0;
}

.zionic-presentation-stage .presentation-form-col {
  display: flex !important;
}

.zionic-direct-call-box {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 0px !important;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.direct-call-icon {
  width: 44px;
  height: 44px;
  border-radius: 0px !important;
  background: rgba(24, 24, 27, 0.05);
  color: #18181b;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.direct-call-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.direct-call-label {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: 12px;
  color: #54595f;
  font-weight: 500;
}

.direct-call-number {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 16px;
  font-weight: 800;
  color: #18181b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.direct-call-number:hover {
  color: #54595f;
}

@media (max-width: 991px) {
  .zionic-info-hub-grid {
    grid-template-columns: 1fr;
  }
}

/* RESPONSIVE ADAPTATIONS */
@media (max-width: 991px) {
  .zionic-pillars-grid {
    grid-template-columns: 1fr;
  }
  .zionic-tech-duo-layout {
    grid-template-columns: 1fr;
  }
  .manipula-grid {
    grid-template-columns: 1fr;
  }
  .treatments-layout {
    grid-template-columns: 1fr;
  }
  .testimonials-grid {
    grid-template-columns: 1fr;
  }
  .results-gallery-grid {
    grid-template-columns: 1fr;
  }
  .accuracy-banner,
  .cta-luxury-card {
    padding: 44px 24px;
  }
}

/* ==========================================================================
   ZIONIC DEDICATED MOBILE & TABLET RESPONSIVE SYSTEM (< 992px)
   ========================================================================== */

/* 1. Technical Infographic: Desktop vs Mobile Cards */
.zionic-mobile-tech-block {
  display: none;
}

@media (max-width: 991px) {
  /* Hide squished wide desktop graphic */
  .desktop-infographic-wrap {
    display: none !important;
  }
  /* Show clean Swiss architectural mobile tech cards */
  .zionic-mobile-tech-block {
    display: block !important;
    width: 100%;
    padding: 10px 0 20px 0;
  }
  .zionic-mobile-tech-header {
    text-align: center !important;
    margin: 0 auto 20px auto !important;
  }
  .zionic-mobile-tech-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  .zionic-tech-card {
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 0px !important;
    padding: 20px 18px !important;
    box-shadow: 0 4px 14px rgba(24, 24, 27, 0.03) !important;
  }
  .tech-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
  }
  .tech-card-metric {
    font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #1e232e !important;
    line-height: 1 !important;
  }
  .tech-card-badge {
    background: #f1f5f9 !important;
    color: #54595f !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 4px 8px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 0px !important;
  }
  .zionic-tech-card h4 {
    font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #1e232e !important;
    margin: 0 0 8px 0 !important;
  }
  .zionic-tech-card p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #54595f !important;
    margin: 0 !important;
  }
  /* Full-Width Edge-to-Edge Mobile Infographic (No frame, no border, no zoom badge) */
  .zionic-mobile-infographic-fullwidth {
    width: 100% !important;
    margin: 0 0 22px 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .mobile-infographic-edge-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
  }

  /* 2. Disable Curtain Sticky Locks on Mobile (< 992px) for Natural Smooth Touch Scrolling */
  .zionic-curtain-stage,
  .zionic-curtain-stage-2 {
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
  }
  .zionic-pillars-section {
    padding: 35px 0 10px 0 !important;
  }
  .zionic-fullwidth-infographic-section,
  .zionic-accuracy-section {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    z-index: 1 !important;
    padding: 15px 0 35px 0 !important;
    display: block !important;
  }
  .zionic-manipula-section,
  .zionic-treatments-section {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    padding: 40px 0 !important;
  }

  /* 3. Section 2: Hide duplicate isolated 3D manipula and CTA button on mobile */
  .zionic-pillars-split-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .zionic-pillars-info-col {
    display: flex !important;
    flex-direction: column !important;
  }
  .zionic-pillars-intro-box {
    order: 1 !important;
    margin-bottom: 8px !important;
  }
  .zionic-pillars-image-col {
    display: none !important;
  }
  .zionic-minimal-pillars-list {
    order: 2 !important;
  }
  .zionic-pillars-cta-wrap {
    display: none !important;
  }

  /* 4. Section 6: Circular Anatomical Diagram */
  .treatments-clean-circle-img {
    max-width: 360px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 28px auto !important;
  }
  .treatments-swiss-layout {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  /* 5. Section 5: Accuracy & Video Cinema player */
  .accuracy-cinematic-split {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  .accuracy-cinema-player-box {
    width: 100% !important;
  }

  /* 6. Section 4: Manipula Split */
  .zionic-manipula-split-layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  /* 7. Section 8: Knowledge Hub (FAQ) - Sleek Horizontal Touch Ribbon */
  .knowledge-filter-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 4px 16px 14px 16px !important;
    margin: 0 -16px 28px -16px !important;
    gap: 8px !important;
  }
  .knowledge-filter-bar::-webkit-scrollbar {
    display: none !important;
  }
  .knowledge-filter-btn {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    padding: 9px 16px !important;
  }
  .knowledge-trigger {
    padding: 18px 16px !important;
    gap: 12px !important;
  }
  .knowledge-left-meta {
    gap: 12px !important;
  }
  .knowledge-num {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  .knowledge-action-icon {
    width: 34px !important;
    height: 34px !important;
  }
  .knowledge-body {
    padding: 0 16px 20px 60px !important;
  }

  /* 8. Section 9: Application Form & Touch Optimization */
  .presentation-stage-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .presentation-form-card {
    padding: 24px 18px !important;
  }
  .format-switcher {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px !important;
  }
  .format-tab-btn {
    padding: 11px 8px !important;
    font-size: 12px !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .form-row-2col {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .presentation-form-card .messenger-pills-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .presentation-form-card .messenger-pill {
    width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    padding: 11px 10px !important;
    font-size: 13px !important;
    border-radius: 0px !important;
  }
  .luxury-form-input {
    min-height: 48px !important;
    font-size: 15.5px !important;
  }
  .shimmer-submit-btn {
    width: 100% !important;
    min-height: 52px !important;
    font-size: 15px !important;
    justify-content: center !important;
    padding: 14px 20px !important;
  }
  .zionic-direct-call-box {
    padding: 14px 16px !important;
    gap: 12px !important;
  }
  .direct-call-number {
    font-size: 15px !important;
  }
}

@media (max-width: 768px) {
  .zionic-official-hero {
    min-height: calc(100dvh - 65px) !important;
    min-height: calc(100vh - 65px) !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 36px 16px 44px 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .zionic-hero-bg-media {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }
  .zionic-hero-bg-video {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
  .zionic-hero-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 3 !important;
  }
  .zionic-hero-content {
    margin: 0 auto !important;
    max-width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .zionic-hero-logo-wrap {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .zionic-official-logo {
    height: 48px !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .zionic-hero-overlay {
    background: radial-gradient(circle at center, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0.2) 100%) !important;
  }
  .zionic-hero-title {
    font-size: clamp(30px, 8.2vw, 38px) !important;
    line-height: 1.05 !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 16px auto !important;
    width: 100% !important;
  }
  .zionic-hero-title .zionic-word-top,
  .zionic-hero-title .zionic-word-bottom {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
  }
  .zionic-hero-title .zionic-word-top {
    margin-bottom: 6px !important;
  }
  .zionic-hero-desc {
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    margin: 0 auto 26px auto !important;
    max-width: 320px !important;
  }
  .zionic-hero-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .zionic-primary-btn,
  .zionic-secondary-btn {
    width: 100% !important;
    max-width: 340px !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  /* Mobile Unified Section Headings (< 768px) */
  .zionic-section-header,
  .zionic-pillars-intro-box,
  .zionic-mobile-tech-header,
  .accuracy-header-box,
  .zionic-unified-header,
  .knowledge-header,
  .presentation-header,
  .zionic-presentation-stage .presentation-header {
    text-align: center !important;
    margin: 0 auto 28px auto !important;
    padding: 0 12px !important;
    width: 100% !important;
  }

  .section-kicker,
  .tech-mobile-kicker,
  .unified-kicker,
  .zionic-pillars-intro-box .section-kicker {
    display: block !important;
    text-align: center !important;
    font-size: 11.5px !important;
    letter-spacing: 1.6px !important;
    margin: 0 auto 8px auto !important;
  }

  .zionic-section-header h2,
  .zionic-pillars-headline,
  .tech-mobile-title,
  .zionic-unified-section-title,
  .accuracy-title,
  .unified-title,
  .presentation-header h2,
  .zionic-presentation-stage .presentation-header h2 {
    font-size: clamp(22px, 6vw, 26px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.3px !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    width: 100% !important;
  }

  .section-subtitle,
  .zionic-pillars-desc,
  .accuracy-desc,
  .unified-subtitle,
  .presentation-header p,
  .zionic-presentation-stage .presentation-header p {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 340px !important;
  }

  .pillar-vertical-card {
    padding: 20px 18px;
    gap: 14px;
  }
  .pillar-v-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .zionic-sharp-contact-btn {
    width: 100%;
    justify-content: center;
  }
  .manipula-specs-list {
    grid-template-columns: 1fr;
  }
  .cta-white-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   GLOBAL SWISS SHARP ARCHITECTURAL CORNERS FOR ZIONIC PAGE
   ========================================================================== */
.zionic-main-page-wrapper .manipula-photo-frame,
.zionic-main-page-wrapper .manipula-swiss-item,
.zionic-main-page-wrapper .swiss-item-bullet,
.zionic-main-page-wrapper .accuracy-highlight-item,
.zionic-main-page-wrapper .accuracy-hl-bullet,
.zionic-main-page-wrapper .accuracy-cinema-player-box,
.zionic-main-page-wrapper .accuracy-video-thumb,
.zionic-main-page-wrapper .accuracy-video-bottom-bar,
.zionic-main-page-wrapper .video-live-pill,
.zionic-main-page-wrapper .kol-card,
.zionic-main-page-wrapper .result-card,
.zionic-main-page-wrapper .result-img-wrap,
.zionic-main-page-wrapper .result-img-wrap img,
.zionic-main-page-wrapper .badge-sessions,
.zionic-main-page-wrapper .badge-area,
.zionic-main-page-wrapper .knowledge-filter-btn,
.zionic-main-page-wrapper .knowledge-item,
.zionic-main-page-wrapper .knowledge-num,
.zionic-main-page-wrapper .knowledge-action-icon,
.zionic-main-page-wrapper .zionic-direct-call-box,
.zionic-main-page-wrapper .direct-call-icon,
.zionic-main-page-wrapper .presentation-media-card,
.zionic-main-page-wrapper .presentation-form-card,
.zionic-main-page-wrapper .format-switcher,
.zionic-main-page-wrapper .format-btn,
.zionic-main-page-wrapper .field-group input,
.zionic-main-page-wrapper .field-group select,
.zionic-main-page-wrapper .messenger-radio-pill,
.zionic-main-page-wrapper .presentation-submit-btn,
.zionic-main-page-wrapper .trust-check-icon,
.zionic-main-page-wrapper .stage-live-badge,
.zionic-main-page-wrapper .pillar-vertical-card,
.zionic-main-page-wrapper .pillar-step-number,
.zionic-main-page-wrapper .zionic-sharp-contact-btn {
  border-radius: 0px !important;
}

/* ==========================================================================
   ZIONIC VIDEO LIGHTBOX MODAL (SWISS MEDICAL CINEMA POPUP)
   ========================================================================== */
.zionic-video-lightbox {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 999999 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.zionic-video-lightbox.show,
.zionic-video-lightbox.is-active {
  display: flex !important;
}

.zionic-video-lightbox .glass-modal-backdrop,
.zionic-video-lightbox .zionic-video-lightbox-backdrop {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(24, 24, 27, 0.9) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  cursor: pointer !important;
}

.zionic-video-lightbox-dialog,
.zionic-video-lightbox-card {
  position: relative !important;
  width: 100% !important;
  max-width: 960px !important;
  background: #18181b !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0px !important;
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.75) !important;
  z-index: 2 !important;
  overflow: hidden !important;
  animation: zionicModalFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes zionicModalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.zionic-video-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(0, 0, 0, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  border-radius: 0px !important;
  transition: all 0.2s ease !important;
}

.zionic-video-modal-close:hover {
  background: #ffffff !important;
  color: #18181b !important;
  border-color: #ffffff !important;
}

.zionic-video-lightbox-frame {
  position: relative !important;
  padding-bottom: 56.25% !important;
  height: 0 !important;
  background: #000000 !important;
  overflow: hidden !important;
}

.zionic-video-lightbox-frame iframe,
.zionic-video-lightbox-frame video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}

.zionic-video-lightbox-caption {
  padding: 14px 20px !important;
  background: #1e232e !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.zionic-video-lightbox-caption .video-lightbox-title {
  color: #ffffff !important;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
}

/* ==========================================================================
   12. LINFOPRESS EVOLUTION PRO PAGE SPECIFIC STYLING
   ========================================================================== */
.linfopress-page-wrapper,
.linfopress-main-page-wrapper {
  background: #ffffff;
}

/* Linfopress Hero Stage (Official Dark Luxury Video Stage with Yellow Neon Accent) */
.linfopress-hero-stage {
  position: relative;
  min-height: 88vh;
  min-height: 88dvh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #060709;
  overflow: hidden;
  padding: 80px 0 60px 0;
}

.linfopress-hero-media-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.linfopress-hero-video-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
}

.linfopress-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(6,7,9,0.92) 0%, rgba(6,7,9,0.76) 48%, rgba(6,7,9,0.32) 100%);
  z-index: 2;
}

.linfopress-hero-container {
  position: relative;
  z-index: 3;
  width: 100%;
}

.linfopress-hero-content-box {
  max-width: 650px;
  text-align: left;
  margin-left: 100px;
}

@media (max-width: 991px) {
  .linfopress-hero-content-box {
    margin-left: 0;
  }
}

.linfopress-cloud-brand-icon {
  margin-bottom: 28px;
}

.linfopress-cloud-brand-icon svg {
  display: block;
  width: 96px;
  height: 58px;
  opacity: 0.95;
}

.linfopress-official-hero-title {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  color: #ffffff !important;
  text-transform: uppercase;
  margin: 0 0 24px 0 !important;
  line-height: 1.05 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.linfopress-official-hero-title .hero-word-primary {
  font-size: clamp(38px, 5.5vw, 66px);
  font-weight: 900;
  letter-spacing: -0.5px;
  color: #ffffff;
}

.linfopress-official-hero-title .hero-word-secondary {
  font-size: clamp(36px, 5.3vw, 64px);
  font-weight: 900;
  letter-spacing: -0.5px;
  color: #ffffff;
}

.linfopress-official-hero-kicker {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(14px, 1.8vw, 18px);
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0 0 12px 0;
  line-height: 1.35;
}

.linfopress-official-hero-desc {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: clamp(15px, 1.3vw, 16.5px);
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0 0 36px 0;
  max-width: 540px;
}

.linfopress-hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.linfopress-btn-pill-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  color: #060709 !important;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 16px 28px;
  border-radius: 999px;
  border: 1px solid #ffffff;
  transition: all 0.25s ease;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  text-decoration: none;
}

.linfopress-btn-pill-white:hover {
  background: #e4e4e7;
  border-color: #d4d4d8;
  color: #060709 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

.linfopress-btn-ghost-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #ffffff !important;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 16px 26px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
}

.linfopress-btn-ghost-dark:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* ==========================================================================
   2. Linfopress Advanced Section (Frameless Minimalist Architecture)
   ========================================================================== */
.linfopress-advanced-section {
  padding: 85px 0 0 0;
  background: #ffffff;
  text-align: center;
}

.linfopress-advanced-header {
  max-width: 860px;
  margin: 0 auto 50px auto;
}

.linfopress-advanced-title {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: clamp(26px, 3.2vw, 38px);
  font-weight: 400;
  color: #18181b;
  letter-spacing: 0.5px;
  margin: 0 0 22px 0;
  text-transform: uppercase;
}

.linfopress-advanced-title .title-bold {
  font-weight: 900;
}

.linfopress-advanced-desc {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: clamp(14.5px, 1.3vw, 16.5px);
  color: #475569;
  line-height: 1.7;
  margin: 0 auto;
  max-width: 780px;
}

.linfopress-frameless-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  max-width: 1060px;
  margin: 0 auto 60px auto;
  text-align: center;
}

.frameless-feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.feature-icon-wrapper {
  width: auto;
  height: 84px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: transform 0.25s ease;
}

.feature-icon-wrapper svg {
  width: 76px;
  height: 76px;
  display: block;
}

.frameless-feature-item:hover .feature-icon-wrapper {
  transform: translateY(-4px) scale(1.04);
}

.frameless-feature-item .feature-title {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 16.5px;
  font-weight: 700;
  color: #18181b;
  line-height: 1.35;
  margin: 0 0 4px 0;
}

.frameless-feature-item .feature-sub {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: 14.5px;
  color: #54595f;
  line-height: 1.45;
  margin: 0;
}

.linfopress-procedure-stretch-wrap {
  width: 100vw;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  line-height: 0;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.linfopress-procedure-stretch-img {
  width: 100vw;
  max-width: 100vw;
  height: auto;
  display: block;
  object-fit: cover;
  margin: 0;
  padding: 0;
}

@media (max-width: 1024px) {
  .linfopress-frameless-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 20px;
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .linfopress-advanced-section {
    padding: 60px 0 0 0 !important;
  }

  .linfopress-advanced-header {
    margin-bottom: 36px;
  }

  .linfopress-frameless-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
    margin-bottom: 32px;
  }

  .feature-icon-wrapper {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
  }

  .frameless-feature-item .feature-title {
    font-size: 14px;
  }

  .frameless-feature-item .feature-sub {
    font-size: 12.5px;
  }
}

/* 3. Linfopress Tech Suit Section (4-column Grid) */
.linfopress-tech-section {
  padding: 90px 0 100px 0;
  background: #ffffff;
}

.linfopress-tech-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.linfopress-card {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 0px !important;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 4px 12px rgba(24, 24, 27, 0.02);
}

.linfopress-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(24, 24, 27, 0.06);
  border-color: #d4d4d8;
}

.linfopress-card-media {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  background: #f4f4f5;
  padding: 12px;
}

.linfopress-card-media img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.linfopress-num {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 13px;
  font-weight: 800;
  color: #0284c7;
  letter-spacing: 1px;
  margin-bottom: 8px;
  display: block;
}

.linfopress-card-body h3 {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 17px;
  font-weight: 800;
  color: #18181b;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

.linfopress-card-body p {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: 14px;
  color: #54595f;
  line-height: 1.6;
  margin: 0;
}

/* 4. Linfopress Animated Protocols Grid */
.linfopress-protocols-section {
  padding: 90px 0 100px 0;
  background: #f4f4f5;
}

.linfopress-protocols-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.protocol-card {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 0px !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(24, 24, 27, 0.03);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.protocol-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(24, 24, 27, 0.08);
}

.protocol-gif-wrap {
  height: 200px;
  position: relative;
  background: #18181b;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.protocol-gif-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.protocol-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(24, 24, 27, 0.85);
  backdrop-filter: blur(8px);
  color: #ffffff;
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 10.5px;
  font-weight: 800;
  padding: 4px 10px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.protocol-content {
  padding: 22px 18px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: left;
}

.protocol-content h3 {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 18px;
  font-weight: 800;
  color: #18181b;
  margin: 0 0 10px 0;
  line-height: 1.25;
}

.protocol-desc {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: 13.5px;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 16px;
  flex-grow: 1;
}

.protocol-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.protocol-tags span {
  background: #f1f5f9;
  color: #475569;
  font-size: 11.5px;
  font-weight: 700;
  padding: 4px 8px;
  letter-spacing: 0.2px;
}

/* 7. Linfopress Adaptability Grid (3 Sizes) */
.linfopress-adaptability-section {
  padding: 90px 0 100px 0;
  background: #ffffff;
}

.linfopress-sizes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.size-card {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 0px !important;
  padding: 24px;
  text-align: left;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 12px rgba(24, 24, 27, 0.02);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.size-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(24, 24, 27, 0.06);
}

.size-img-wrap {
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  background: #f4f4f5;
  padding: 12px;
}

.size-img-wrap img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.size-badge {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #0284c7;
  margin-bottom: 6px;
  display: block;
}

.size-card-info h4 {
  font-family: var(--active-heading-font), 'Montserrat', sans-serif !important;
  font-size: 18px;
  font-weight: 800;
  color: #18181b;
  margin: 0 0 10px 0;
}

.size-card-info p {
  font-family: var(--active-body-font), 'Inter', sans-serif !important;
  font-size: 14px;
  color: #54595f;
  line-height: 1.6;
  margin: 0;
}

/* Responsive Adaptations for Linfopress */
@media (max-width: 1024px) {
  .linfopress-tech-grid,
  .linfopress-protocols-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .linfopress-tech-section,
  .linfopress-protocols-section,
  .linfopress-adaptability-section {
    padding: 60px 0 70px 0 !important;
  }

  .linfopress-tech-grid,
  .linfopress-protocols-grid,
  .linfopress-sizes-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .linfopress-hero-section .zionic-hero-overlay {
    background: radial-gradient(circle at center, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.3) 100%) !important;
  }

  .protocol-gif-wrap {
    height: 180px;
  }
}








/* ZIONIC HERO EXACT SCREENSHOT STYLES */
.zionic-official-hero {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 72px);
  min-height: calc(100dvh - 72px);
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}

.zionic-hero-bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.zionic-hero-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.zionic-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2;
  pointer-events: none;
}

.zionic-hero-container {
  position: relative;
  z-index: 3;
  width: 100%;
}

.zionic-hero-content {
  max-width: 680px;
  margin-left: clamp(10px, 3vw, 40px);
}

.zionic-hero-logo-wrap {
  margin-bottom: 24px;
}

.zionic-official-logo {
  height: clamp(38px, 3.8vw, 54px);
  width: auto;
  display: block;
}

.zionic-hero-title {
  display: flex !important;
  flex-direction: column !important;
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.5px !important;
  color: #54595f !important;
  text-transform: uppercase !important;
  margin: 0 0 16px 0 !important;
}

.zionic-hero-title span {
  display: block;
  color: #54595f !important;
}

.zionic-hero-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(13px, 1.2vw, 15px) !important;
  font-weight: 500 !important;
  color: #54595f !important;
  line-height: 1.5 !important;
  max-width: 520px !important;
  margin: 0 0 24px 0 !important;
}

.zionic-hero-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.zionic-btn-link-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #18181b;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.zionic-btn-link-action:hover {
  opacity: 0.8;
  transform: translateX(2px);
}

.zionic-btn-video-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #18181b;
  padding: 8px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #18181b;
  cursor: pointer;
  transition: all 0.2s ease;
}

.zionic-btn-video-badge:hover {
  background: #18181b;
  color: #ffffff;
}


/* ==========================================================================
   ZIONIC PAGE: MAIN PAGE ADAPTATION (ZERO BLUE, SHARP CORNERS, MONTSE/INTER)
   ========================================================================== */

/* 1. Global Strict Sharp Geometry & Colors for Zionic Page */
.zionic-main-page-wrapper,
.zionic-main-page-wrapper * {
  border-radius: 0 !important;
  box-sizing: border-box;
}

.zionic-main-page-wrapper h1,
.zionic-main-page-wrapper h2,
.zionic-main-page-wrapper h3,
.zionic-main-page-wrapper h4,
.zionic-main-page-wrapper .big-title,
.zionic-main-page-wrapper .eb-title,
.zionic-main-page-wrapper .ti-name,
.zionic-main-page-wrapper .beast-top-text,
.zionic-main-page-wrapper .another-pages-banner-title {
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  color: #111111 !important;
  letter-spacing: -0.5px;
}

.zionic-main-page-wrapper p,
.zionic-main-page-wrapper li,
.zionic-main-page-wrapper span:not(.btn-text):not(.dot),
.zionic-main-page-wrapper div:not(.big-title):not(.ti-name):not(.eb-title) {
  font-family: 'Inter', sans-serif !important;
}

/* 2. Remove All Blue/Navy Backgrounds & Borders */
.zionic-main-page-wrapper .advantages-video-bg,
.zionic-main-page-wrapper .technologies-item,
.zionic-main-page-wrapper .tech_zionic_item,
.zionic-main-page-wrapper .experience-block-bg,
.zionic-main-page-wrapper .beast-item,
.zionic-main-page-wrapper .why-this-item,
.zionic-main-page-wrapper .readings,
.zionic-main-page-wrapper .advantages-big {
  background-color: #111111 !important;
  border-color: #27272a !important;
}

/* 3. Technologies 4-Grid Cards */
.zionic-main-page-wrapper .technologies-item {
  background: #111111 !important;
  border: 1px solid #27272a !important;
  padding: 24px !important;
  transition: transform 0.3s ease, border-color 0.3s ease !important;
}

.zionic-main-page-wrapper .technologies-item:hover {
  transform: translateY(-4px) !important;
  border-color: #52525b !important;
}

.zionic-main-page-wrapper .technologies-item .ti-name {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}

.zionic-main-page-wrapper .technologies-item .ti-descr,
.zionic-main-page-wrapper .technologies-item .ti-descr li {
  color: #a1a1aa !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}

.zionic-main-page-wrapper .ti-video-block {
  border: 1px solid #27272a !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

/* 4. Manipula Section (.tech_zionic) */
.zionic-main-page-wrapper .tech_zionic {
  background: #fafafa !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.zionic-main-page-wrapper .tech_zionic_item {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 24px !important;
}

.zionic-main-page-wrapper .tech_zionic_item h3,
.zionic-main-page-wrapper .tech_zionic_item .title {
  color: #111111 !important;
  font-weight: 800 !important;
}

.zionic-main-page-wrapper .tech_zionic_item p {
  color: #52525b !important;
}

/* 5. Before & After Interactive Slider (.ba_slider) */
.zionic-main-page-wrapper .ba {
  background: #ffffff !important;
  padding: 80px 0 !important;
}

.zionic-main-page-wrapper .zionic-ba-swiper,
.zionic-main-page-wrapper .zionic-exp-swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 20px 0 40px 0;
}

.zionic-main-page-wrapper .zionic-ba-swiper .swiper-wrapper,
.zionic-main-page-wrapper .zionic-exp-swiper .swiper-wrapper {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 12px;
}

.zionic-main-page-wrapper .zionic-ba-swiper .swiper-wrapper::-webkit-scrollbar,
.zionic-main-page-wrapper .zionic-exp-swiper .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.zionic-main-page-wrapper .zionic-ba-swiper .swiper-slide,
.zionic-main-page-wrapper .zionic-exp-swiper .swiper-slide {
  flex: 0 0 calc(33.333% - 16px);
  min-width: 320px;
  scroll-snap-align: start;
  background: #ffffff;
  border: 1px solid #e4e4e7 !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (max-width: 991px) {
  .zionic-main-page-wrapper .zionic-ba-swiper .swiper-slide,
  .zionic-main-page-wrapper .zionic-exp-swiper .swiper-slide {
    flex: 0 0 calc(50% - 12px);
    min-width: 280px;
  }
}

@media (max-width: 640px) {
  .zionic-main-page-wrapper .zionic-ba-swiper .swiper-slide,
  .zionic-main-page-wrapper .zionic-exp-swiper .swiper-slide {
    flex: 0 0 90%;
    min-width: 260px;
  }
}

.zionic-main-page-wrapper .zionic-ba-swiper .swiper-slide:hover,
.zionic-main-page-wrapper .zionic-exp-swiper .swiper-slide:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.zionic-main-page-wrapper .zionic-ba-swiper .swiper-slide img,
.zionic-main-page-wrapper .zionic-exp-swiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.zionic-main-page-wrapper .zionic-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}

.zionic-main-page-wrapper .zionic-slider-btn {
  width: 46px;
  height: 46px;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #27272a !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.zionic-main-page-wrapper .zionic-slider-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #111111 !important;
}

/* 6. Readings (Indications & Contraindications) */
.zionic-main-page-wrapper .readings {
  background: #111111 !important;
  border-top: 1px solid #27272a !important;
  border-bottom: 1px solid #27272a !important;
  color: #ffffff !important;
}

.zionic-main-page-wrapper .readings .big-title {
  color: #ffffff !important;
}

.zionic-main-page-wrapper .readings-row .col-lg-6:first-child {
  background: #18181b !important;
  border: 1px solid #27272a !important;
}

.zionic-main-page-wrapper .readings-row .col-lg-6:last-child {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  color: #111111 !important;
}

.zionic-main-page-wrapper .readings-row .col-lg-6:last-child .contraindications-block-name,
.zionic-main-page-wrapper .readings-row .col-lg-6:last-child li {
  color: #111111 !important;
}

/* 7. Buttons across Zionic Page (Strict Sharp Luxury Design) */
.zionic-main-page-wrapper button:not(.zionic-slider-btn),
.zionic-main-page-wrapper .another-pages-banner-button,
.zionic-main-page-wrapper .zionic-primary-btn,
.zionic-main-page-wrapper .zionic-secondary-btn,
.zionic-main-page-wrapper .shimmer-submit-btn {
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 14px 28px !important;
  transition: all 0.2s ease !important;
}

.zionic-main-page-wrapper .zionic-primary-btn,
.zionic-main-page-wrapper .another-pages-banner-button {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
}

.zionic-main-page-wrapper .zionic-primary-btn:hover,
.zionic-main-page-wrapper .another-pages-banner-button:hover {
  background: #27272a !important;
  transform: translateY(-2px);
}

.zionic-main-page-wrapper .zionic-secondary-btn {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #111111 !important;
}

.zionic-main-page-wrapper .zionic-secondary-btn:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

/* 8. Modals Sharp Luxury Style */
.zionic-main-page-wrapper .modal-dialog,
.zionic-main-page-wrapper .modal-content {
  border-radius: 0 !important;
  background: #111111 !important;
  border: 1px solid #27272a !important;
}


/* ZIONIC SHARP CAROUSELS */
.zionic-gallery-carousel {
  position: relative;
  width: 100%;
  margin-top: 24px;
}

.zionic-carousel-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 10px 0 20px 0;
}

.zionic-carousel-track::-webkit-scrollbar {
  display: none;
}

.zionic-carousel-item {
  flex: 0 0 calc(33.333% - 14px);
  min-width: 320px;
  scroll-snap-align: start;
  background: #ffffff;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0 !important;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (max-width: 991px) {
  .zionic-carousel-item {
    flex: 0 0 calc(50% - 10px);
    min-width: 280px;
  }
}

@media (max-width: 640px) {
  .zionic-carousel-item {
    flex: 0 0 90%;
    min-width: 260px;
  }
}

.zionic-carousel-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.zionic-carousel-item img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
}

.zionic-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}

.zionic-slider-btn {
  width: 48px;
  height: 48px;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #27272a !important;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.zionic-slider-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #111111 !important;
}


/* Ensure all AOS animated elements are always visible and beautiful */
.zionic-main-page-wrapper [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}


/* ==========================================================================
   ZIONIC PAGE: LUXURY MAIN-PAGE REDESIGN (ZERO BLUE, SHARP CORNERS, MONT/INTER)
   ========================================================================== */

/* 1. Reset and Sharp Corners */
.zionic-main-page-wrapper,
.zionic-main-page-wrapper * {
  border-radius: 0 !important;
  box-sizing: border-box;
}

.zionic-main-page-wrapper {
  background: #ffffff;
  color: #111111;
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}

/* 2. Common Typography */
.zionic-main-page-wrapper .section-header-centered {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px auto;
}

.zionic-main-page-wrapper .luxury-kicker {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #a1a1aa;
  margin-bottom: 12px;
}

.zionic-main-page-wrapper .section-main-title {
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(32px, 3.8vw, 46px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -1px !important;
  color: #111111 !important;
  margin-bottom: 16px !important;
  text-transform: uppercase !important;
}

.zionic-main-page-wrapper .section-main-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(15px, 1.4vw, 17px) !important;
  color: #52525b !important;
  line-height: 1.6 !important;
  max-width: 680px;
  margin: 0 auto;
}

/* 3. Pillars 5-Item Bar */
.zionic-pillars-bar {
  background: #0a0a0a;
  padding: 40px 0;
  border-bottom: 1px solid #27272a;
}

.zionic-pillars-inner {
  position: relative;
  background: #111111;
  border: 1px solid #27272a;
  overflow: hidden;
  padding: 30px;
}

.zionic-pillars-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.zionic-pillars-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.25;
}

.zionic-pillars-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.7);
}

.zionic-pillars-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

@media (max-width: 1199px) {
  .zionic-pillars-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .zionic-pillars-grid {
    grid-template-columns: 1fr;
  }
}

.pillar-pill-item {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 20px;
}

.pillar-pill-item:last-child {
  border-right: none;
}

.pillar-icon-box {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #27272a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.pillar-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 6px;
}

.pillar-desc {
  font-size: 13px;
  color: #a1a1aa;
  line-height: 1.5;
  margin: 0;
}

/* 4. Technologies Bento Grid */
.zionic-tech-bento-section {
  background: #ffffff;
  padding: 100px 0;
}

.tech-bento-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

@media (max-width: 991px) {
  .tech-bento-grid {
    grid-template-columns: 1fr;
  }
}

.tech-bento-card {
  background: #111111;
  border: 1px solid #27272a;
  overflow: hidden;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.tech-bento-card:hover {
  transform: translateY(-4px);
  border-color: #52525b;
}

.tech-card-media {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.tech-card-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tech-badge-tag {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 14px;
}

.tech-card-content {
  padding: 36px;
}

.tech-card-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 14px;
}

.tech-card-text {
  font-size: 14.5px;
  color: #a1a1aa;
  line-height: 1.65;
  margin-bottom: 24px;
}

.tech-bullets-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tech-bullets-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #e4e4e7;
  margin-bottom: 10px;
}

.bullet-check {
  color: #ffffff;
  font-weight: bold;
}

/* 5. Manipula Section */
.zionic-manipula-section {
  background: #f4f4f5;
  padding: 100px 0;
  border-top: 1px solid #e4e4e7;
  border-bottom: 1px solid #e4e4e7;
}

.manipula-showcase-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  gap: 24px;
  align-items: center;
}

@media (max-width: 991px) {
  .manipula-showcase-grid {
    grid-template-columns: 1fr;
  }
}

.manipula-feature-card {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  padding: 36px;
}

.manipula-feature-card.center-media-card {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.manipula-img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.feature-num {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 900;
  color: #111111;
  margin-bottom: 14px;
}

.feature-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #111111;
  margin-bottom: 10px;
}

.feature-desc {
  font-size: 14px;
  color: #52525b;
  line-height: 1.6;
  margin: 0;
}

/* 6. Clinical Results Slider */
.zionic-ba-section {
  background: #ffffff;
  padding: 100px 0;
}

.zionic-modern-gallery-slider {
  position: relative;
  width: 100%;
}

.zionic-gallery-track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 10px 0 30px 0;
}

.zionic-gallery-track::-webkit-scrollbar {
  display: none;
}

.zionic-slide-item {
  flex: 0 0 calc(33.333% - 16px);
  min-width: 320px;
  scroll-snap-align: start;
  background: #ffffff;
  border: 1px solid #e4e4e7;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (max-width: 991px) {
  .zionic-slide-item {
    flex: 0 0 calc(50% - 12px);
    min-width: 280px;
  }
}

@media (max-width: 640px) {
  .zionic-slide-item {
    flex: 0 0 90%;
    min-width: 260px;
  }
}

.zionic-slide-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

.slide-img-frame img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}

.slide-caption {
  padding: 16px 20px;
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #111111;
  border-top: 1px solid #e4e4e7;
  background: #fafafa;
}

.zionic-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.sharp-carousel-btn {
  width: 48px;
  height: 48px;
  background: #111111;
  color: #ffffff;
  border: 1px solid #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.sharp-carousel-btn:hover {
  background: #ffffff;
  color: #111111;
}

.carousel-counter {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #111111;
  letter-spacing: 1px;
}

/* 7. 5 Reasons Bento Grid */
.zionic-reasons-section {
  background: #111111;
  padding: 100px 0;
  border-top: 1px solid #27272a;
}

.zionic-reasons-section .section-main-title {
  color: #ffffff !important;
}

.zionic-reasons-section .section-main-sub {
  color: #a1a1aa !important;
}

.reasons-bento-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 991px) {
  .reasons-bento-grid {
    grid-template-columns: 1fr;
  }
}

.reason-bento-box {
  background: #18181b;
  border: 1px solid #27272a;
  padding: 36px;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.reason-bento-box:hover {
  transform: translateY(-4px);
  border-color: #52525b;
}

.reason-bento-box.highlight-hero-box {
  grid-column: span 2;
  border-color: #ffffff;
}

@media (max-width: 991px) {
  .reason-bento-box.highlight-hero-box {
    grid-column: span 1;
  }
}

.reason-icon-wrap {
  width: 52px;
  height: 52px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #27272a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.reason-box-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
}

.reason-box-desc {
  font-size: 14px;
  color: #a1a1aa;
  line-height: 1.6;
  margin: 0;
}

/* 8. Indications & Contraindications Split Matrix */
.zionic-matrix-section {
  background: #ffffff;
  padding: 100px 0;
}

.matrix-split-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid #27272a;
  overflow: hidden;
}

@media (max-width: 991px) {
  .matrix-split-wrapper {
    grid-template-columns: 1fr;
  }
}

.matrix-side {
  padding: 50px;
}

.indications-side {
  background: #111111;
  color: #ffffff;
}

.indications-side .matrix-kicker {
  color: #ffffff;
}

.indications-side .matrix-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 24px;
}

.matrix-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.matrix-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 15px;
  color: #e4e4e7;
  margin-bottom: 16px;
  line-height: 1.5;
}

.check-icon {
  color: #ffffff;
  font-weight: bold;
}

.contraindications-side {
  background: #f4f4f5;
  color: #111111;
}

.matrix-kicker-dark {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #71717a;
  display: block;
  margin-bottom: 10px;
}

.matrix-title-dark {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #111111;
  margin-bottom: 24px;
}

.matrix-crosslist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.matrix-crosslist li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 15px;
  color: #3f3f46;
  margin-bottom: 16px;
  line-height: 1.5;
}

.cross-icon {
  color: #ef4444;
  font-weight: bold;
}

/* 9. Procedure Video Banner */
.zionic-video-banner-section {
  background: #0a0a0a;
  padding: 80px 0;
}

.video-banner-sharp-frame {
  position: relative;
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #27272a;
  overflow: hidden;
  padding: 60px 20px;
}

.procedure-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

.video-banner-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 640px;
}

.video-banner-title {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 12px;
}

.video-banner-sub {
  font-size: 16px;
  color: #d4d4d8;
  margin-bottom: 28px;
}

.video-play-huge-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  color: #111111;
  border: 1px solid #ffffff;
  padding: 16px 36px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.video-play-huge-btn:hover {
  background: #111111;
  color: #ffffff;
  border-color: #ffffff;
}

/* 10. Luxury Booking Section */
.zionic-booking-section {
  background: #ffffff;
  padding: 100px 0;
}

.luxury-booking-card {
  background: #111111;
  border: 1px solid #27272a;
  padding: 60px;
}

@media (max-width: 767px) {
  .luxury-booking-card {
    padding: 30px 20px;
  }
}

.booking-title {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 16px;
  line-height: 1.2;
}

.booking-desc {
  font-size: 14.5px;
  color: #a1a1aa;
  line-height: 1.6;
  margin-bottom: 28px;
}

.booking-trust-pills {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.trust-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: #e4e4e7;
}

.pill-check {
  color: #ffffff;
  font-weight: bold;
}

.luxury-booking-form .form-row-2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (max-width: 575px) {
  .luxury-booking-form .form-row-2col {
    grid-template-columns: 1fr;
  }
}

.form-input-group {
  margin-bottom: 18px;
}

.form-input-group label {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #d4d4d8;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.form-input-group input {
  width: 100%;
  background: #18181b;
  border: 1px solid #27272a;
  color: #ffffff;
  padding: 14px 18px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}

.form-input-group input:focus {
  outline: none;
  border-color: #ffffff;
}

.messenger-selector-row {
  display: flex;
  gap: 12px;
}

.msg-choice {
  flex: 1;
  background: #18181b;
  border: 1px solid #27272a;
  padding: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #d4d4d8;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.msg-choice input {
  accent-color: #ffffff;
}

.luxury-submit-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #ffffff;
  color: #111111;
  border: 1px solid #ffffff;
  padding: 18px 24px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  margin-top: 10px;
  transition: all 0.2s ease;
}

.luxury-submit-btn:hover {
  background: #ffffff;
  color: #111111;
  border-color: #ffffff;
}

/* 11. FAQ Accordion */
.zionic-faq-section {
  background: #f4f4f5;
  padding: 100px 0;
  border-top: 1px solid #e4e4e7;
}



/* 12. SEO Clean Box */
.zionic-seo-clean-section {
  background: #ffffff;
  padding: 60px 0 80px 0;
}

.seo-clean-box {
  background: #fafafa;
  border: 1px solid #e4e4e7;
  padding: 36px 40px;
}

.seo-clean-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #111111;
  margin-bottom: 12px;
}

.seo-clean-text {
  font-size: 13.5px;
  color: #71717a;
  line-height: 1.7;
  margin: 0;
}



/* ==========================================================================
   ZIONIC HERO: ENTIRE CONTENT BLOCK SHIFTED RIGHT BY 100PX (PERFECT LEFT ALIGN)
   ========================================================================== */
.zionic-official-hero {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 72px);
  min-height: calc(100dvh - 72px);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 60px 0;
  box-sizing: border-box;
}

.zionic-hero-bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.zionic-hero-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.zionic-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2;
  pointer-events: none;
}

.zionic-hero-container {
  position: relative;
  z-index: 3;
  width: 100%;
}

.zionic-hero-content {
  max-width: 820px;
  margin-left: clamp(100px, 8vw, 140px) !important; /* Entire block shifted right by 100px */
}

@media (max-width: 767px) {
  .zionic-hero-content {
    margin-left: 16px !important;
  }
}

.zionic-hero-logo-wrap {
  margin-bottom: 24px;
  margin-left: 0 !important; /* Aligned with text */
}

.zionic-official-logo {
  height: clamp(68px, 6.8vw, 98px) !important;
  width: auto !important;
  max-width: 420px !important;
  display: block !important;
  object-fit: contain;
}

.zionic-hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(56px, 6.4vw, 96px) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  letter-spacing: -2px !important;
  margin: 0 0 20px 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  color: #111111 !important;
}

.zionic-hero-title .zionic-word-top,
.zionic-hero-title .zionic-word-bottom,
.zionic-hero-title span {
  display: block !important;
  white-space: nowrap !important;
  color: #111111 !important;
  font-weight: 900 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.zionic-hero-desc {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(16px, 1.6vw, 21px) !important;
  font-weight: 800 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  margin: 0 0 32px 0 !important;
  max-width: 680px !important;
}

.zionic-hero-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.zionic-hero-actions .zionic-primary-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.zionic-hero-actions .zionic-primary-btn:hover {
  background: #27272a !important;
  transform: translateY(-2px);
}

.zionic-hero-actions .zionic-secondary-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  padding: 16px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.zionic-hero-actions .zionic-secondary-btn:hover {
  background: #111111 !important;
  color: #ffffff !important;
}


/* ==========================================================================
   ZIONIC INFINITE MARQUEE TICKER (FRAMELESS, LARGER TEXT, PAUSES ON HOVER)
   ========================================================================== */
.zionic-infinite-ticker-section {
  position: relative;
  width: 100%;
  background: #000000;
  overflow: hidden;
  padding: 50px 0;
  border-top: none !important;
  border-bottom: none !important;
}

.zionic-ticker-bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.zionic-ticker-bg-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.28;
}

.zionic-ticker-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

.zionic-ticker-viewport {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

.zionic-ticker-track {
  display: flex;
  gap: 60px;
  width: max-content;
  animation: zionicMarqueeLoop 24s linear infinite !important;
  -webkit-animation: zionicMarqueeLoop 24s linear infinite !important;
  will-change: transform;
  cursor: grab;
}

.zionic-ticker-track:active {
  cursor: grabbing;
}

.zionic-infinite-ticker-section:hover .zionic-ticker-track {
  animation-play-state: running !important;
}

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

@-webkit-keyframes zionicMarqueeLoop {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
  }
}

.zionic-ticker-item {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 360px;
  max-width: 440px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 10px 0;
}

.zionic-ticker-item .pillar-icon-box {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  background: transparent !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0 !important;
}

.zionic-ticker-item .pillar-icon-box img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
}

.zionic-ticker-item .pillar-text-content {
  flex: 1;
}

.zionic-ticker-item .pillar-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;
  white-space: nowrap;
}

.zionic-ticker-item .pillar-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  color: #e4e4e7 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}


/* ==========================================================================
   ZIONIC PAGE: LARGE TYPOGRAPHY & CINEMATIC VIDEO CARDS (NO SMALL FONTS)
   ========================================================================== */

/* 1. Global Section Typography Scale */
.zionic-main-page-wrapper .section-header-centered {
  text-align: center;
  max-width: 880px;
  margin: 0 auto 60px auto;
}

.zionic-main-page-wrapper .luxury-kicker {
  display: inline-block;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #71717a !important;
  margin-bottom: 14px !important;
}

.zionic-main-page-wrapper .section-main-title {
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(38px, 4.4vw, 56px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -1.2px !important;
  color: #111111 !important;
  margin-bottom: 18px !important;
  text-transform: uppercase !important;
}

.zionic-main-page-wrapper .section-main-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(17px, 1.7vw, 21px) !important;
  font-weight: 450 !important;
  color: #52525b !important;
  line-height: 1.6 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

/* 2. Technologies Bento Cards: Larger Cinematic Video & Micro-Animations */
.zionic-tech-bento-section {
  background: #ffffff;
  padding: 110px 0;
}

.tech-bento-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
}

@media (max-width: 991px) {
  .tech-bento-grid {
    grid-template-columns: 1fr;
  }
}

.tech-bento-card {
  background: #111111 !important;
  border: 1px solid #27272a !important;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
}

.tech-bento-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35) !important;
}

.tech-card-media {
  position: relative;
  width: 100%;
  height: 380px !important; /* Larger cinematic video */
  overflow: hidden;
  background: #000000;
}

@media (max-width: 767px) {
  .tech-card-media {
    height: 260px !important;
  }
}

.tech-card-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tech-bento-card:hover .tech-card-media video {
  transform: scale(1.05) !important;
}

.tech-badge-tag {
  position: absolute;
  top: 18px;
  left: 18px;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  padding: 8px 18px !important;
  transition: border-color 0.3s ease, background 0.3s ease;
}

.tech-bento-card:hover .tech-badge-tag {
  border-color: #ffffff;
  background: #000000;
}

.tech-card-content {
  padding: 40px !important;
}

.tech-card-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 26px !important; /* Larger title */
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  margin-bottom: 18px !important;
  letter-spacing: -0.5px;
}

.tech-card-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 17.5px !important; /* Large readable body */
  color: #d4d4d8 !important;
  line-height: 1.7 !important;
  margin-bottom: 28px !important;
}

.tech-bullets-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tech-bullets-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: 'Inter', sans-serif !important;
  font-size: 16.5px !important; /* Large bullets */
  font-weight: 600 !important;
  color: #e4e4e7 !important;
  margin-bottom: 14px !important;
  padding: 6px 0;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

.tech-bullets-list li:hover {
  transform: translateX(8px) !important;
  color: #ffffff !important;
}

.tech-bullets-list li .bullet-check {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  transition: transform 0.25s ease, text-shadow 0.25s ease;
}

.tech-bullets-list li:hover .bullet-check {
  transform: scale(1.2);
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

/* 3. Manipula Section: Larger Fonts & Layout */
.zionic-manipula-section {
  background: #f4f4f5;
  padding: 110px 0;
  border-top: 1px solid #e4e4e7;
  border-bottom: 1px solid #e4e4e7;
}

.manipula-showcase-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  gap: 28px;
  align-items: center;
}

@media (max-width: 991px) {
  .manipula-showcase-grid {
    grid-template-columns: 1fr;
  }
}

.manipula-feature-card {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  padding: 40px !important;
}

.feature-num {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 40px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  margin-bottom: 16px !important;
}

.feature-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin-bottom: 14px !important;
  line-height: 1.25 !important;
}

.feature-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 16.5px !important;
  color: #52525b !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* 4. Results Slider */
.zionic-ba-section {
  background: #ffffff;
  padding: 110px 0;
}

.slide-caption {
  padding: 20px 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

/* 5. 5 Reasons Bento Grid */
.zionic-reasons-section {
  background: #111111;
  padding: 110px 0;
  border-top: 1px solid #27272a;
}

.reason-bento-box {
  padding: 40px !important;
}

.reason-box-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 14px !important;
}

.reason-box-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 16.5px !important;
  color: #d4d4d8 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* 6. Indications & Contraindications Split Matrix */
.zionic-matrix-section {
  background: #ffffff;
  padding: 110px 0;
}

.matrix-side {
  padding: 60px !important;
}

.indications-side .matrix-title,
.contraindications-side .matrix-title-dark {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  margin-bottom: 28px !important;
  letter-spacing: -0.5px;
}

.matrix-checklist li,
.matrix-crosslist li {
  font-size: 17.5px !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  line-height: 1.55 !important;
}

/* 7. Procedure Video Banner */
.zionic-video-banner-section {
  background: #000000;
  padding: 90px 0;
}

.video-banner-title {
  font-size: clamp(34px, 4vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.video-banner-sub {
  font-size: 19px !important;
  color: #e4e4e7 !important;
  margin-bottom: 32px !important;
}

.video-play-huge-btn {
  padding: 18px 40px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* 8. Luxury Booking Section */
.zionic-booking-section {
  background: #ffffff;
  padding: 110px 0;
}

.luxury-booking-card {
  padding: 70px 60px !important;
}

.booking-title {
  font-size: clamp(32px, 3.4vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  margin-bottom: 20px !important;
}

.booking-desc {
  font-size: 17.5px !important;
  color: #d4d4d8 !important;
  line-height: 1.7 !important;
  margin-bottom: 32px !important;
}

.trust-pill {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.form-input-group label {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.form-input-group input {
  padding: 16px 20px !important;
  font-size: 16px !important;
}

.msg-choice {
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px !important;
}

.luxury-submit-btn {
  padding: 20px 28px !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
}

/* 9. FAQ Accordion */
.zionic-faq-section {
  background: #f4f4f5;
  padding: 110px 0;
}

.faq-toggle-header {
  padding: 26px 32px !important;
}

.faq-q-text {
  font-size: 19px !important;
  font-weight: 800 !important;
}

.faq-answer-body {
  padding: 0 32px 26px 32px !important;
}

.faq-answer-body p {
  font-size: 17px !important;
  color: #3f3f46 !important;
  line-height: 1.7 !important;
}


/* ==========================================================================
   ZIONIC TECHNOLOGIES VIDEO: PERFECT 16:9 ASPECT RATIO & ZERO CROPPING
   ========================================================================== */
.zionic-tech-bento-section {
  background: #ffffff;
  padding: 100px 0;
}

.tech-bento-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
}

@media (max-width: 991px) {
  .tech-bento-grid {
    grid-template-columns: 1fr;
  }
}

.tech-bento-card {
  background: #111111 !important;
  border: 1px solid #27272a !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
}

.tech-bento-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4) !important;
}

/* 16:9 Video Frame: 100% Uncropped */
.tech-card-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  background: #ffffff !important;
  overflow: hidden;
  border-bottom: 1px solid #27272a;
}

.tech-card-media video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important; /* Guarantees 100% full view of video text */
  display: block;
  background: #ffffff;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tech-bento-card:hover .tech-card-media video {
  transform: scale(1.03) !important;
}

.tech-badge-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #111111;
  border: 1px solid #27272a;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  z-index: 5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.tech-bento-card:hover .tech-badge-tag {
  border-color: #ffffff;
  color: #ffffff;
}

.tech-card-content {
  padding: 40px !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.tech-card-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin-bottom: 18px !important;
  letter-spacing: -0.5px;
}

.tech-card-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 17.5px !important;
  color: #d4d4d8 !important;
  line-height: 1.7 !important;
  margin-bottom: 28px !important;
}

.tech-bullets-list {
  list-style: none;
  padding: 0;
  margin: auto 0 0 0;
}

.tech-bullets-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: 'Inter', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #e4e4e7 !important;
  margin-bottom: 14px !important;
  padding: 4px 0;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

.tech-bullets-list li:hover {
  transform: translateX(8px) !important;
  color: #ffffff !important;
}

.tech-bullets-list li .bullet-check {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}


/* ==========================================================================
   ZIONIC PAGE: STICKY CURTAIN SCREEN LAYERING (MAIN PAGE SLIDE OVERLAP)
   ========================================================================== */
@media (min-width: 992px) {
  /* 1. Hero Screen Pins as Sticky Underneath */
  .zionic-official-hero {
    position: relative !important;
    top: 72px !important;
    z-index: 1 !important;
    height: calc(100vh - 72px) !important;
    min-height: calc(100vh - 72px) !important;
  }

  /* 2. Ticker & Technologies Slide UP and Layer Over Hero with Deep Shadow */
  .zionic-infinite-ticker-section {
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.7) !important;
  }

  .zionic-tech-bento-section {
    position: relative !important;
    z-index: 11 !important;
  }

  /* 3. Manipula Section Layers Smoothly */
  .zionic-manipula-section {
    position: relative !important;
    z-index: 12 !important;
    box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.12) !important;
  }

  /* 4. Clinical Results Layers */
  .zionic-ba-section {
    position: relative !important;
    z-index: 13 !important;
  }

  /* 5. 5 Reasons Dark Bento Layers */
  .zionic-reasons-section {
    position: relative !important;
    z-index: 14 !important;
    box-shadow: 0 -25px 70px rgba(0, 0, 0, 0.6) !important;
  }

  /* 6. Matrix & Booking Section Layers */
  .zionic-matrix-section {
    position: relative !important;
    z-index: 15 !important;
  }

  .zionic-video-banner-section {
    position: relative !important;
    z-index: 16 !important;
    box-shadow: 0 -25px 70px rgba(0, 0, 0, 0.7) !important;
  }

  .zionic-booking-section {
    position: relative !important;
    z-index: 17 !important;
    box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.2) !important;
  }
}


/* ==========================================================================
   ZIONIC PAGE: BULLETPROOF STICKY CURTAIN SCREEN LAYERING (DESKTOP)
   ========================================================================== */
html, body {
  overflow-x: clip !important;
}

.zionic-main-page-wrapper {
  overflow-x: clip !important;
  overflow-y: visible !important;
  position: relative !important;
  width: 100% !important;
}

@media (min-width: 992px) {
  /* 1. Hero Screen Pins Sticky Underneath */
  .zionic-official-hero {
    position: -webkit-sticky !important;
    position: relative !important;
    top: 72px !important;
    z-index: 1 !important;
    width: 100% !important;
    height: calc(100vh - 72px) !important;
    min-height: calc(100vh - 72px) !important;
    overflow: hidden !important;
    will-change: transform;
  }

  /* 2. Ticker & Technologies Slide UP and Layer directly on top of Hero */
  .zionic-infinite-ticker-section {
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
  }

  .zionic-tech-bento-section {
    position: relative !important;
    z-index: 11 !important;
    box-shadow: 0 -25px 70px rgba(0, 0, 0, 0.35) !important;
  }

  .zionic-manipula-section {
    position: relative !important;
    z-index: 12 !important;
    box-shadow: 0 -25px 70px rgba(0, 0, 0, 0.15) !important;
  }

  .zionic-ba-section {
    position: relative !important;
    z-index: 13 !important;
  }

  .zionic-reasons-section {
    position: relative !important;
    z-index: 14 !important;
    box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
  }

  .zionic-matrix-section {
    position: relative !important;
    z-index: 15 !important;
  }

  .zionic-video-banner-section {
    position: relative !important;
    z-index: 16 !important;
    box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
  }

  .zionic-booking-section {
    position: relative !important;
    z-index: 17 !important;
    box-shadow: 0 -25px 70px rgba(0, 0, 0, 0.25) !important;
  }
}



/* ==========================================================================
   ZIONIC FULLSCREEN MANIPULA SHOWCASE (100% FULL WIDTH EDGE-TO-EDGE)
   ========================================================================== */
.zionic-manipula-fullscreen-section {
  position: relative !important;
  z-index: 12 !important;
  width: 100% !important;
  max-width: 100vw !important;
  background: #111111 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
}

.manipula-fullscreen-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: #111111 !important;
}

.manipula-fullscreen-img {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Zero Yellow / Pure Monochrome & Clean White Highlights */
.tech-bento-card:hover {
  border-color: #52525b !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.5) !important;
}

.tech-badge-tag {
  background: #111111 !important;
  border: 1px solid #3f3f46 !important;
  color: #ffffff !important;
}

.tech-bento-card:hover .tech-badge-tag {
  border-color: #ffffff !important;
  color: #ffffff !important;
  background: #000000 !important;
}

.tech-bullets-list li .bullet-check {
  color: #ffffff !important;
  text-shadow: none !important;
}

.tech-bullets-list li:hover .bullet-check {
  transform: scale(1.15) !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
}

.reason-bento-box.highlight-hero-box {
  grid-column: span 2;
  border-color: #3f3f46 !important;
  background: #18181b !important;
}

.trust-pill .trust-check {
  color: #ffffff !important;
}


/* ==========================================================================
   REMOVE GRADIENT / SHADOW OVERLAY ON MANIPULA SECTION
   ========================================================================== */
.zionic-manipula-fullscreen-section,
.zionic-manipula-section,
.manipula-fullscreen-wrapper,
.manipula-fullscreen-img {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  filter: none !important;
}

.zionic-tech-bento-section {
  box-shadow: none !important;
  border-bottom: none !important;
}


/* ==========================================================================
   ZIONIC INTERACTIVE BEFORE / AFTER COMPARISON STAGE (SHARP LUXURY)
   ========================================================================== */
.zionic-ba-section {
  background: #ffffff;
  padding: 100px 0;
  border-top: 1px solid #e4e4e7;
  border-bottom: 1px solid #e4e4e7;
}

.zionic-compare-card-container {
  max-width: 1060px;
  margin: 0 auto;
}

.zionic-compare-viewport {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  max-height: 580px;
  background: #111111;
  overflow: hidden;
  border: 1px solid #18181b;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: ew-resize;
}

@media (max-width: 767px) {
  .zionic-compare-viewport {
    aspect-ratio: 4 / 3;
  }
}

.compare-img-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.compare-img-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #111111;
  pointer-events: none;
}

.compare-img-layer.layer-before {
  clip-path: inset(0 50% 0 0);
  z-index: 2;
  will-change: clip-path;
}

.compare-tag {
  position: absolute;
  top: 20px;
  background: #000000;
  border: 1px solid #27272a;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  padding: 6px 16px !important;
  border-radius: 0 !important;
  z-index: 4;
}

.tag-before {
  left: 20px;
}

.tag-after {
  right: 20px;
}

/* Draggable Divider */
.compare-divider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #ffffff;
  z-index: 5;
  transform: translateX(-50%);
  pointer-events: none;
  will-change: left;
}

.divider-line {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.divider-pill-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background: #111111;
  border: 2px solid #ffffff;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}

.compare-range-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
  z-index: 10;
  margin: 0;
  padding: 0;
}

/* Clinical Details Panel */
.zionic-compare-meta-box {
  background: #111111;
  border: 1px solid #27272a;
  border-top: none;
  padding: 36px 44px;
  color: #ffffff;
}

.meta-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.meta-case-number {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #a1a1aa !important;
  text-transform: uppercase !important;
  display: block;
  margin-bottom: 4px;
}

.meta-zone-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.meta-protocol-badge {
  background: #18181b;
  border: 1px solid #3f3f46;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  padding: 8px 18px !important;
  border-radius: 0 !important;
}

.meta-zone-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  color: #d4d4d8 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* 6 Cases Switcher Grid */
.zionic-cases-switcher-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-top: 24px;
}

@media (max-width: 991px) {
  .zionic-cases-switcher-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575px) {
  .zionic-cases-switcher-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.case-switcher-btn {
  background: #f4f4f5;
  border: 1px solid #e4e4e7;
  padding: 16px 14px;
  text-align: left;
  cursor: pointer;
  border-radius: 0 !important;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.case-switcher-btn:hover {
  background: #e4e4e7;
  border-color: #d4d4d8;
  transform: translateY(-2px);
}

.case-switcher-btn.is-active {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.case-switcher-btn .btn-num {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 800;
  color: #71717a;
}

.case-switcher-btn.is-active .btn-num {
  color: #a1a1aa;
}

.case-switcher-btn .btn-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  color: #111111;
  line-height: 1.25;
}

.case-switcher-btn.is-active .btn-text {
  color: #ffffff;
}

.case-switcher-btn .btn-tag {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #71717a;
}

.case-switcher-btn.is-active .btn-tag {
  color: #d4d4d8;
}



/* ==========================================================================
   ZIONIC HORIZONTAL COMPARE (LEFT-TO-RIGHT) + EQUAL HEIGHT SIDE TILES
   ========================================================================== */
.zionic-ba-section {
  background: #ffffff;
  padding: 100px 0;
  border-top: 1px solid #e4e4e7;
  border-bottom: 1px solid #e4e4e7;
}

.zionic-split-results-layout {
  display: grid;
  grid-template-columns: 46% 54%;
  gap: 36px;
  align-items: stretch; /* Both columns match EXACT height */
  max-width: 1440px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .zionic-split-results-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* Left Column: Horizontal Compare Viewport */
.zionic-compare-left-col {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.zionic-horizontal-compare-viewport {
  position: relative;
  width: 100%;
  flex: 1; /* Takes full available height */
  min-height: 520px;
  background: #111111;
  overflow: hidden;
  border: 1px solid #27272a;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
  touch-action: none !important;
  cursor: ew-resize; /* Horizontal cursor */
}

.horizontal-img-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.horizontal-img-layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-user-drag: none !important;
  -webkit-touch-callout: none !important;
}

.horizontal-img-layer.layer-after {
  z-index: 1;
}

.horizontal-img-layer.layer-before {
  clip-path: inset(0 50% 0 0); /* Left half shown initially */
  z-index: 2;
  will-change: clip-path;
}

.horizontal-compare-tag {
  position: absolute;
  top: 16px;
  background: #111111;
  border: 1px solid #3f3f46;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  padding: 5px 14px !important;
  border-radius: 0 !important;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.tag-left {
  left: 16px;
}

.tag-right {
  right: 16px;
}

/* Vertical Divider Line & Horizontal Drag Handle (Left to Right) */
.horizontal-divider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #ffffff;
  z-index: 5;
  transform: translateX(-50%);
  pointer-events: none;
  will-change: left;
}

.horizontal-divider-line {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.horizontal-handle-pill {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background: #111111;
  border: 2px solid #ffffff;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
  gap: 2px;
}

.horizontal-range-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
  z-index: 10;
  margin: 0;
  padding: 0;
}

/* Meta Bar Under Compare Screen */
.compare-current-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #111111;
  border: 1px solid #27272a;
  border-top: none;
  padding: 16px 20px;
  color: #ffffff;
  flex-shrink: 0;
}

.meta-current-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.meta-active-num {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 800;
  color: #a1a1aa;
  letter-spacing: 1px;
}

.meta-active-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
}

.meta-active-badge {
  background: #18181b;
  border: 1px solid #3f3f46;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  padding: 4px 12px;
}

/* Right Column: 6 Tiles Matching Exact Total Height */
.zionic-compare-right-col {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.zionic-result-tiles-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr); /* 3 equal rows matching left height */
  gap: 14px;
  height: 100%;
}

@media (max-width: 575px) {
  .zionic-result-tiles-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.result-tile-card {
  background: #f4f4f5;
  border: 1px solid #e4e4e7;
  padding: 20px 20px;
  cursor: pointer;
  border-radius: 0 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Equal vertical spacing */
  position: relative;
}

.result-tile-card:hover {
  background: #ffffff;
  border-color: #27272a;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.result-tile-card.is-active {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.tile-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.tile-header-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tile-header-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tile-accordion-arrow {
  display: none;
}

.mobile-tile-ba-viewport {
  display: none;
}

.tile-accordion-content {
  display: block;
  max-height: none;
  opacity: 1;
  overflow: visible;
}

.tile-number {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #71717a;
}

.result-tile-card.is-active .tile-number {
  color: #a1a1aa;
}

.tile-badge {
  background: #ffffff;
  border: 1px solid #d4d4d8;
  color: #111111;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 0 !important;
}

.result-tile-card.is-active .tile-badge {
  background: #18181b;
  border-color: #3f3f46;
  color: #ffffff;
}

.tile-title,
.result-tile-card .tile-title,
.result-tile-card h4.tile-title,
h4.tile-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
}

.result-tile-card.is-active .tile-title {
  color: #ffffff !important;
}

.tile-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #52525b !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.result-tile-card.is-active .tile-desc {
  color: #d4d4d8 !important;
}

/* ==========================================================================
   MOBILE ACCORDION FOR BEFORE / AFTER RESULTS (<= 991px)
   ========================================================================== */
@media (max-width: 991px) {
  .zionic-compare-left-col {
    display: none !important;
  }

  .zionic-split-results-layout {
    display: block !important;
    max-width: 100% !important;
  }

  .zionic-compare-right-col {
    width: 100% !important;
  }

  .zionic-result-tiles-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .result-tile-card {
    background: #18181b !important;
    border: 1px solid #27272a !important;
    border-radius: 4px !important;
    padding: 16px 18px !important;
    cursor: pointer !important;
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
  }

  .result-tile-card:hover {
    border-color: #3f3f46 !important;
    transform: none !important;
  }

  .result-tile-card.is-expanded,
  .result-tile-card.is-active {
    background: #111111 !important;
    border-color: #52525b !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
  }

  .tile-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 0 !important;
  }

  .tile-header-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .tile-header-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .tile-number {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #a1a1aa !important;
  }

  .tile-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.3 !important;
  }

  .tile-badge {
    background: #27272a !important;
    border: 1px solid #3f3f46 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 3px 9px !important;
    white-space: nowrap !important;
  }

  .tile-accordion-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #27272a !important;
    color: #d4d4d8 !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, color 0.2s ease !important;
  }

  .result-tile-card.is-expanded .tile-accordion-arrow,
  .result-tile-card.is-active .tile-accordion-arrow {
    transform: rotate(180deg) !important;
    background: #ffffff !important;
    color: #111111 !important;
  }

  /* Accordion Content */
  .tile-accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.38s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, padding 0.3s ease;
    padding-top: 0;
  }

  .result-tile-card.is-expanded .tile-accordion-content,
  .result-tile-card.is-active .tile-accordion-content {
    max-height: 900px;
    opacity: 1;
    overflow: visible;
    padding-top: 14px;
  }

  .tile-desc {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #a1a1aa !important;
    margin: 0 0 14px 0 !important;
  }

  /* Mobile Inline Slider */
  .mobile-tile-ba-viewport {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: clamp(300px, 75vw, 420px) !important;
    background: #111111 !important;
    overflow: hidden !important;
    border: 1px solid #3f3f46 !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    cursor: ew-resize !important;
    touch-action: none !important;
    margin-top: 10px !important;
  }

  .mobile-tile-ba-viewport .horizontal-img-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .mobile-tile-ba-viewport .horizontal-img-layer img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    -webkit-touch-callout: none !important;
  }

  .mobile-tile-ba-viewport .layer-after {
    z-index: 1 !important;
  }

  .mobile-tile-ba-viewport .layer-before {
    z-index: 2 !important;
    clip-path: inset(0 50% 0 0);
    will-change: clip-path;
  }

  .mobile-tile-ba-viewport .horizontal-compare-tag {
    position: absolute !important;
    top: 12px !important;
    background: rgba(17, 17, 17, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    padding: 4px 10px !important;
    pointer-events: none !important;
    z-index: 4 !important;
  }

  .mobile-tile-ba-viewport .tag-left {
    left: 12px !important;
  }

  .mobile-tile-ba-viewport .tag-right {
    right: 12px !important;
  }

  .mobile-tile-ba-viewport .horizontal-divider-handle {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50%;
    width: 2px !important;
    background: #ffffff !important;
    z-index: 5 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
    will-change: left;
  }

  .mobile-tile-ba-viewport .horizontal-divider-line {
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
  }

  .mobile-tile-ba-viewport .horizontal-handle-pill {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 38px !important;
    height: 38px !important;
    background: #111111 !important;
    border: 2px solid #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7) !important;
    gap: 1px !important;
  }

  .mobile-tile-ba-viewport .horizontal-range-input {
    display: none !important;
  }
}


/* ==========================================================================
   ZIONIC PROCEDURE SHOWCASE SECTION (MAIN PAGE DESIGN SYSTEM)
   ========================================================================== */
.zionic-procedure-showcase-section {
  position: relative;
  z-index: 14;
  background: #f4f4f5;
  padding: 110px 0;
  border-top: 1px solid #e4e4e7;
  border-bottom: 1px solid #e4e4e7;
}

.zionic-procedure-split-grid {
  display: grid;
  grid-template-columns: 48% 52%;
  gap: 36px;
  align-items: stretch;
  max-width: 1440px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .zionic-procedure-split-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* Left Column: Dark Obsidian Expert Card */
.procedure-expert-text-card {
  background: #111111;
  border: 1px solid #27272a;
  padding: 44px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

.procedure-card-tag {
  display: inline-block;
  background: #18181b;
  border: 1px solid #3f3f46;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  margin-bottom: 24px;
  width: fit-content;
}

.procedure-text-paragraphs p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16.5px !important;
  color: #d4d4d8 !important;
  line-height: 1.7 !important;
  margin-bottom: 18px !important;
}

.procedure-text-paragraphs p.procedure-lead-p {
  font-size: 17.5px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  line-height: 1.75 !important;
}

.procedure-meta-doctor-footer {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #27272a;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.doctor-badge-info .doc-role {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: #a1a1aa;
  margin-bottom: 4px;
}

.doctor-badge-info .doc-highlight {
  font-family: 'Montserrat', sans-serif;
  font-size: 14.5px;
  font-weight: 800;
  color: #ffffff;
}

/* Right Column: Gallery Bento */
.procedure-gallery-bento {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.gallery-main-frame {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
  background: #111111;
  border: 1px solid #27272a;
}

.gallery-main-frame img,
.gallery-sub-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.gallery-main-frame:hover img,
.gallery-sub-frame:hover img {
  transform: scale(1.04);
}

.gallery-sub-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  flex: 1;
}

.gallery-sub-frame {
  position: relative;
  width: 100%;
  min-height: 220px;
  overflow: hidden;
  background: #111111;
  border: 1px solid #27272a;
}

.gallery-frame-tag {
  position: absolute;
  bottom: 14px;
  left: 14px;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  padding: 5px 12px !important;
  border-radius: 0 !important;
}



/* ==========================================================================
   ZIONIC 5 REASONS / TREATMENTS FULLSCREEN INFOGRAPHIC SECTION (PURE WHITE)
   ========================================================================== */
.zionic-treatments-fullscreen-section {
  position: relative !important;
  z-index: 15 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  padding: 100px 0 85px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: none !important;
  width: 100% !important;
}

.treatments-infographic-viewport {
  position: relative !important;
  width: 100% !important;
  max-width: 1550px !important;
  margin: 60px auto 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 clamp(16px, 3vw, 40px) !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.treatments-infographic-viewport img {
  width: 100% !important;
  max-width: 1450px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  mix-blend-mode: normal !important;
}

@media (max-width: 767px) {
  .zionic-treatments-fullscreen-section {
    padding: 70px 0 40px 0 !important;
  }
  .treatments-infographic-viewport img {
    max-width: 100% !important;
  }
}


/* ==========================================================================
   ZIONIC CREATIVE INDICATIONS & CONTRAINDICATIONS MATRIX
   ========================================================================== */
.zionic-matrix-section {
  position: relative;
  z-index: 16;
  background: #ffffff;
  padding: 110px 0;
  border-top: none !important;
  border-bottom: 1px solid #e4e4e7;
}

.zionic-creative-matrix-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  max-width: 1440px;
  margin: 0 auto;
  align-items: stretch;
}

@media (max-width: 991px) {
  .zionic-creative-matrix-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.matrix-creative-card {
  padding: 44px 38px;
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.matrix-creative-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}

/* Left Card: Indications (Obsidian Dark) */
.matrix-creative-card.indications-card {
  background: #111111;
  border: 1px solid #27272a;
  color: #ffffff;
}

/* Right Card: Contraindications (Architectural Light Zinc) */
.matrix-creative-card.contraindications-card {
  background: #f4f4f5;
  border: 1px solid #e4e4e7;
  color: #111111;
}

.matrix-card-header {
  margin-bottom: 32px;
  border-bottom: 1px solid;
  padding-bottom: 24px;
}

.indications-card .matrix-card-header {
  border-color: #27272a;
}

.contraindications-card .matrix-card-header {
  border-color: #e4e4e7;
}

.matrix-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  margin-bottom: 16px;
  border-radius: 0 !important;
}

.pill-positive {
  background: #18181b;
  border: 1px solid #3f3f46;
  color: #ffffff;
}

.pill-dot {
  width: 7px;
  height: 7px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.pill-warning {
  background: #ffffff;
  border: 1px solid #d4d4d8;
  color: #111111;
}

.pill-cross {
  font-weight: 900;
  font-size: 12px;
}

.matrix-main-head {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.2 !important;
}

.indications-card .matrix-main-head {
  color: #ffffff !important;
}

.contraindications-card .matrix-main-head {
  color: #111111 !important;
}

.matrix-sub-head {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.indications-card .matrix-sub-head {
  color: #a1a1aa !important;
}

.contraindications-card .matrix-sub-head {
  color: #71717a !important;
}

/* Items Stack */
.matrix-items-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.matrix-item-row {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 20px;
  border-radius: 0 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
}

.indications-card .matrix-item-row {
  background: #18181b;
  border-color: #27272a;
}

.indications-card .matrix-item-row:hover {
  background: #222226;
  border-color: #3f3f46;
  transform: translateX(4px);
}

.contraindications-card .matrix-item-row {
  background: #ffffff;
  border-color: #e4e4e7;
}

.contraindications-card .matrix-item-row:hover {
  border-color: #27272a;
  transform: translateX(4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.item-index {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #71717a;
  padding-top: 2px;
  flex-shrink: 0;
}

.indications-card .matrix-item-row:hover .item-index {
  color: #ffffff;
}

.item-alert-icon {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #71717a;
  padding-top: 2px;
  flex-shrink: 0;
}

.contraindications-card .matrix-item-row:hover .item-alert-icon {
  color: #111111;
}

.item-content {
  flex: 1;
}

.item-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  margin: 0 0 5px 0 !important;
  line-height: 1.3 !important;
}

.indications-card .item-title {
  color: #ffffff !important;
}

.contraindications-card .item-title {
  color: #111111 !important;
}

.item-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.indications-card .item-desc {
  color: #a1a1aa !important;
}

.contraindications-card .item-desc {
  color: #52525b !important;
}




/* ==========================================================================
   ZIONIC FULLSCREEN VIDEO BANNER - PERFECT CIRCLE PLAY BUTTON
   ========================================================================== */
.zionic-video-fullscreen-banner {
  position: relative;
  z-index: 17;
  width: 100%;
  height: 85vh;
  min-height: 600px;
  max-height: 920px;
  background: #000000;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #27272a;
  border-bottom: 1px solid #27272a;
  cursor: pointer;
}

.video-fullscreen-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  filter: brightness(0.85);
  transition: filter 0.5s ease;
}

.zionic-video-fullscreen-banner:hover .video-fullscreen-bg {
  filter: brightness(0.95);
}

.video-fullscreen-vignette {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.65) 100%);
  pointer-events: none;
  z-index: 2;
}

.video-fullscreen-center-box {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

/* Perfect Geometric Circle Play Button */
.lux-play-pure-circle-btn {
  position: relative;
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  aspect-ratio: 1 / 1 !important;
}

.lux-play-pure-circle-btn:hover {
  transform: scale(1.14) !important;
}

.pure-circle-inner {
  position: relative !important;
  z-index: 4 !important;
  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  max-width: 90px !important;
  max-height: 90px !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 255, 255, 0.5) !important;
  transition: all 0.3s ease !important;
  padding: 0 0 0 5px !important; /* Perfect optical center for triangle */
  margin: 0 !important;
  flex-shrink: 0 !important;
  aspect-ratio: 1 / 1 !important;
}

.lux-play-pure-circle-btn:hover .pure-circle-inner {
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.7), 0 0 45px rgba(255, 255, 255, 0.9) !important;
}

.pure-pulse-ring {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 90px !important;
  height: 90px !important;
  border: 2px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 50% !important;
  animation: zionicPurePulse 2.4s infinite ease-out !important;
  pointer-events: none !important;
  aspect-ratio: 1 / 1 !important;
}

.pure-pulse-ring-outer {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 90px !important;
  height: 90px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 50% !important;
  animation: zionicPurePulse 2.4s infinite 0.9s ease-out !important;
  pointer-events: none !important;
  aspect-ratio: 1 / 1 !important;
}

@keyframes zionicPurePulse {
  0% {
    width: 90px;
    height: 90px;
    opacity: 0.95;
  }
  100% {
    width: 170px;
    height: 170px;
    opacity: 0;
  }
}




/* ==========================================================================
   ZIONIC PARTNER & PRESENTATION STAGE - CLEAN NATIVE FORM (NO WHITE BOX PLATE)
   ========================================================================== */
.zionic-partner-stage-section {
  position: relative !important;
  z-index: 18 !important;
  background: #f4f4f5 !important;
  padding: 100px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

/* Header spacing */
.zionic-partner-stage-section .presentation-header {
  text-align: center !important;
  max-width: 980px !important;
  margin: 0 auto 50px auto !important;
  padding: 0 20px !important;
}

.zionic-partner-stage-section .luxury-kicker {
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #71717a !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.zionic-partner-stage-section .section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(36px, 3.8vw, 48px) !important;
  font-weight: 900 !important;
  color: #111111 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase !important;
}

.zionic-partner-stage-section .section-main-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 19px !important;
  color: #52525b !important;
  line-height: 1.6 !important;
  margin: 0 auto !important;
  max-width: 860px !important;
}

/* Grid */
.zionic-partner-stage-section .presentation-stage-grid {
  display: grid !important;
  grid-template-columns: 48% 52% !important;
  gap: 40px !important;
  align-items: flex-start !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  .zionic-partner-stage-section .presentation-stage-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}

/* Left Visual Column */
.zionic-partner-stage-section .presentation-visual-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.zionic-partner-stage-section .presentation-photo-frame {
  position: relative !important;
  width: 100% !important;
  height: 340px !important;
  min-height: 340px !important;
  overflow: hidden !important;
  border: 1px solid #e4e4e7 !important;
  background: #ffffff !important;
  margin-bottom: 0 !important;
}

.zionic-partner-stage-section .presentation-photo-frame .presentation-showcase-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
  display: block;
}

.partner-guarantees-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.guarantees-head-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  margin: 10px 0 12px 0 !important;
  padding-left: 68px !important; /* Exactly aligned with the headings in the text */
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

@media (max-width: 576px) {
  .guarantees-head-title {
    padding-left: 0 !important;
  }
}

.guarantee-item-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 16px 20px !important;
  border-radius: 0 !important;
  transition: all 0.25s ease !important;
}

.guarantee-item-row:hover {
  border-color: #27272a !important;
  transform: translateX(4px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05) !important;
}

.guarantee-num {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  background: #f4f4f5 !important;
  border: 1px solid #d4d4d8 !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.guarantee-text strong {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin-bottom: 4px !important;
}

.guarantee-text span {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  color: #52525b !important;
  line-height: 1.55 !important;
}

/* Right Form Column - ELEGANT LIGHT-GRAY PLATE CARD */
.zionic-partner-stage-section .presentation-form-col {
  display: flex !important;
  flex-direction: column !important;
}

.zionic-partner-stage-section .presentation-form-card {
  background: #f4f4f6 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0px !important;
  padding: 40px 36px 36px 36px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 20px !important;
  box-sizing: border-box !important;
}

.zionic-partner-stage-section .form-card-header {
  margin-bottom: 0 !important;
}

.zionic-partner-stage-section .partner-card-kicker {
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: #71717a !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

.zionic-partner-stage-section .form-card-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.3px !important;
}

.zionic-partner-stage-section .form-card-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #52525b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.zionic-partner-stage-section .presentation-open-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-top: 4px !important;
}

.zionic-partner-stage-section .form-group-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.zionic-partner-stage-section .form-label-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

.zionic-partner-stage-section .luxury-form-input {
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  padding: 14px 16px 14px 44px !important;
  background: #ffffff !important;
  border: 1px solid #d4d4d8 !important;
  color: #111111 !important;
  border-radius: 0 !important;
  transition: all 0.25s ease !important;
}

.zionic-partner-stage-section .luxury-form-input:focus {
  border-color: #111111 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.1) !important;
}

.zionic-partner-stage-section .messenger-pills-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

.zionic-partner-stage-section .messenger-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  background: #ffffff !important;
  border: 1px solid #d4d4d8 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
}

.zionic-partner-stage-section .messenger-pill.active,
.zionic-partner-stage-section .messenger-pill:hover {
  border-color: #111111 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.zionic-partner-stage-section .submit-presentation-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  padding: 17px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-top: 6px !important;
}

.zionic-partner-stage-section .submit-presentation-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

.zionic-partner-stage-section .form-privacy-note {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  color: #71717a !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}




/* ==========================================================================
   ZIONIC LOWER SCREENS: DOCTORS, FAQ, REAL CERTIFICATES & EXPANDABLE SEO
   ========================================================================== */


/* ==========================================================================
   DOCTORS CARDS (PURE WHITE LUXURY CARDS WITH HIGH CONTRAST TEXT)
   ========================================================================== */
.zionic-doctors-section {
  position: relative !important;
  z-index: 19 !important;
  background: #f4f4f5 !important;
  padding: 110px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  width: 100% !important;
}

.zionic-doctors-section .section-header-centered {
  text-align: center !important;
  max-width: 960px !important;
  margin: 0 auto 56px auto !important;
  padding: 0 20px !important;
}

.zionic-doctors-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  .zionic-doctors-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    max-width: 560px !important;
  }
}

.doctor-luxury-card {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.35s ease !important;
}

.doctor-luxury-card:hover {
  transform: translateY(-6px) !important;
  border-color: #111111 !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1) !important;
}

.doctor-photo-frame {
  position: relative !important;
  width: 100% !important;
  height: 380px !important;
  overflow: hidden !important;
  background: #f4f4f5 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.doctor-photo-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.doctor-luxury-card:hover .doctor-photo-frame img {
  transform: scale(1.04) !important;
}

.doctor-card-info {
  padding: 26px 24px 30px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  background: #ffffff !important;
}

.doctor-header-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 4px !important;
}

.doctor-name,
.zionic-main-page-wrapper .doctor-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

.doctor-phd-badge {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  background: #f4f4f5 !important;
  border: 1px solid #d4d4d8 !important;
  padding: 4px 10px !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
}

.doctor-specialty {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.doctor-clinic {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #52525b !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}


/* ==========================================================================
   CERTIFICATES ZOOM & FULLSCREEN LIGHTBOX
   ========================================================================== */
.zionic-certificates-section {
  position: relative !important;
  z-index: 21 !important;
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: 1px solid #e4e4e7 !important;
  width: 100% !important;
}

.zionic-cert-scans-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 40px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  .zionic-cert-scans-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

.cert-scan-card {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 24px !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.cert-scan-card:hover {
  border-color: #111111 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1) !important;
}

.cert-scan-frame {
  position: relative !important;
  width: 100% !important;
  height: 480px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  cursor: zoom-in !important;
}

.cert-scan-frame img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

/* Elegant Zoom Overlay on hover */
.cert-zoom-overlay {
  position: absolute !important;
  bottom: 14px !important;
  right: 14px !important;
  background: rgba(17, 17, 17, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding: 8px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: all 0.25s ease !important;
  pointer-events: none !important;
}

.cert-scan-card:hover .cert-zoom-overlay {
  background: #111111 !important;
  border-color: #ffffff !important;
  transform: scale(1.05) !important;
}

.cert-zoom-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}

.cert-scan-badge {
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #111111 !important;
  background: #f4f4f5 !important;
  border: 1px solid #d4d4d8 !important;
  padding: 5px 12px !important;
  margin-bottom: 8px !important;
  width: fit-content !important;
}

.cert-scan-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}

.cert-scan-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  color: #52525b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ==========================================================================
   FULLSCREEN CERTIFICATE LIGHTBOX MODAL
   ========================================================================== */
.cert-lightbox-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(10, 10, 12, 0.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.cert-lightbox-modal.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.cert-lightbox-dialog {
  position: relative !important;
  max-width: 92vw !important;
  max-height: 92vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  animation: modalScaleIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes modalScaleIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.cert-lightbox-close {
  position: fixed !important;
  top: 24px !important;
  right: 28px !important;
  width: 48px !important;
  height: 48px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  z-index: 1000000 !important;
}

.cert-lightbox-close:hover {
  background: #ffffff !important;
  color: #111111 !important;
  transform: scale(1.06) !important;
}

.cert-lightbox-img-wrap {
  position: relative !important;
  max-width: 88vw !important;
  max-height: 82vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  padding: 12px !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.cert-lightbox-img-wrap img {
  max-width: 100% !important;
  max-height: 80vh !important;
  object-fit: contain !important;
  display: block !important;
}

.cert-lightbox-caption {
  margin-top: 14px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}


/* 4. MODERN SEO EXPANDABLE ARTICLE */
.zionic-seo-clean-section {
  position: relative !important;
  z-index: 22 !important;
  background: #ffffff !important;
  padding: 90px 0 110px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  width: 100% !important;
}

.seo-article-card {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.seo-article-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(28px, 3.2vw, 38px) !important;
  font-weight: 900 !important;
  color: #111111 !important;
  line-height: 1.25 !important;
  margin: 0 0 24px 0 !important;
}

.seo-article-sub-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  margin: 36px 0 16px 0 !important;
}

.seo-article-card p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #52525b !important;
  line-height: 1.75 !important;
  margin: 0 0 20px 0 !important;
}

.seo-article-bullets {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.seo-article-bullets li {
  position: relative !important;
  padding-left: 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #52525b !important;
  line-height: 1.7 !important;
}

.seo-article-bullets li::before {
  content: "•" !important;
  position: absolute !important;
  left: 6px !important;
  top: 0 !important;
  color: #111111 !important;
  font-weight: 900 !important;
  font-size: 20px !important;
}

.seo-article-bullets li strong {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #111111 !important;
}

/* Expandable logic */
.seo-expandable-content {
  display: none;
  overflow: hidden;
}

.seo-expandable-content.expanded {
  display: block !important;
  animation: fadeInSeo 0.4s ease forwards !important;
}

@keyframes fadeInSeo {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.seo-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  padding: 13px 26px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  margin-top: 10px !important;
  transition: all 0.25s ease !important;
}

.seo-toggle-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
}



/* ==========================================================================
   HERO STICKY CURTAIN SLIDE-OVER + NO GRADIENT ON 2ND SCREEN
   ========================================================================== */
.zionic-official-hero {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 700px !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.zionic-manipula-fullscreen-section {
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  max-width: 100vw !important;
  background: #1c1c1e !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  border: none !important;
}

.manipula-fullscreen-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: #1c1c1e !important;
  box-shadow: none !important;
  border: none !important;
}

.manipula-fullscreen-img {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Ensure all subsequent sections have solid opaque backgrounds & higher z-index so Hero never bleeds */
.zionic-treatments-fullscreen-section,
.zionic-ba-section,
.zionic-partner-stage-section,
.zionic-doctors-section,
.zionic-faq-section,
.zionic-certificates-section,
.zionic-seo-clean-section,
.footer,
footer {
  position: relative !important;
  z-index: 10 !important;
}


/* ==========================================================================
   ZIONIC OBSIDIAN LUXURY FAQ ACCORDION (100% COLLAPSIBLE)
   ========================================================================== */
.zionic-faq-section {
  position: relative !important;
  z-index: 20 !important;
  background: #f4f4f5 !important;
  padding: 110px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  width: 100% !important;
}

.zionic-faq-section .section-header-centered {
  text-align: center !important;
  max-width: 960px !important;
  margin: 0 auto 56px auto !important;
  padding: 0 20px !important;
}

.faq-accordion-grid {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}

.faq-accordion-card {
  position: relative !important;
  width: 100% !important;
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

.faq-accordion-card.active {
  background: #111111 !important;
  border-color: #3f3f46 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.faq-toggle-header {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 24px 30px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  gap: 20px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.faq-toggle-header:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}

.faq-q-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  transition: color 0.2s ease !important;
}

.faq-accordion-card.active .faq-q-text { color: #18181b !important; }

.faq-icon {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: #27272a !important;
  border: 1px solid #3f3f46 !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.faq-accordion-card.active .faq-icon {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
}

/* CRITICAL: ONLY SHOW ANSWER WHEN CARD HAS .active CLASS */
.faq-accordion-card .faq-answer-body {
  display: none !important;
  padding: 0 30px 26px 30px !important;
  box-sizing: border-box !important;
}

.faq-accordion-card.active .faq-answer-body {
  display: block !important;
  animation: faqFadeIn 0.25s ease forwards !important;
}

@keyframes faqFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.faq-answer-body p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #a1a1aa !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}



/* ==========================================================================
   TECHNOLOGIES SECTION (RESTORED CLEAN WHITE BACKGROUND + DARK HEADINGS)
   ========================================================================== */
.zionic-tech-bento-section {
  position: relative !important;
  z-index: 10 !important;
  background: #ffffff !important; /* Pure clean white background as original */
  padding: 110px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: 1px solid #e4e4e7 !important;
  width: 100% !important;
}

.zionic-tech-bento-section .section-header-centered {
  text-align: center !important;
  max-width: 960px !important;
  margin: 0 auto 56px auto !important;
  padding: 0 20px !important;
}

.zionic-tech-bento-section .luxury-kicker {
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #71717a !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.zionic-tech-bento-section .section-main-title,
.zionic-main-page-wrapper .zionic-tech-bento-section .section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(36px, 3.8vw, 48px) !important;
  font-weight: 900 !important;
  color: #111111 !important; /* Obsidian Dark Main Title */
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase !important;
}

.zionic-tech-bento-section .section-main-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 18.5px !important;
  color: #52525b !important;
  line-height: 1.6 !important;
  margin: 0 auto !important;
  max-width: 860px !important;
}

.tech-bento-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  .tech-bento-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

.tech-bento-card {
  background: #18181b !important;
  border: 1px solid #3f3f46 !important; /* Elegant Graphite Border matching footer */
  border-radius: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.35s ease !important;
}

.tech-bento-card:hover {
  transform: translateY(-5px) !important;
  border-color: #71717a !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.2) !important;
}

.tech-card-media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  background: #ffffff !important;
  overflow: hidden !important;
  border-bottom: 1px solid #27272a !important;
}

.tech-card-media video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #ffffff !important;
  transition: transform 0.3s ease !important;
}

.tech-bento-card:hover .tech-card-media video {
  transform: scale(1.01) !important;
}

.tech-badge-tag {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  background: #27272a !important;
  color: #f4f4f5 !important;
  border: 1px solid #52525b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  z-index: 2 !important;
}

.tech-card-content {
  padding: 36px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  background: #18181b !important;
}

/* WHITE BOLD HEADINGS INSIDE DARK CARDS */
.tech-card-heading,
.zionic-main-page-wrapper .tech-card-heading,
.zionic-tech-bento-section .tech-card-heading,
.zionic-tech-bento-section h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  text-transform: none !important;
}

.tech-card-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #a1a1aa !important;
  line-height: 1.65 !important;
  margin: 0 0 14px 0 !important;
}

.tech-bullets-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.tech-bullets-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #e4e4e7 !important;
  line-height: 1.5 !important;
}

.tech-bullets-list li .bullet-check {
  font-family: 'Montserrat', sans-serif !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}


/* ==========================================================================
   CERTIFICATES SECTION (HARMONIOUS GRAPHITE GRAY BORDERS MATCHING FOOTER)
   ========================================================================= */
.zionic-certificates-section {
  position: relative !important;
  z-index: 21 !important;
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: 1px solid #e4e4e7 !important;
  width: 100% !important;
}

.cert-scan-card {
  background: #ffffff !important;
  border: 1px solid #d4d4d8 !important; /* Elegant Soft Gray Border */
  padding: 24px !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.cert-scan-card:hover {
  border-color: #52525b !important; /* Deep Graphite Accent on hover */
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.09) !important;
}

.cert-scan-frame {
  position: relative !important;
  width: 100% !important;
  height: 480px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important; /* Soft Slate Border */
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  cursor: zoom-in !important;
}

.cert-scan-badge {
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #ffffff !important;
  background: #27272a !important; /* Footer tone background */
  border: 1px solid #52525b !important; /* Graphite Border */
  padding: 5px 12px !important;
  margin-bottom: 8px !important;
  width: fit-content !important;
}

.cert-zoom-overlay {
  position: absolute !important;
  bottom: 14px !important;
  right: 14px !important;
  background: rgba(39, 39, 42, 0.92) !important; /* Graphite background in footer tone */
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  border: 1px solid #52525b !important; /* Graphite border */
  padding: 8px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: all 0.25s ease !important;
  pointer-events: none !important;
}

.cert-scan-card:hover .cert-zoom-overlay {
  background: #27272a !important;
  border-color: #71717a !important;
  transform: scale(1.04) !important;
}


/* ==========================================================================
   GLOBAL ZIONIC TYPOGRAPHY & WIDTH HARMONIZATION (1-TO-1 WITH HOME PAGE)
   ========================================================================== */
.zionic-main-page-wrapper .container,
.zionic-main-page-wrapper .container-fluid {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* SECTION TITLES & SUBTITLES */
.zionic-main-page-wrapper .section-header-centered {
  text-align: center !important;
  max-width: 1100px !important;
  margin: 0 auto 56px auto !important;
  padding: 0 20px !important;
}

.zionic-main-page-wrapper .luxury-kicker {
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.zionic-main-page-wrapper .section-main-title,
.zionic-main-page-wrapper h2.section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.8vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin: 0 0 16px 0 !important;
}

.zionic-main-page-wrapper .section-main-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin: 0 auto !important;
  max-width: 900px !important;
}


/* ==========================================================================
   INDICATIONS & CONTRAINDICATIONS (EXACT FOOTER GRAY BACKGROUND #54595f)
   ========================================================================== */
.zionic-matrix-section {
  position: relative !important;
  z-index: 16 !important;
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-top: none !important;
  border-bottom: 1px solid #e4e4e7 !important;
  width: 100% !important;
}

.zionic-creative-matrix-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 36px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

@media (max-width: 991px) {
  .zionic-creative-matrix-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

.matrix-creative-card,
.matrix-creative-card.indications-card,
.matrix-creative-card.contraindications-card {
  background: #54595f !important; /* EXACT SIGNATURE FOOTER GRAY */
  border: 1px solid #474b50 !important;
  padding: 44px 38px !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.matrix-creative-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18) !important;
  border-color: #6b7280 !important;
}

.matrix-card-header {
  margin-bottom: 30px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding-bottom: 24px !important;
}

.matrix-status-pill,
.indications-card .matrix-status-pill,
.contraindications-card .matrix-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 0 !important;
  margin-bottom: 14px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

.matrix-status-pill.pill-positive .pill-dot {
  width: 7px !important;
  height: 7px !important;
  background: #ffffff !important;
  display: inline-block !important;
}

.matrix-status-pill.pill-warning .pill-cross {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.matrix-main-head,
.indications-card .matrix-main-head,
.contraindications-card .matrix-main-head {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  color: #ffffff !important; /* Crisp White Main Title */
  line-height: 1.25 !important;
  margin: 0 0 8px 0 !important;
}

.matrix-sub-head,
.indications-card .matrix-sub-head,
.contraindications-card .matrix-sub-head {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #e4e4e7 !important; /* Crisp Subtitle */
  line-height: 1.5 !important;
  margin: 0 !important;
}

.matrix-items-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.matrix-item-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 18px 22px !important;
  background: #ffffff !important; /* Crisp Pure White Item Tile */
  border: 1px solid #e4e4e7 !important;
  border-radius: 0 !important;
  transition: all 0.25s ease !important;
}

.matrix-item-row:hover {
  border-color: #111111 !important;
  transform: translateX(4px) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12) !important;
}

.item-index {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  flex-shrink: 0 !important;
  padding-top: 2px !important;
}

.item-alert-icon {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #71717a !important;
  flex-shrink: 0 !important;
  padding-top: 1px !important;
}

.item-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.item-title,
.indications-card .item-title,
.contraindications-card .item-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 900 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.item-desc,
.indications-card .item-desc,
.contraindications-card .item-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #52525b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}


/* ==========================================================================
   ZIONIC HERO: SHIFT CONTENT 100PX TO THE LEFT
   ========================================================================== */
.zionic-hero-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.zionic-hero-content {
  max-width: 820px !important;
  margin-left: 0 !important; /* Shifted left by 100px */
  padding-left: 0 !important;
}

@media (max-width: 767px) {
  .zionic-hero-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .zionic-hero-content {
    margin-left: 0 !important;
  }
}


/* ==========================================================================
   PERFECT 1-TO-1 HOME PAGE TYPOGRAPHY SYNC (ZERO KICKERS, MONTSERRAT 900)
   ========================================================================== */

/* 1. HIDE ALL OVERHEAD KICKERS GLOBALLY ON ZIONIC */
.zionic-main-page-wrapper .luxury-kicker,
.zionic-main-page-wrapper .section-kicker,
.zionic-main-page-wrapper .kicker {
  display: none !important;
}

/* 2. SECTION MAIN TITLES (MONTSERRAT 900 BLACK) */
.zionic-main-page-wrapper h2.section-main-title,
.zionic-main-page-wrapper .section-main-title,
.zionic-main-page-wrapper .section-title,
.zionic-main-page-wrapper .technologies-title,
.zionic-main-page-wrapper .guarantees-head-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.6vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: #111111 !important;
  margin: 0 0 16px 0 !important;
  text-transform: none !important;
}

/* 3. SECTION SUBTITLES (MONTSERRAT / INTER 500, 18.5PX) */
.zionic-main-page-wrapper .section-main-sub,
.zionic-main-page-wrapper .section-subtitle,
.zionic-main-page-wrapper .section-desc {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 18.5px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: #52525b !important;
  margin: 0 auto 52px auto !important;
  max-width: 900px !important;
}

/* 4. CARD TITLES & HEADINGS (MONTSERRAT 900) */
.zionic-main-page-wrapper .tech-card-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
}

.zionic-main-page-wrapper .presentation-title-clean {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
  margin-bottom: 14px !important;
}

.zionic-main-page-wrapper .doctor-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
}

.zionic-main-page-wrapper .faq-q-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19.5px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  color: #18181b !important;
}

.zionic-main-page-wrapper .cert-scan-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  color: #111111 !important;
}

.zionic-main-page-wrapper .matrix-main-head {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
}

.zionic-main-page-wrapper .seo-article-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 3.4vw, 40px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
  margin-bottom: 24px !important;
}

.zionic-main-page-wrapper .seo-article-sub-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  color: #111111 !important;
  margin: 36px 0 16px 0 !important;
}


/* ==========================================================================
   FINAL BULLETPROOF ZIONIC TYPOGRAPHY (MONTSERRAT 900, ZERO KICKERS)
   ========================================================================== */

/* 1. HIDE ALL OVERHEAD KICKERS GLOBALLY ON ZIONIC */
body.template-zionic .luxury-kicker,
body.template-zionic .section-kicker,
body.template-zionic .kicker,
.template-zionic .luxury-kicker,
.template-zionic .section-kicker,
.template-zionic .kicker {
  display: none !important;
}

/* 2. SECTION MAIN TITLES (MONTSERRAT 900 ULTRA BOLD) */
body.template-zionic h2.section-main-title,
body.template-zionic .section-main-title,
body.template-zionic .section-title,
body.template-zionic .guarantees-head-title,
.template-zionic h2,
.template-zionic .section-main-title,
.template-zionic h2.section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.6vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: #111111 !important;
  margin: 0 0 16px 0 !important;
  text-transform: none !important;
}

/* 3. SECTION SUBTITLES (MONTSERRAT / INTER 500, 18.5PX) */
body.template-zionic .section-main-sub,
body.template-zionic .section-subtitle,
body.template-zionic .section-desc,
.template-zionic .section-main-sub,
.template-zionic .section-subtitle,
.template-zionic .section-desc {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 18.5px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: #52525b !important;
  margin: 0 auto 52px auto !important;
  max-width: 900px !important;
}

/* 4. CARD TITLES & HEADINGS (MONTSERRAT 900) */
body.template-zionic .tech-card-heading,
.template-zionic .tech-card-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
}

body.template-zionic .presentation-title-clean,
.template-zionic .presentation-title-clean {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
  margin-bottom: 14px !important;
}

body.template-zionic .doctor-name,
.template-zionic .doctor-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
}

body.template-zionic .faq-q-text,
.template-zionic .faq-q-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19.5px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  color: #18181b !important;
}

body.template-zionic .cert-scan-title,
.template-zionic .cert-scan-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  color: #111111 !important;
}

body.template-zionic .matrix-main-head,
.template-zionic .matrix-main-head {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
}

body.template-zionic .seo-article-main-title,
.template-zionic .seo-article-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 3.4vw, 40px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
  margin-bottom: 24px !important;
}

body.template-zionic .seo-article-sub-title,
.template-zionic .seo-article-sub-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  color: #111111 !important;
  margin: 36px 0 16px 0 !important;
}


/* ==========================================================================
   BULLETPROOF HIGH-SPECIFICITY ZIONIC TYPOGRAPHY (MONTSERRAT 900, ZERO KICKERS)
   ========================================================================== */

/* 1. HIDE ALL OVERHEAD KICKERS GLOBALLY ON ZIONIC */
html body.template-zionic .luxury-kicker,
html body.template-zionic .section-kicker,
html body.template-zionic .kicker,
html body.template-zionic .matrix-status-pill {
  display: none !important;
}

/* 2. SECTION MAIN TITLES (MONTSERRAT 900 BLACK) */
html body.template-zionic section:not(#hero) h2,
html body.template-zionic h2,
html body.template-zionic h2.section-main-title,
html body.template-zionic .section-main-title,
html body.template-zionic .section-title,
html body.template-zionic .technologies-title,
html body.template-zionic .guarantees-head-title,
html body.template-zionic .zionic-tech-bento-section .section-main-title,
html body.template-zionic .zionic-ba-section .section-main-title,
html body.template-zionic .zionic-treatments-fullscreen-section h2,
html body.template-zionic .zionic-matrix-section .section-main-title,
html body.template-zionic .zionic-partner-stage-section .section-main-title,
html body.template-zionic .zionic-doctors-section .section-main-title,
html body.template-zionic .zionic-faq-section .section-main-title,
html body.template-zionic .zionic-certificates-section .section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.6vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: #111111 !important;
  margin: 0 0 16px 0 !important;
  text-transform: none !important;
}

/* 3. SECTION SUBTITLES (MONTSERRAT / INTER 500, 18.5PX) */
html body.template-zionic .section-main-sub,
html body.template-zionic .section-subtitle,
html body.template-zionic .section-desc,
html body.template-zionic section:not(#hero) p.section-main-sub,
html body.template-zionic .zionic-tech-bento-section .section-main-sub,
html body.template-zionic .zionic-ba-section .section-main-sub,
html body.template-zionic .zionic-matrix-section .section-main-sub,
html body.template-zionic .zionic-partner-stage-section .section-main-sub,
html body.template-zionic .zionic-doctors-section .section-main-sub,
html body.template-zionic .zionic-faq-section .section-main-sub,
html body.template-zionic .zionic-certificates-section .section-main-sub {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 18.5px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: #52525b !important;
  margin: 0 auto 52px auto !important;
  max-width: 920px !important;
}

/* 4. CARD TITLES & HEADINGS (MONTSERRAT 900) */
html body.template-zionic .tech-card-heading,
html body.template-zionic .tech-bento-card h3,
html body.template-zionic .presentation-title-clean,
html body.template-zionic .doctor-name,
html body.template-zionic .faq-q-text,
html body.template-zionic .cert-scan-title,
html body.template-zionic .matrix-main-head {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.3px !important;
}

html body.template-zionic .tech-card-heading {
  color: #ffffff !important;
}

html body.template-zionic .presentation-title-clean {
  color: #111111 !important;
}

html body.template-zionic .doctor-name {
  color: #111111 !important;
}

html body.template-zionic .faq-q-text {
  color: #18181b !important;
}

html body.template-zionic .cert-scan-title {
  color: #111111 !important;
}

html body.template-zionic .matrix-main-head {
  color: #ffffff !important;
}


/* ==========================================================================
   ZIONIC HERO: SHIFT CONTENT AN ADDITIONAL 50PX TO THE LEFT
   ========================================================================== */
.zionic-hero-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1560px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.zionic-hero-content {
  max-width: 820px !important;
  margin-left: 0 !important;
  transform: translateX(-50px) !important;
}

@media (max-width: 1280px) {
  .zionic-hero-content {
    transform: translateX(-25px) !important;
  }
}

@media (max-width: 991px) {
  .zionic-hero-content {
    transform: none !important;
  }
}


/* ==========================================================================
   ZIONIC HERO: OPTIMAL LEFT SHIFT WITHOUT TEXT CLIPPING
   ========================================================================== */
.zionic-hero-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1560px !important;
  margin: 0 auto !important;
  padding-left: 36px !important;
  padding-right: 24px !important;
}

.zionic-hero-content {
  max-width: 820px !important;
  margin-left: 0 !important;
  transform: none !important;
  padding-left: 0 !important;
}

@media (max-width: 991px) {
  .zionic-hero-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* ==========================================================================
   EXACT 1-TO-1 HOME PAGE HEADING STYLE (MONTSERRAT 500 MEDIUM + SUBTITLES)
   ========================================================================== */

/* 1. HIDE ALL OVERHEAD KICKERS GLOBALLY ON ZIONIC */
html body.template-zionic .luxury-kicker,
html body.template-zionic .section-kicker,
html body.template-zionic .kicker,
html body.template-zionic .matrix-status-pill {
  display: none !important;
}

/* 2. SECTION MAIN TITLES (MONTSERRAT 500 MEDIUM UPPERCASE - EXACT HOME MATCH) */
html body.template-zionic section:not(#hero) h2,
html body.template-zionic h2,
html body.template-zionic h2.section-main-title,
html body.template-zionic .section-main-title,
html body.template-zionic .section-title,
html body.template-zionic .technologies-title,
html body.template-zionic .guarantees-head-title,
html body.template-zionic .zionic-tech-bento-section .section-main-title,
html body.template-zionic .zionic-ba-section .section-main-title,
html body.template-zionic .zionic-treatments-fullscreen-section h2,
html body.template-zionic .zionic-matrix-section .section-main-title,
html body.template-zionic .zionic-partner-stage-section .section-main-title,
html body.template-zionic .zionic-doctors-section .section-main-title,
html body.template-zionic .zionic-faq-section .section-main-title,
html body.template-zionic .zionic-certificates-section .section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.6vw, 44px) !important;
  font-weight: 500 !important; /* EXACT SAME AS HOME PAGE "ІННОВАЦІЙНІ ТЕХНОЛОГІЇ TERMOSALUD" */
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: #111111 !important;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase !important;
}

/* 3. SECTION SUBTITLES (MONTSERRAT / INTER 400 REGULAR, 18PX) */
html body.template-zionic .section-main-sub,
html body.template-zionic .section-subtitle,
html body.template-zionic .section-desc,
html body.template-zionic section:not(#hero) p.section-main-sub,
html body.template-zionic .zionic-tech-bento-section .section-main-sub,
html body.template-zionic .zionic-ba-section .section-main-sub,
html body.template-zionic .zionic-matrix-section .section-main-sub,
html body.template-zionic .zionic-partner-stage-section .section-main-sub,
html body.template-zionic .zionic-doctors-section .section-main-sub,
html body.template-zionic .zionic-faq-section .section-main-sub,
html body.template-zionic .zionic-certificates-section .section-main-sub {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #52525b !important;
  margin: 0 auto 52px auto !important;
  max-width: 900px !important;
}


/* ==========================================================================
   EXACT 1-TO-1 HOME PAGE SCALE: 52PX TITLE + 22PX SUBTITLE
   ========================================================================== */

/* 1. HIDE ALL OVERHEAD KICKERS GLOBALLY ON ZIONIC */
html body.template-zionic .luxury-kicker,
html body.template-zionic .section-kicker,
html body.template-zionic .kicker,
html body.template-zionic .matrix-status-pill {
  display: none !important;
}

/* 2. SECTION HEADER CONTAINER */
html body.template-zionic .section-header-centered,
html body.template-zionic .zionic-tech-bento-section .section-header-centered,
html body.template-zionic .zionic-ba-section .section-header-centered,
html body.template-zionic .zionic-matrix-section .section-header-centered,
html body.template-zionic .zionic-doctors-section .section-header-centered,
html body.template-zionic .zionic-faq-section .section-header-centered,
html body.template-zionic .zionic-certificates-section .section-header-centered {
  max-width: 1080px !important;
  margin: 0 auto 52px auto !important;
  padding: 0 20px !important;
  text-align: center !important;
}

/* 3. SECTION MAIN TITLES (MONTSERRAT 500 MEDIUM, 52PX CLAMP SCALE) */
html body.template-zionic section:not(#hero) h2,
html body.template-zionic h2,
html body.template-zionic h2.section-main-title,
html body.template-zionic .section-main-title,
html body.template-zionic .section-title,
html body.template-zionic .technologies-title,
html body.template-zionic .guarantees-head-title,
html body.template-zionic .zionic-tech-bento-section .section-main-title,
html body.template-zionic .zionic-ba-section .section-main-title,
html body.template-zionic .zionic-treatments-fullscreen-section h2,
html body.template-zionic .zionic-matrix-section .section-main-title,
html body.template-zionic .zionic-partner-stage-section .section-main-title,
html body.template-zionic .zionic-doctors-section .section-main-title,
html body.template-zionic .zionic-faq-section .section-main-title,
html body.template-zionic .zionic-certificates-section .section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 54px) !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  margin: 0 0 18px 0 !important;
  text-transform: uppercase !important;
}

/* 4. SECTION SUBTITLES (EXACT 22PX HOME PAGE SCALE) */
html body.template-zionic .section-main-sub,
html body.template-zionic .section-subtitle,
html body.template-zionic .section-desc,
html body.template-zionic section:not(#hero) p.section-main-sub,
html body.template-zionic .zionic-tech-bento-section .section-main-sub,
html body.template-zionic .zionic-ba-section .section-main-sub,
html body.template-zionic .zionic-matrix-section .section-main-sub,
html body.template-zionic .zionic-partner-stage-section .section-main-sub,
html body.template-zionic .zionic-doctors-section .section-main-sub,
html body.template-zionic .zionic-faq-section .section-main-sub,
html body.template-zionic .zionic-certificates-section .section-main-sub {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 auto !important;
  max-width: 920px !important;
}


/* ==========================================================================
   LINFOPRESS EVOLUTION PRO COMPLETE MODERN DESIGN SYSTEM
   ========================================================================== */

/* 1. GLOBAL TYPOGRAPHY & ZERO KICKERS (1-TO-1 WITH HOME PAGE & ZIONIC) */
html body.template-linfopress .luxury-kicker,
html body.template-linfopress .section-kicker,
html body.template-linfopress .kicker,
.template-linfopress .luxury-kicker,
.template-linfopress .section-kicker,
.template-linfopress .kicker {
  display: none !important;
}

html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
html body.template-linfopress h2,
html body.template-linfopress h2.section-main-title,
html body.template-linfopress .section-main-title,
html body.template-linfopress .section-title,
.template-linfopress section:not(#hero) h2,
.template-linfopress .section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 54px) !important;
  font-weight: 500 !important; /* Exact same as Home Page "ІННОВАЦІЙНІ ТЕХНОЛОГІЇ TERMOSALUD" */
  line-height: 1.18 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  margin: 0 0 18px 0 !important;
  text-transform: uppercase !important;
}

html body.template-linfopress .section-main-sub,
html body.template-linfopress .section-subtitle,
html body.template-linfopress .section-desc,
html body.template-linfopress section:not(#hero) p.section-main-sub,
.template-linfopress .section-main-sub {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 auto 52px auto !important;
  max-width: 920px !important;
  text-align: center !important;
}

.linfopress-main-page-wrapper .container {
  max-width: 1440px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* 2. HERO STAGE */
.linfopress-hero-stage {
  position: relative !important;
  width: 100% !important;
  min-height: 90vh !important;
  background: #060709 !important;
  display: flex !important;
  align-items: center !important;
  padding: 100px 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.linfopress-hero-media-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.linfopress-hero-video-bg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.linfopress-hero-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, rgba(6,7,9,0.92) 0%, rgba(6,7,9,0.65) 50%, rgba(6,7,9,0.3) 100%) !important;
}

.linfopress-hero-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
}

.linfopress-hero-content-box {
  max-width: 840px !important;
  padding-left: 12px !important;
}

.linfopress-official-hero-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(56px, 6.4vw, 96px) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  letter-spacing: -2px !important;
  margin: 0 0 20px 0 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
}

.linfopress-official-hero-kicker {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(14px, 1.4vw, 18px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #ffffff !important;
  margin: 0 0 12px 0 !important;
  text-transform: uppercase !important;
}

.linfopress-official-hero-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 19px !important;
  color: #d4d4d8 !important;
  line-height: 1.6 !important;
  margin: 0 0 36px 0 !important;
  max-width: 680px !important;
}

.linfopress-hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.linfopress-btn-pill-white {
  background: #ffffff !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 16px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  border: 1px solid #ffffff !important;
  transition: all 0.3s ease !important;
}

.linfopress-btn-pill-white:hover {
  background: #f1f5f9 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(255,255,255,0.2) !important;
}

.linfopress-btn-ghost-dark {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 16px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.linfopress-btn-ghost-dark:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* 3. QUICK ADVANTAGES 5-PILL STRIP */
.linfopress-advantages-strip {
  background: #ffffff !important;
  padding: 50px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-pills-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
}

@media (max-width: 991px) {
  .linfopress-pills-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 575px) {
  .linfopress-pills-grid {
    grid-template-columns: 1fr !important;
  }
}

.linfopress-pill-card {
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  padding: 24px 20px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.linfopress-pill-card:hover {
  transform: translateY(-4px) !important;
  border-color: #18181b !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
}

.pill-icon-wrap {
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
}

.pill-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  margin: 0 0 6px 0 !important;
}

.pill-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: #54595f !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* 4. TECHNOLOGIES BENTO SECTION */
.linfopress-tech-bento-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-tech-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
}

@media (max-width: 991px) {
  .linfopress-tech-grid {
    grid-template-columns: 1fr !important;
  }
}

.linfopress-tech-card {
  background: #18181b !important;
  border: 1px solid #3f3f46 !important;
  cursor: pointer !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.35s ease !important;
}

.linfopress-tech-card:hover {
  transform: translateY(-5px) !important;
  border-color: #71717a !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.2) !important;
}

.tech-media-box {
  position: relative !important;
  width: 100% !important;
  height: 320px !important;
  background: #000000 !important;
  overflow: hidden !important;
}

.tech-media-box video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.linfopress-tech-card:hover .tech-media-box video {
  transform: scale(1.03) !important;
}

.tech-stage-badge {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  background: #27272a !important;
  color: #ffffff !important;
  border: 1px solid #52525b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 5px 12px !important;
  letter-spacing: 1px !important;
  z-index: 2 !important;
}

.tech-card-body {
  padding: 32px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  background: #18181b !important;
}

.linfopress-tech-card .tech-card-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 0 0 14px 0 !important;
}

.tech-card-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.tech-card-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #d4d4d8 !important;
  line-height: 1.55 !important;
}

.tech-card-list li .bullet-check {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.tech-card-cta {
  margin-top: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* 5. TECH MODAL BACKDROP (BLUR-IN LIGHTBOX) */
.linfopress-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  z-index: 99999 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  box-sizing: border-box !important;
}

.linfopress-modal-backdrop.active {
  display: flex !important;
}

.linfopress-modal-dialog {
  background: #18181b !important;
  border: 1px solid #3f3f46 !important;
  max-width: 860px !important;
  width: 100% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  position: relative !important;
  padding: 36px !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.5) !important;
}

.linfopress-modal-close-btn {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 20px !important;
  transition: all 0.2s ease !important;
}

.linfopress-modal-close-btn:hover {
  background: #ffffff !important;
  color: #18181b !important;
}

.modal-inner-video {
  width: 100% !important;
  max-height: 380px !important;
  object-fit: cover !important;
  margin-bottom: 20px !important;
  background: #000000 !important;
}

.modal-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin-bottom: 14px !important;
}

.modal-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #d4d4d8 !important;
  margin-bottom: 12px !important;
}

/* 6. PROCEDURE CINEMA */
.linfopress-procedure-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-procedure-cinema-box {
  max-width: 1240px !important;
  margin: 0 auto !important;
  position: relative !important;
  cursor: pointer !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #e4e4e7 !important;
  overflow: hidden !important;
}

.cinema-media-wrap {
  position: relative !important;
  width: 100% !important;
  height: 560px !important;
  background: #000000 !important;
}

.cinema-bg-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.cinema-play-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0,0,0,0.35) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  transition: all 0.3s ease !important;
}

.cinema-play-overlay:hover {
  background: rgba(0,0,0,0.2) !important;
}

.cinema-play-button {
  width: 80px !important;
  height: 80px !important;
  background: #ffffff !important;
  color: #18181b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
  transition: transform 0.3s ease !important;
}

.cinema-play-overlay:hover .cinema-play-button {
  transform: scale(1.1) !important;
}

.cinema-play-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #ffffff !important;
}

/* 7. ADVANTAGES MATRIX */
.linfopress-advantages-grid-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-advantages-row {
  display: grid !important;
  grid-template-columns: 1.2fr 0.8fr !important;
  gap: 48px !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .linfopress-advantages-row {
    grid-template-columns: 1fr !important;
  }
}

.linfopress-advantages-col-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.adv-item-card {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 18px 24px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  transition: all 0.25s ease !important;
}

.adv-item-card:hover {
  transform: translateX(6px) !important;
  border-color: #18181b !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
}

.adv-index {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #18181b !important;
  min-width: 32px !important;
}

.adv-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #54595f !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.adv-product-photo {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* 8. INDICATIONS MATRIX (SIGNATURE FOOTER GRAY #54595f) */
.linfopress-matrix-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-creative-matrix-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 36px !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
}

@media (max-width: 991px) {
  .linfopress-creative-matrix-grid {
    grid-template-columns: 1fr !important;
  }
}

.linfopress-matrix-section .matrix-creative-card {
  background: #54595f !important;
  border: 1px solid #474b50 !important;
  padding: 44px 38px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
  display: flex !important;
  flex-direction: column !important;
}

.linfopress-matrix-section .matrix-main-head {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

.linfopress-matrix-section .matrix-sub-head {
  color: #e4e4e7 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  margin-bottom: 24px !important;
}

.linfopress-matrix-section .matrix-item-row {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 18px 22px !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  transition: all 0.25s ease !important;
}

.linfopress-matrix-section .matrix-item-row:hover {
  border-color: #18181b !important;
  transform: translateX(4px) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.12) !important;
}

.linfopress-matrix-section .item-index {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  min-width: 24px !important;
}

.linfopress-matrix-section .item-alert-icon {
  color: #54595f !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  min-width: 24px !important;
}

.linfopress-matrix-section .item-title {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 900 !important;
  margin-bottom: 4px !important;
}

.linfopress-matrix-section .item-desc {
  color: #52525b !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* 9. DOCTOR TRUST */
.linfopress-doctor-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-doctor-card {
  display: grid !important;
  grid-template-columns: 380px 1fr !important;
  gap: 48px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  padding: 48px !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

@media (max-width: 991px) {
  .linfopress-doctor-card {
    grid-template-columns: 1fr !important;
    padding: 32px 24px !important;
  }
}

.doc-portrait-img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border: 1px solid #d4d4d8 !important;
}

.doc-quote-mark {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 56px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #a1a1aa !important;
  margin-bottom: 8px !important;
}

.doc-quote-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #18181b !important;
  margin-bottom: 16px !important;
}

.doc-quote-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  margin-bottom: 24px !important;
}

.doc-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #18181b !important;
  margin-bottom: 4px !important;
}

.doc-role {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #54595f !important;
  margin: 0 !important;
}

/* 10. WHY LINFOPRESS & EQUIPMENT PACKAGE */
.linfopress-why-and-package-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.why-benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-bottom: 64px !important;
}

@media (max-width: 991px) {
  .why-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 575px) {
  .why-benefits-grid {
    grid-template-columns: 1fr !important;
  }
}

.why-bento-card {
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  padding: 32px 28px !important;
  transition: all 0.3s ease !important;
}

.why-bento-card:hover {
  transform: translateY(-4px) !important;
  border-color: #18181b !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06) !important;
}

.why-num {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #18181b !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.why-card-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  margin-bottom: 10px !important;
}

.why-card-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #54595f !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.linfopress-package-box {
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  padding: 48px 40px !important;
  text-align: center !important;
}

.package-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #18181b !important;
  margin-bottom: 8px !important;
}

.package-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  color: #54595f !important;
  margin-bottom: 40px !important;
}

.package-items-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
}

@media (max-width: 991px) {
  .package-items-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 575px) {
  .package-items-grid {
    grid-template-columns: 1fr !important;
  }
}

.package-item-card {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 24px 16px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

.package-item-card:hover {
  transform: translateY(-4px) !important;
  border-color: #18181b !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
}

.package-img-wrap {
  width: 100% !important;
  height: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
}

.package-img-wrap img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.package-item-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  margin: 0 !important;
}

/* 11. FAQ ACCORDION */
.linfopress-faq-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-faq-accordion {
  max-width: 1000px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.linfopress-faq-accordion .faq-accordion-card {
  background: #18181b !important;
  border: 1px solid #3f3f46 !important;
  padding: 28px 32px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.linfopress-faq-accordion .faq-accordion-card:hover {
  border-color: #71717a !important;
}

.linfopress-faq-accordion .faq-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

.linfopress-faq-accordion .faq-q-index {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #71717a !important;
}

.linfopress-faq-accordion .faq-q-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #18181b !important;
  margin: 0 !important;
  flex: 1 !important;
}

.linfopress-faq-accordion .faq-toggle-icon {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}

.linfopress-faq-accordion .faq-card-body {
  display: none;
  padding-top: 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #e2e8f0 !important;
}

/* 12. TEST-DRIVE FORM */
.linfopress-partner-stage-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

/* 13. SEO ARTICLE */
.linfopress-seo-clean-section {
  background: #ffffff !important;
  padding: 100px 0 !important;
}


/* 6. FULL-WIDTH CINEMA PROCEDURE SECTION (100% SCREEN WIDTH) */
.linfopress-procedure-section {
  background: #ffffff !important;
  padding: 100px 0 0 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
  width: 100% !important;
  position: relative !important;
}

.linfopress-procedure-fullwidth-wrap {
  width: 100% !important;
  position: relative !important;
  background: #000000 !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18) !important;
}

.linfopress-procedure-fullwidth-wrap .cinema-media-wrap {
  position: relative !important;
  width: 100% !important;
  height: clamp(480px, 56.25vw, 920px) !important; /* Cinematic 16:9 ratio spanning 100% viewport width */
  background: #000000 !important;
  cursor: pointer !important;
}

.linfopress-procedure-fullwidth-wrap .cinema-bg-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.linfopress-procedure-fullwidth-wrap .cinema-iframe-holder {
  display: none;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #000000 !important;
  z-index: 10 !important;
}

.linfopress-procedure-fullwidth-wrap .cinema-iframe-holder iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}


/* ==========================================================================
   LINFOPRESS HERO - EXACT 1-TO-1 SPECIFICATION MATCH WITH ZIONIC HERO
   ========================================================================== */
.linfopress-hero-stage {
  position: relative !important;
  width: 100% !important;
  min-height: 90vh !important;
  background: #060709 !important;
  display: flex !important;
  align-items: center !important;
  padding: 100px 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.linfopress-hero-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1560px !important;
  margin: 0 auto !important;
  padding-left: 36px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  .linfopress-hero-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.linfopress-hero-content-box {
  max-width: 820px !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  transform: none !important;
}

/* 1. LOGO - Exact height 68px, matching Zionic */
.linfopress-hero-logo-wrap {
  margin-bottom: 24px !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.linfopress-official-logo {
  height: 68px !important;
  width: auto !important;
  max-width: 320px !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* 2. TITLE - clamp(56px, 6.4vw, 96px), weight 900, line-height 0.96, letter-spacing -2px, margin-bottom 20px */
.linfopress-official-hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(56px, 6.4vw, 96px) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  letter-spacing: -2px !important;
  margin: 0 0 20px 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  color: #ffffff !important;
}

.linfopress-official-hero-title span,
.linfopress-official-hero-title .hero-word-primary,
.linfopress-official-hero-title .hero-word-secondary {
  display: block !important;
  white-space: nowrap !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

/* 3. DESC / SUBTITLE - clamp(16px, 1.6vw, 21px), weight 800, line-height 1.35, letter-spacing 0.8px, margin-bottom 32px */
.linfopress-hero-desc {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: clamp(16px, 1.6vw, 21px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  margin: 0 0 32px 0 !important;
  max-width: 680px !important;
}

/* 4. ACTIONS & BUTTONS - Exact 1-to-1 match with Zionic (Sharp corners 0px, gap 20px, font 14px weight 800) */
.linfopress-hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.linfopress-hero-actions .linfopress-primary-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #ffffff !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.linfopress-hero-actions .linfopress-primary-btn:hover {
  background: #e4e4e7 !important;
  border-color: #e4e4e7 !important;
  transform: translateY(-2px) !important;
}

.linfopress-hero-actions .linfopress-secondary-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 0 !important;
  padding: 16px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.linfopress-hero-actions .linfopress-secondary-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
}


/* ==========================================================================
   LINFOPRESS STICKY CURTAIN SCREEN LAYERING (1-TO-1 MATCH WITH ZIONIC)
   ========================================================================== */
.linfopress-main-page-wrapper {
  overflow-x: clip !important;
  overflow-y: visible !important;
  position: relative !important;
  width: 100% !important;
}

@media (min-width: 992px) {
  /* 1. Hero Screen Pins Sticky in Background */
  .linfopress-hero-stage {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0px !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 700px !important;
    overflow: hidden !important;
    will-change: transform;
  }

  /* 2. Ticker Slides UP and Layers Over Hero with Deep Shadow */
  .linfopress-infinite-ticker-section {
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
  }

  /* 3. Subsequent Sections Layer Smoothly */
  .linfopress-tech-bento-section {
    position: relative !important;
    z-index: 11 !important;
    box-shadow: 0 -25px 70px rgba(0, 0, 0, 0.35) !important;
  }

  .linfopress-procedure-section {
    position: relative !important;
    z-index: 12 !important;
  }

  .linfopress-advantages-grid-section {
    position: relative !important;
    z-index: 13 !important;
  }

  .linfopress-matrix-section {
    position: relative !important;
    z-index: 14 !important;
  }

  .linfopress-doctor-section {
    position: relative !important;
    z-index: 15 !important;
  }

  .linfopress-why-and-package-section {
    position: relative !important;
    z-index: 16 !important;
  }

  .linfopress-faq-section {
    position: relative !important;
    z-index: 17 !important;
  }

  .linfopress-partner-stage-section {
    position: relative !important;
    z-index: 18 !important;
  }

  .linfopress-seo-clean-section {
    position: relative !important;
    z-index: 19 !important;
  }
}


/* ==========================================================================
   GLOBAL SECTION TITLES & SUBTITLES STRICT CENTERING (LINFOPRESS & ZIONIC)
   ========================================================================== */

/* 1. LINFOPRESS SECTION HEADERS & CONTAINERS */
html body.template-linfopress .section-header-centered,
html body.template-linfopress section:not(#hero) .section-header-centered,
html body.template-linfopress .linfopress-tech-bento-section .section-header-centered,
html body.template-linfopress .linfopress-procedure-section .section-header-centered,
html body.template-linfopress .linfopress-advantages-grid-section .section-header-centered,
html body.template-linfopress .linfopress-matrix-section .section-header-centered,
html body.template-linfopress .linfopress-doctor-section .section-header-centered,
html body.template-linfopress .linfopress-why-and-package-section .section-header-centered,
html body.template-linfopress .linfopress-faq-section .section-header-centered,
html body.template-linfopress .linfopress-partner-stage-section .section-header-centered,
.template-linfopress .section-header-centered {
  max-width: 1080px !important;
  margin: 0 auto 52px auto !important;
  padding: 0 20px !important;
  text-align: center !important;
}

/* 2. LINFOPRESS H2 SECTION TITLES */
html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
html body.template-linfopress h2,
html body.template-linfopress h2.section-main-title,
html body.template-linfopress .section-main-title,
html body.template-linfopress .section-title,
html body.template-linfopress .technologies-title,
html body.template-linfopress .linfopress-tech-bento-section .section-main-title,
html body.template-linfopress .linfopress-procedure-section .section-main-title,
html body.template-linfopress .linfopress-advantages-grid-section .section-main-title,
html body.template-linfopress .linfopress-matrix-section .section-main-title,
html body.template-linfopress .linfopress-doctor-section .section-main-title,
html body.template-linfopress .linfopress-why-and-package-section .section-main-title,
html body.template-linfopress .linfopress-faq-section .section-main-title,
html body.template-linfopress .linfopress-partner-stage-section .section-main-title,
.template-linfopress section:not(#hero) h2,
.template-linfopress .section-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 54px) !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  margin: 0 auto 18px auto !important;
  text-transform: uppercase !important;
  text-align: center !important;
  display: block !important;
}

/* 3. LINFOPRESS SUBTITLES */
html body.template-linfopress .section-main-sub,
html body.template-linfopress .section-subtitle,
html body.template-linfopress .section-desc,
html body.template-linfopress section:not(#hero) p.section-main-sub,
html body.template-linfopress .linfopress-tech-bento-section .section-main-sub,
html body.template-linfopress .linfopress-procedure-section .section-main-sub,
html body.template-linfopress .linfopress-advantages-grid-section .section-main-sub,
html body.template-linfopress .linfopress-matrix-section .section-main-sub,
html body.template-linfopress .linfopress-doctor-section .section-main-sub,
html body.template-linfopress .linfopress-why-and-package-section .section-main-sub,
html body.template-linfopress .linfopress-faq-section .section-main-sub,
html body.template-linfopress .linfopress-partner-stage-section .section-main-sub,
.template-linfopress .section-main-sub {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 auto 52px auto !important;
  max-width: 920px !important;
  text-align: center !important;
  display: block !important;
}

/* 4. PACKAGE HEADER & FORM TITLES CENTERING */
html body.template-linfopress .package-header,
html body.template-linfopress .package-title,
html body.template-linfopress .package-subtitle,
html body.template-linfopress .presentation-title-clean,
html body.template-linfopress .presentation-desc-clean {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 5. ALSO ENSURE ZIONIC HAS ZERO UNCENTERED MAIN TITLES */
html body.template-zionic section:not(#hero) h2,
html body.template-zionic h2.section-main-title,
html body.template-zionic .section-main-title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ==========================================================================
   LINFOPRESS WHY SECTION - EXACT 1-TO-1 SPECIFICATION MATCH WITH SCREENSHOT
   ========================================================================== */
.linfopress-why-section {
  position: relative !important;
  width: 100% !important;
  background: #eaedf1 !important;
  padding: 80px 0 70px 0 !important;
  overflow: hidden !important;
}

.linfopress-why-section .why-this-video-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.linfopress-why-section .why-bg-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.18 !important;
}

.linfopress-why-section .why-video-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(234, 237, 241, 0.88) 0%, rgba(234, 237, 241, 0.95) 100%) !important;
}

.linfopress-why-section .why-inner-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1440px !important;
  padding: 0 32px !important;
  margin: 0 auto !important;
}

.linfopress-why-section .why-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.8vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #18181b !important;
  text-align: center !important;
  margin: 0 auto 50px auto !important;
  text-transform: none !important;
}

.linfopress-why-section .why-showcase-row {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

.linfopress-why-section .why-model-col {
  flex: 0 0 36% !important;
  max-width: 36% !important;
  display: flex !important;
  justify-content: center !important;
}

.linfopress-why-section .why-model-img-wrap {
  width: 100% !important;
  max-width: 440px !important;
}

.linfopress-why-section .why-model-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08)) !important;
}

.linfopress-why-section .why-cards-col {
  flex: 1 1 64% !important;
  max-width: 64% !important;
}

.linfopress-why-section .why-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

.linfopress-why-section .why-card-item {
  background: #181d26 !important;
  border-radius: 0px !important;
  padding: 26px 28px !important;
  min-height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.linfopress-why-section .why-card-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.25) !important;
}

.linfopress-why-section .why-card-num {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #ffeb3b !important;
  margin-bottom: 12px !important;
}

.linfopress-why-section .why-card-text {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #ffffff !important;
}

@media (max-width: 991px) {
  .linfopress-why-section .why-showcase-row {
    flex-direction: column !important;
    gap: 30px !important;
  }
  .linfopress-why-section .why-model-col,
  .linfopress-why-section .why-cards-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .linfopress-why-section .why-cards-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   PERFECT OPAQUE LINFOPRESS WHY SECTION (1-TO-1 USER SCREENSHOT)
   ========================================================================== */
.linfopress-why-section {
  position: relative !important;
  z-index: 16 !important;
  width: 100% !important;
  background: #f0f3f6 !important;
  padding: 100px 0 90px 0 !important;
  overflow: hidden !important;
}

.linfopress-why-section .why-this-video-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: #f0f3f6 !important;
}

.linfopress-why-section .why-bg-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.1 !important;
}

.linfopress-why-section .why-video-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #f0f3f6 !important;
  opacity: 0.8 !important;
}

.linfopress-why-section .why-inner-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1440px !important;
  padding: 0 32px !important;
  margin: 0 auto !important;
}

html body.template-linfopress .linfopress-why-section h2.why-main-title,
html body.template-linfopress .why-main-title,
.why-main-title {
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(34px, 3.6vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  text-align: center !important;
  margin: 0 auto 50px auto !important;
  text-transform: none !important;
  display: block !important;
}

.linfopress-why-section .why-showcase-row {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

.linfopress-why-section .why-model-col {
  flex: 0 0 36% !important;
  max-width: 36% !important;
  display: flex !important;
  justify-content: center !important;
}

.linfopress-why-section .why-model-img-wrap {
  width: 100% !important;
  max-width: 440px !important;
}

.linfopress-why-section .why-model-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08)) !important;
}

.linfopress-why-section .why-cards-col {
  flex: 1 1 64% !important;
  max-width: 64% !important;
}

.linfopress-why-section .why-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

.linfopress-why-section .why-card-item {
  background: #181d26 !important;
  border-radius: 0px !important;
  padding: 26px 28px !important;
  min-height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.linfopress-why-section .why-card-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.25) !important;
}

.linfopress-why-section .why-card-num {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #ffeb3b !important;
  margin-bottom: 12px !important;
}

.linfopress-why-section .why-card-text {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #ffffff !important;
}


/* ==========================================================================
   LINFOPRESS WHY SECTION - EXACT 1-TO-1 SPECIFICATION MATCH
   ========================================================================== */
.linfopress-why-section {
  position: relative !important;
  z-index: 16 !important;
  width: 100% !important;
  background: #eaedf1 !important;
  padding: 80px 0 70px 0 !important;
  overflow: hidden !important;
}

.linfopress-why-section .why-this-video-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: #eaedf1 !important;
}

.linfopress-why-section .why-bg-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.16 !important;
}

.linfopress-why-section .why-video-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(234, 237, 241, 0.88) 0%, rgba(234, 237, 241, 0.95) 100%) !important;
}

.linfopress-why-section .why-inner-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1440px !important;
  padding: 0 32px !important;
  margin: 0 auto !important;
}

html body.template-linfopress .linfopress-why-section h2.why-main-title,
html body.template-linfopress .why-main-title,
.why-main-title {
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(34px, 3.8vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  text-align: center !important;
  margin: 0 auto 52px auto !important;
  text-transform: none !important;
  display: block !important;
}

.linfopress-why-section .why-showcase-row {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

.linfopress-why-section .why-model-col {
  flex: 0 0 36% !important;
  max-width: 36% !important;
  display: flex !important;
  justify-content: center !important;
}

.linfopress-why-section .why-model-img-wrap {
  width: 100% !important;
  max-width: 440px !important;
}

.linfopress-why-section .why-model-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08)) !important;
}

.linfopress-why-section .why-cards-col {
  flex: 1 1 64% !important;
  max-width: 64% !important;
}

.linfopress-why-section .why-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

/* CARDS WITH SIGNATURE FOOTER GRAY BORDER #54595f */
.linfopress-why-section .why-card-item {
  background: #181d26 !important;
  border: 2px solid #54595f !important; /* EXACT SIGNATURE FOOTER GRAY FRAME */
  border-radius: 0px !important;
  padding: 24px 28px !important;
  min-height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.linfopress-why-section .why-card-item:hover {
  transform: translateY(-3px) !important;
  border-color: #facc15 !important;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.25) !important;
}

.linfopress-why-section .why-card-num {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #ffeb3b !important; /* Bright yellow */
  margin-bottom: 12px !important;
}

.linfopress-why-section .why-card-text {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .linfopress-why-section .why-showcase-row {
    flex-direction: column !important;
    gap: 30px !important;
  }
  .linfopress-why-section .why-model-col,
  .linfopress-why-section .why-cards-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .linfopress-why-section .why-cards-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   LINFOPRESS WHY SECTION - SIGNATURE FOOTER GRAY (#54595f) ADAPTATION
   ========================================================================== */
.linfopress-why-section {
  position: relative !important;
  z-index: 16 !important;
  width: 100% !important;
  background: #f0f3f6 !important;
  padding: 90px 0 80px 0 !important;
  overflow: hidden !important;
}

.linfopress-why-section .why-this-video-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: #f0f3f6 !important;
}

.linfopress-why-section .why-bg-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.12 !important;
}

.linfopress-why-section .why-video-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(240, 243, 246, 0.88) 0%, rgba(240, 243, 246, 0.96) 100%) !important;
}

.linfopress-why-section .why-inner-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1440px !important;
  padding: 0 32px !important;
  margin: 0 auto !important;
}

/* Title: Natural case "Чому саме Linfopress Evolution PRO", Centered */
html body.template-linfopress .linfopress-why-section h2.why-main-title,
html body.template-linfopress .linfopress-why-section h2,
html body.template-linfopress .why-main-title,
.why-main-title {
  font-family: 'Montserrat', 'Golos Text', sans-serif !important;
  font-size: clamp(34px, 3.8vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  text-align: center !important;
  margin: 0 auto 52px auto !important;
  text-transform: none !important;
  display: block !important;
}

.linfopress-why-section .why-showcase-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 48px !important;
}

.linfopress-why-section .why-model-col {
  flex: 0 0 38% !important;
  max-width: 440px !important;
  display: flex !important;
  justify-content: center !important;
}

.linfopress-why-section .why-model-img-wrap {
  width: 100% !important;
  max-width: 420px !important;
}

.linfopress-why-section .why-model-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.09)) !important;
}

.linfopress-why-section .why-cards-col {
  flex: 1 1 62% !important;
  max-width: 820px !important;
}

.linfopress-why-section .why-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

/* CARDS IN OUR SIGNATURE FOOTER GRAY #54595f */
.linfopress-why-section .why-card-item {
  background: #54595f !important; /* EXACT SIGNATURE FOOTER GRAY */
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0px !important;
  padding: 24px 28px !important;
  min-height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.linfopress-why-section .why-card-item:hover {
  transform: translateY(-3px) !important;
  border-color: #facc15 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;
}

.linfopress-why-section .why-card-num {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #facc15 !important; /* Premium brand yellow */
  margin-bottom: 12px !important;
}

.linfopress-why-section .why-card-text {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .linfopress-why-section .why-showcase-row {
    flex-direction: column !important;
    gap: 30px !important;
  }
  .linfopress-why-section .why-model-col,
  .linfopress-why-section .why-cards-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .linfopress-why-section .why-cards-grid {
    grid-template-columns: 1fr !important;
  }
}


html body.template-linfopress section#why h2,
html body.template-linfopress section#why h2.why-main-title,
html body.template-linfopress section#why .why-main-title,
html body.template-linfopress section:not(#hero)#why h2,
html body.template-linfopress section.linfopress-why-section h2 {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.8vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #18181b !important;
  text-align: center !important;
  margin: 0 auto 52px auto !important;
}


/* ==========================================================================
   LINFOPRESS DOCTOR CLINICAL REVIEW FULLSCREEN SHOWCASE
   ========================================================================== */
.linfopress-doctor-section {
  position: relative !important;
  z-index: 15 !important;
  width: 100% !important;
  background: #f4f4f5 !important;
  padding: 80px 0 0 0 !important;
  overflow: hidden !important;
}

.linfopress-doctor-section .doctor-header-container {
  margin-bottom: 36px !important;
}

.linfopress-doctor-fullscreen-stage {
  position: relative !important;
  width: 100% !important;
  min-height: 640px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-doctor-fullscreen-stage .doctor-bg-media-wrap {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.linfopress-doctor-fullscreen-stage .doctor-bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 80% center !important;
  display: block !important;
}

/* GRADIENT ON LEFT THIRD/HALF - LIGHTENS TO PURE WHITE/LIGHT FOR MAXIMUM READABILITY */
.linfopress-doctor-fullscreen-stage .doctor-bg-gradient-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.98) 32%,
    rgba(255, 255, 255, 0.92) 46%,
    rgba(255, 255, 255, 0.75) 58%,
    rgba(255, 255, 255, 0.25) 74%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  pointer-events: none !important;
}

.doctor-fullscreen-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 64px 32px !important;
  width: 100% !important;
}

.doctor-fullscreen-content {
  max-width: 660px !important;
  text-align: left !important;
}

.doctor-quote-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(84, 89, 95, 0.12) !important;
  border: 1px solid rgba(84, 89, 95, 0.3) !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  color: #54595f !important;
  margin-bottom: 24px !important;
  text-transform: uppercase !important;
}

.doctor-badge-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #facc15 !important;
}

.doctor-statement-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(22px, 2.2vw, 29px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #18181b !important;
  margin: 0 0 22px 0 !important;
  letter-spacing: -0.3px !important;
}

.doctor-statement-desc {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  color: #54595f !important;
  margin: 0 0 32px 0 !important;
}

.doctor-author-profile {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(84, 89, 95, 0.22) !important;
}

.doctor-author-avatar {
  width: 62px !important;
  height: 62px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 2px solid #54595f !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.author-avatar-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.doctor-author-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  margin: 0 0 4px 0 !important;
}

.doctor-author-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #54595f !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .linfopress-doctor-fullscreen-stage {
    min-height: auto !important;
    padding: 60px 0 !important;
  }
  .linfopress-doctor-fullscreen-stage .doctor-bg-gradient-overlay {
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(255, 255, 255, 0.92) 75%,
      rgba(255, 255, 255, 0.6) 100%
    ) !important;
  }
  .doctor-fullscreen-content {
    max-width: 100% !important;
  }
}


/* ==========================================================================
   LINFOPRESS STRICT CURTAIN STAGE: SCREEN 2 SLIDES OVER SCREEN 1 ONLY
   ========================================================================== */
.linfopress-hero-curtain-track {
  position: relative !important;
  width: 100% !important;
}

@media (min-width: 992px) {
  .linfopress-hero-curtain-track {
    position: relative !important;
    width: 100% !important;
  }
  
  /* Sticky only within .linfopress-hero-curtain-track */
  .linfopress-hero-curtain-track .linfopress-hero-stage {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0px !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 700px !important;
    overflow: hidden !important;
  }

  /* Screen 2 slides up over Screen 1 like a curtain */
  .linfopress-hero-curtain-track .linfopress-infinite-ticker-section {
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
  }
}

/* Ensure ALL sections after the curtain track have normal document flow and solid backgrounds */
.linfopress-tech-bento-section,
.linfopress-procedure-section,
.linfopress-advantages-grid-section,
.linfopress-matrix-section,
.linfopress-doctor-section,
.linfopress-why-section,
.linfopress-package-section,
.linfopress-faq-section,
.linfopress-partner-stage-section {
  position: relative !important;
  z-index: 20 !important;
}

/* ==========================================================================
   LINFOPRESS PACKAGE SECTION STYLING
   ========================================================================== */
.linfopress-package-section {
  background: #ffffff !important;
  padding: 80px 0 90px 0 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

.linfopress-package-section .linfopress-package-box {
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 20px !important;
  padding: 50px 40px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

.linfopress-package-section .package-header {
  text-align: center !important;
  margin-bottom: 40px !important;
}

.linfopress-package-section .package-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(26px, 2.6vw, 34px) !important;
  font-weight: 700 !important;
  color: #18181b !important;
  margin: 0 0 12px 0 !important;
}

.linfopress-package-section .package-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #54595f !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

.linfopress-package-section .package-items-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
}

.linfopress-package-section .package-item-card {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  padding: 20px 16px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.linfopress-package-section .package-item-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08) !important;
}

.linfopress-package-section .package-img-wrap {
  width: 100% !important;
  height: 140px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
}

.linfopress-package-section .package-img-wrap img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.linfopress-package-section .package-item-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #54595f !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 575px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   LINFOPRESS WHY SECTION - MAIN PAGE STYLE (SHARP CORNERS, MONOCHROME)
   ========================================================================== */
.linfopress-why-section .why-card-item {
  background: #ffffff !important;
  border: 1.5px solid #18181b !important; /* STRICT SHARP FRAME IN MAIN PAGE STYLE */
  border-radius: 0px !important; /* STRICT 0PX SHARP CORNERS */
  padding: 24px 28px !important;
  min-height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.linfopress-why-section .why-card-item:hover {
  transform: translateY(-3px) !important;
  border-color: #18181b !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
}

.linfopress-why-section .why-card-num {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #18181b !important; /* REMOVED YELLOW -> SIGNATURE DEEP GRAPHITE */
  margin-bottom: 12px !important;
  letter-spacing: -0.5px !important;
}

.linfopress-why-section .why-card-text {
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #54595f !important;
  margin: 0 !important;
}


/* ==========================================================================
   LINFOPRESS PACKAGE SECTION - DARK LUXURY FULL-WIDTH SHOWCASE
   ========================================================================== */
.linfopress-package-section {
  background: #090d14 !important; /* DARK LUXURY OBSIDIAN BACKGROUND */
  padding: 90px 0 110px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
}

.linfopress-package-section .package-container {
  max-width: 1440px !important;
  padding: 0 32px !important;
  margin: 0 auto !important;
}

.linfopress-package-section .package-header {
  text-align: center !important;
  margin-bottom: 54px !important;
}

html body.template-linfopress .linfopress-package-section h2.package-title,
html body.template-linfopress .package-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.6vw, 46px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 auto 14px auto !important;
  text-transform: none !important;
  letter-spacing: -0.5px !important;
}

.linfopress-package-section .package-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #a1a1aa !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 5 CARDS STRETCHED IN SHARP BLACK FRAMES */
.linfopress-package-section .package-items-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

.linfopress-package-section .package-item-card {
  background: #121824 !important;
  border: 1.5px solid #1f2937 !important; /* CRISP BLACK / DEEP GRAPHITE FRAME */
  border-radius: 0px !important; /* STRICT 0PX SHARP CORNERS */
  padding: 24px 18px 24px 18px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 290px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.linfopress-package-section .package-item-card:hover {
  transform: translateY(-4px) !important;
  border-color: #54595f !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6) !important;
}

/* STRETCHED HIGH-RES IMAGE WRAPPER IN BLACK INNER FRAME */
.linfopress-package-section .package-img-wrap {
  width: 100% !important;
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  background: #090d14 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0px !important;
  padding: 14px !important;
}

.linfopress-package-section .package-img-wrap img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.5)) !important;
  transition: transform 0.3s ease !important;
}

.linfopress-package-section .package-item-card:hover .package-img-wrap img {
  transform: scale(1.05) !important;
}

.linfopress-package-section .package-item-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #f4f4f5 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  text-align: center !important;
}

@media (max-width: 1199px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   LINFOPRESS PACKAGE SECTION - PERFECT DARK FULL-WIDTH SHOWCASE
   ========================================================================== */
.linfopress-package-section {
  background: #090d14 !important; /* DARK LUXURY OBSIDIAN BACKGROUND */
  padding: 95px 0 110px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
}

.linfopress-package-section .package-container {
  max-width: 1440px !important;
  padding: 0 32px !important;
  margin: 0 auto !important;
}

.linfopress-package-section .package-header {
  text-align: center !important;
  margin-bottom: 54px !important;
}

html body.template-linfopress section#package h2.package-title,
html body.template-linfopress section#package h2,
html body.template-linfopress section#package .package-title,
html body.template-linfopress .linfopress-package-section h2.package-title,
html body.template-linfopress .linfopress-package-section h2,
.package-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(34px, 3.8vw, 48px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 auto 16px auto !important;
  text-transform: none !important;
  letter-spacing: -0.5px !important;
  display: block !important;
}

.linfopress-package-section .package-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #a1a1aa !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 5 CARDS IN CRISP BLACK FRAMES STRETCHED */
.linfopress-package-section .package-items-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

.linfopress-package-section .package-item-card {
  background: #111622 !important;
  border: 1.5px solid #54595f !important; /* CRISP BLACK / DEEP GRAPHITE FRAME */
  border-radius: 0px !important; /* STRICT 0PX SHARP CORNERS */
  padding: 24px 18px 26px 18px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 290px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.linfopress-package-section .package-item-card:hover {
  transform: translateY(-4px) !important;
  border-color: #54595f !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6) !important;
}

/* INNER DISPLAY WRAPPER */
.linfopress-package-section .package-img-wrap {
  width: 100% !important;
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  background: #ffffff !important; /* SEAMLESS CLEAN PRODUCT BACKGROUND */
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0px !important;
  padding: 14px !important;
}

.linfopress-package-section .package-img-wrap img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.linfopress-package-section .package-item-card:hover .package-img-wrap img {
  transform: scale(1.06) !important;
}

.linfopress-package-section .package-item-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  text-align: center !important;
}

@media (max-width: 1199px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .linfopress-package-section .package-items-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   RESTORE 1-TO-1 FULL CURTAIN SCREEN LAYERING WITH ZIONIC
   ========================================================================== */
@media (min-width: 992px) {
  html body.template-linfopress .linfopress-hero-stage,
  .linfopress-hero-stage {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0px !important;
    left: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 700px !important;
    overflow: hidden !important;
  }

  /* Screen 2 and subsequent sections layer continuously like a curtain */
  html body.template-linfopress .linfopress-infinite-ticker-section,
  .linfopress-infinite-ticker-section {
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
  }
}


/* ==========================================================================
   SEAMLESS PURE WHITE TRANSITION TO DOCTOR REVIEW (NO GRAY, NO DIVIDER LINE)
   ========================================================================== */
.linfopress-matrix-section {
  border-bottom: none !important;
  padding-bottom: 60px !important;
}

.linfopress-doctor-section {
  background: #ffffff !important; /* PURE WHITE CONTINUOUS BACKGROUND */
  border: none !important;
  padding: 0 0 0 0 !important;
}

.linfopress-doctor-section .doctor-header-container {
  background: #ffffff !important;
  margin-bottom: 40px !important;
  padding-top: 40px !important;
}

.linfopress-doctor-fullscreen-stage {
  border-top: none !important; /* REMOVE DIVIDER LINE COMPLETELY */
  border-bottom: none !important;
  border: none !important;
}


/* ==========================================================================
   SEAMLESS PURE WHITE PARTNER FORM + EDITORIAL SEO SECTION (NO DIVIDER LINE)
   ========================================================================== */
html body.template-linfopress .linfopress-partner-stage-section,
.linfopress-partner-stage-section {
  background: #ffffff !important; /* PURE WHITE CONTINUOUS CANVAS */
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
  padding-bottom: 40px !important;
}

html body.template-linfopress .linfopress-seo-clean-section,
.linfopress-seo-clean-section {
  background: #ffffff !important; /* SAME WHITE BACKGROUND */
  border-top: none !important; /* REMOVE DIVIDER LINE COMPLETELY */
  border-bottom: none !important;
  border: none !important;
  padding: 40px 0 100px 0 !important;
}

/* TYPOGRAPHY ADAPTATION MATCHING MAIN PAGE & ZIONIC */
html body.template-linfopress .seo-article-card {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

html body.template-linfopress .seo-article-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.3 !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important; /* NO SCREAMING ALL-CAPS */
  margin: 0 0 24px 0 !important;
}

html body.template-linfopress .seo-article-card p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin: 0 0 20px 0 !important;
}

html body.template-linfopress .seo-article-sub-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  margin: 36px 0 16px 0 !important;
}

html body.template-linfopress .seo-article-bullets {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

html body.template-linfopress .seo-article-bullets li {
  position: relative !important;
  padding-left: 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #475569 !important;
  line-height: 1.7 !important;
}

html body.template-linfopress .seo-article-bullets li::before {
  content: "•" !important;
  position: absolute !important;
  left: 6px !important;
  top: 0 !important;
  color: #18181b !important;
  font-weight: 900 !important;
  font-size: 20px !important;
}

html body.template-linfopress .seo-article-bullets li strong {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #18181b !important;
}

/* SIGNATURE LUXURY BLACK BUTTON */
html body.template-linfopress .seo-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #18181b !important;
  color: #ffffff !important;
  border: 1.5px solid #18181b !important;
  padding: 14px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  border-radius: 0px !important; /* STRICT 0PX SHARP CORNERS */
  margin-top: 14px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(24, 24, 27, 0.15) !important;
}

html body.template-linfopress .seo-toggle-btn:hover {
  background: #ffffff !important;
  color: #18181b !important;
  border-color: #18181b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(24, 24, 27, 0.2) !important;
}

html body.template-linfopress .seo-toggle-btn .seo-btn-arrow {
  font-size: 14px !important;
  font-weight: 800 !important;
  transition: transform 0.25s ease !important;
}


/* ==========================================================================
   PERFECT EDITORIAL SEO ARTICLE RULES FOR LINFOPRESS
   ========================================================================== */
html body.template-linfopress section#seo-article h2.seo-article-main-title,
html body.template-linfopress section#seo-article h2,
html body.template-linfopress .seo-clean-section h2,
html body.template-linfopress .seo-article-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.3 !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 24px 0 !important;
  text-align: left !important;
}

html body.template-linfopress .seo-article-card {
  text-align: left !important;
}


/* ==========================================================================
   UNIFIED EDITORIAL SEO SECTION TYPOGRAPHY & SPACING (MATCHING SCREENSHOT 1 & MAIN PAGE)
   ========================================================================== */

/* 1. LUXURIOUS BREATHING SPACE FROM PARTNER CARDS TO SEO TITLE (SCREENSHOT 3) */
html body.template-linfopress .linfopress-partner-stage-section,
html body.template-zionic .zionic-partner-stage-section,
.zionic-partner-stage-section {
  padding-bottom: 80px !important;
  background: #ffffff !important;
  border-bottom: none !important;
}

html body.template-linfopress .seo-clean-section,
html body.template-zionic .seo-clean-section,
.seo-clean-section,
#seo-article {
  background: #ffffff !important;
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
  padding: 90px 0 120px 0 !important; /* GENEROUS SPACE BEFORE TITLE AS REQUESTED IN SCREENSHOT 3 */
}

/* 2. CARD CONTAINER: EDITORIAL LEFT-ALIGNED (MATCHING SCREENSHOT 1) */
html body.template-linfopress .seo-article-card,
html body.template-zionic .seo-article-card,
.seo-article-card {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* 3. HEADINGS: EXACTLY LIKE SCREENSHOT 1 & MAIN PAGE (SENTENCE CASE, NOT ALL-CAPS, LEFT-ALIGNED) */
html body.template-linfopress section#seo-article h2.seo-article-main-title,
html body.template-linfopress section#seo-article h2,
html body.template-linfopress .seo-clean-section h2,
html body.template-linfopress .seo-article-main-title,
html body.template-zionic section#seo-article h2.seo-article-main-title,
html body.template-zionic section#seo-article h2,
html body.template-zionic .seo-clean-section h2,
html body.template-zionic .seo-article-main-title,
.seo-clean-section .seo-article-main-title,
#seo-article .seo-article-main-title {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(28px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important; /* STRICT SENTENCE CASE AS IN SCREENSHOT 1 */
  text-align: left !important;
  margin: 0 0 24px 0 !important;
}

/* 4. SUBHEADINGS INSIDE ARTICLE */
html body.template-linfopress .seo-article-sub-title,
html body.template-zionic .seo-article-sub-title,
.seo-article-sub-title {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-align: left !important;
  margin: 36px 0 16px 0 !important;
}

/* 5. BODY PARAGRAPHS & BULLETS: HIGH READABILITY */
html body.template-linfopress .seo-article-card p,
html body.template-zionic .seo-article-card p,
.seo-article-card p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 16px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin: 0 0 20px 0 !important;
  text-align: left !important;
}

html body.template-linfopress .seo-article-bullets,
html body.template-zionic .seo-article-bullets,
.seo-article-bullets {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

html body.template-linfopress .seo-article-bullets li,
html body.template-zionic .seo-article-bullets li,
.seo-article-bullets li {
  position: relative !important;
  padding-left: 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #475569 !important;
  line-height: 1.7 !important;
  text-align: left !important;
}

html body.template-linfopress .seo-article-bullets li::before,
html body.template-zionic .seo-article-bullets li::before,
.seo-article-bullets li::before {
  content: "•" !important;
  position: absolute !important;
  left: 6px !important;
  top: 0 !important;
  color: #18181b !important;
  font-weight: 900 !important;
  font-size: 20px !important;
}

html body.template-linfopress .seo-article-bullets li strong,
html body.template-zionic .seo-article-bullets li strong,
.seo-article-bullets li strong {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #18181b !important;
}

/* 6. SIGNATURE BUTTON: MATCHING ON BOTH PAGES */
html body.template-linfopress .seo-toggle-btn,
html body.template-zionic .seo-toggle-btn,
.seo-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #18181b !important;
  color: #ffffff !important;
  border: 1.5px solid #18181b !important;
  padding: 14px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  border-radius: 0px !important;
  margin-top: 14px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(24, 24, 27, 0.15) !important;
}

html body.template-linfopress .seo-toggle-btn:hover,
html body.template-zionic .seo-toggle-btn:hover,
.seo-toggle-btn:hover {
  background: #ffffff !important;
  color: #18181b !important;
  border-color: #18181b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(24, 24, 27, 0.2) !important;
}


/* ==========================================================================
   UNIFIED LUXURY FAQ STYLES (MATCHING LINFOPRESS 1-TO-1)
   ========================================================================== */
html body.template-zionic .zionic-faq-section,

/* ==========================================================================
   UNIFIED REPACKAGED LUXURY FAQ ACCORDION (ZIONIC & LINFOPRESS)
   Modern, elegant, high-end medical aesthetic with gentle curvature
   ========================================================================== */

/* Section wrapper: clean luxury background */
.zionic-faq-section,
.linfopress-faq-section,
html body.template-zionic .zionic-faq-section,
html body.template-linfopress .linfopress-faq-section {
  background: #f4f4f5 !important;
  padding: 85px 0 95px 0 !important;
  border-top: 1px solid #e4e4e7 !important;
  border-bottom: 1px solid #e4e4e7 !important;
}

@media (max-width: 768px) {
  .zionic-faq-section,
  .linfopress-faq-section,
  html body.template-zionic .zionic-faq-section,
  html body.template-linfopress .linfopress-faq-section {
    padding: 48px 0 56px 0 !important;
  }
}

.zionic-faq-section .container,
.linfopress-faq-section .container {
  max-width: 880px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .zionic-faq-section .container,
  .linfopress-faq-section .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Accordion Grid / Container: Wide, centered, no wasted space */
.faq-accordion-grid,
.linfopress-faq-accordion {
  max-width: 840px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  box-sizing: border-box !important;
}

/* 1. The Card: Modern rounded corners (16px), clean light luxury style */
.faq-accordion-card,
.linfopress-faq-accordion .faq-accordion-card,
html body.template-zionic .faq-accordion-card,
html body.template-linfopress .faq-accordion-card {
  position: relative !important;
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important; /* Gentle modern curvature */
  overflow: hidden !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: 0 4px 16px rgba(24, 24, 27, 0.03) !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

.faq-accordion-card:hover,
.linfopress-faq-accordion .faq-accordion-card:hover,
html body.template-zionic .faq-accordion-card:hover,
html body.template-linfopress .faq-accordion-card:hover {
  border-color: #d4d4d8 !important;
  box-shadow: 0 8px 24px rgba(24, 24, 27, 0.06) !important;
  transform: translateY(-1px) !important;
}

/* Active State: subtle dark accent border & soft elevation */
.faq-accordion-card.active,
.linfopress-faq-accordion .faq-accordion-card.active,
html body.template-zionic .faq-accordion-card.active,
html body.template-linfopress .faq-accordion-card.active {
  background: #ffffff !important;
  border-color: #18181b !important;
  box-shadow: 0 12px 32px rgba(24, 24, 27, 0.08) !important;
  transform: translateY(-1px) !important;
}

/* 2. Header / Trigger Row */
.faq-toggle-header,
.faq-card-header,
.linfopress-faq-accordion .faq-card-header,
html body.template-zionic .faq-toggle-header,
html body.template-linfopress .faq-card-header {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 24px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  gap: 16px !important;
  box-sizing: border-box !important;
  user-select: none !important;
  border-radius: 0px !important;
}

@media (max-width: 768px) {
  .faq-toggle-header,
  .faq-card-header,
  .linfopress-faq-accordion .faq-card-header,
  html body.template-zionic .faq-toggle-header,
  html body.template-linfopress .faq-card-header {
    padding: 16px 16px !important;
    gap: 12px !important;
  }
}

/* 3. Number Badge (01, 02, 03...) */
.faq-q-index,
.linfopress-faq-accordion .faq-q-index,
html body.template-zionic .faq-q-index,
html body.template-linfopress .faq-q-index {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 0px !important;
  background: #f1f5f9 !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.faq-accordion-card.active .faq-q-index,
.linfopress-faq-accordion .faq-accordion-card.active .faq-q-index,
html body.template-zionic .faq-accordion-card.active .faq-q-index,
html body.template-linfopress .faq-accordion-card.active .faq-q-index {
  background: #18181b !important;
  color: #ffffff !important;
}

/* 4. Question Text: Deep Charcoal Black, Balanced Hierarchy */
.faq-q-text,
.linfopress-faq-accordion .faq-q-text,
html body.template-zionic .faq-q-text,
html body.template-linfopress .faq-q-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  letter-spacing: -0.2px !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  hyphens: none !important;
  word-break: normal !important;
  text-transform: none !important;
  transition: color 0.2s ease !important;
}

@media (max-width: 768px) {
  .faq-q-text,
  .linfopress-faq-accordion .faq-q-text,
  html body.template-zionic .faq-q-text,
  html body.template-linfopress .faq-q-text {
    font-size: 14.5px !important;
    line-height: 1.35 !important;
  }
}

.faq-icon,
.faq-toggle-icon,
.linfopress-faq-accordion .faq-toggle-icon,
html body.template-zionic .faq-icon,
html body.template-linfopress .faq-toggle-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 0px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

.faq-accordion-card.active .faq-icon,
.faq-accordion-card.active .faq-toggle-icon,
.linfopress-faq-accordion .faq-accordion-card.active .faq-toggle-icon,
html body.template-zionic .faq-accordion-card.active .faq-icon,
html body.template-linfopress .faq-accordion-card.active .faq-toggle-icon {
  background: #18181b !important;
  border-color: #18181b !important;
  color: #ffffff !important;
}

/* 6. Answer Body: Clear display toggle & generous readable layout */
.faq-answer-body,
.faq-card-body,
.linfopress-faq-accordion .faq-card-body,
html body.template-zionic .faq-answer-body,
html body.template-linfopress .faq-card-body {
  padding: 0 24px 20px 24px !important;
  box-sizing: border-box !important;
}

.faq-accordion-card:not(.active) .faq-answer-body,
.faq-accordion-card:not(.active) .faq-card-body,
.linfopress-faq-accordion .faq-accordion-card:not(.active) .faq-card-body,
html body.template-zionic .faq-accordion-card:not(.active) .faq-answer-body,
html body.template-linfopress .faq-accordion-card:not(.active) .faq-card-body {
  display: none !important;
}

.faq-accordion-card.active .faq-answer-body,
.faq-accordion-card.active .faq-card-body,
.linfopress-faq-accordion .faq-accordion-card.active .faq-card-body,
html body.template-zionic .faq-accordion-card.active .faq-answer-body,
html body.template-linfopress .faq-accordion-card.active .faq-card-body {
  display: block !important;
  animation: faqSmoothOpen 0.25s ease forwards !important;
}

@keyframes faqSmoothOpen {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .faq-answer-body,
  .faq-card-body,
  .linfopress-faq-accordion .faq-card-body,
  html body.template-zionic .faq-answer-body,
  html body.template-linfopress .faq-card-body {
    padding: 0 16px 16px 16px !important;
  }
}

.faq-answer-body p,
.faq-card-body p,
.linfopress-faq-accordion .faq-card-body p,
html body.template-zionic .faq-answer-body p,
html body.template-linfopress .faq-card-body p {
  font-family: 'Golos Text', 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #e2e8f0 !important;
  margin: 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  text-align: left !important;
}

@media (max-width: 768px) {
  .faq-answer-body p,
  .faq-card-body p,
  .linfopress-faq-accordion .faq-card-body p,
  html body.template-zionic .faq-answer-body p,
  html body.template-linfopress .faq-card-body p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }
}


/* ==========================================================================
   TRANSITIONS-DEV: SCROLL-DRIVEN ENTRANCE & TACTILE HOVER SYSTEM
   ========================================================================== */

/* 1. Motion Tokens from transitions-dev */
:root {
  --t-dur-fast: 260ms;
  --t-dur-medium: 380ms;
  --t-dur-slow: 480ms;
  --t-dur-cinema: 560ms;
  --t-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --t-ease-in-out: ease-in-out;
}

/* 2. Scroll Reveal Primitives */
/* Section Headers: Title subtle rise with blur dissolve */
.t-reveal-header {
  opacity: 0;
  transform: translateY(18px);
  filter: blur(2.5px);
  transition: opacity var(--t-dur-slow) var(--t-ease-smooth),
              transform var(--t-dur-slow) var(--t-ease-smooth),
              filter var(--t-dur-slow) var(--t-ease-smooth);
  will-change: opacity, transform, filter;
}

.t-reveal-header.is-revealed {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* Subtitle slight delay */
.t-reveal-header-sub {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity var(--t-dur-slow) var(--t-ease-smooth) 80ms,
              transform var(--t-dur-slow) var(--t-ease-smooth) 80ms;
  will-change: opacity, transform;
}

.t-reveal-header-sub.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered Grids & Cards (Bento, Advantages, Results, Packages) */
.t-reveal-item {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity var(--t-dur-slow) var(--t-ease-smooth) calc(var(--item-idx, 0) * 60ms),
              transform var(--t-dur-slow) var(--t-ease-smooth) calc(var(--item-idx, 0) * 60ms),
              border-color 0.25s ease,
              box-shadow 0.28s var(--t-ease-smooth);
  will-change: opacity, transform;
}

.t-reveal-item.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Split Columns (Indications vs Contraindications, Doctor vs Review) */
.t-reveal-from-left {
  opacity: 0;
  transform: translateX(-24px) translateY(10px);
  transition: opacity var(--t-dur-slow) var(--t-ease-smooth),
              transform var(--t-dur-slow) var(--t-ease-smooth);
  will-change: opacity, transform;
}

.t-reveal-from-right {
  opacity: 0;
  transform: translateX(24px) translateY(10px);
  transition: opacity var(--t-dur-slow) var(--t-ease-smooth) 70ms,
              transform var(--t-dur-slow) var(--t-ease-smooth) 70ms;
  will-change: opacity, transform;
}

.t-reveal-from-left.is-revealed,
.t-reveal-from-right.is-revealed {
  opacity: 1;
  transform: translate(0, 0);
}

/* Cinematic Media Stages (Infographics, Big Photos, Video Frames) */
.t-reveal-scale {
  opacity: 0;
  transform: scale(0.97) translateY(14px);
  filter: blur(2px);
  transition: opacity var(--t-dur-cinema) var(--t-ease-smooth),
              transform var(--t-dur-cinema) var(--t-ease-smooth),
              filter var(--t-dur-cinema) var(--t-ease-smooth);
  will-change: opacity, transform, filter;
}

.t-reveal-scale.is-revealed {
  opacity: 1;
  transform: scale(1) translateY(0);
  filter: blur(0);
}

/* Tactile Micro-Interactions on Hover */
.result-tile-card,
.package-card-item,
.adv-item-card,
.bento-card,
.doctor-luxury-card,
.matrix-creative-card {
  transition: transform 0.28s var(--t-ease-smooth),
              border-color 0.25s ease,
              box-shadow 0.28s var(--t-ease-smooth) !important;
}

.result-tile-card:hover,
.package-card-item:hover,
.adv-item-card:hover,
.doctor-luxury-card:hover {
  transform: translateY(-4px) !important;
}

/* Guarantee row subtle slide on hover */
.guarantee-item-row {
  transition: transform 0.22s var(--t-ease-smooth), background-color 0.2s ease !important;
}

.guarantee-item-row:hover {
  transform: translateX(4px) !important;
}

/* Accessibility: Respect Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .t-reveal-header,
  .t-reveal-header-sub,
  .t-reveal-item,
  .t-reveal-from-left,
  .t-reveal-from-right,
  .t-reveal-scale {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}


/* ==========================================================================
   MOBILE RESPONSIVE ADAPTATION (ZIONIC & LINFOPRESS HARMONIZED WITH MAIN PAGE)
   ========================================================================== */

@media (max-width: 768px) {
  /* Prevent horizontal scrolling on mobile */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Typography: Prevent awkward word-breaks (e.g. КОРЕКЦІЇ ТІЛ-А, МОДЕЛЮВАН-НЯ, ПІДТВЕРДЖЕ-НІ) */
  h1, h2, h3, h4,
  .section-main-title,
  .presentation-main-head,
  .zionic-hero-title,
  .linfopress-hero-title,
  .treatments-title,
  .matrix-main-title,
  .ba-title,
  .procedure-title,
  .package-title,
  .form-card-title {
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* 1. Hero Sections on Mobile */
  .zionic-official-hero,
  .linfopress-hero-stage {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding-top: 80px !important;
    padding-bottom: 40px !important;
  }

  .zionic-hero-title {
    font-size: clamp(26px, 7.2vw, 38px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 14px !important;
  }

  .linfopress-hero-title {
    font-size: clamp(28px, 7.8vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 14px !important;
  }

  .zionic-hero-sub,
  .linfopress-hero-sub {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    max-width: 320px !important;
    margin: 0 auto 24px auto !important;
    padding: 0 10px !important;
  }

  /* Hero Action Buttons: 100% width stacked */
  .zionic-hero-actions,
  .linfopress-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 330px !important;
    gap: 10px !important;
    margin: 0 auto !important;
  }

  .zionic-primary-btn,
  .zionic-secondary-btn,
  .linfopress-primary-btn,
  .linfopress-secondary-btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 14px 18px !important;
    font-size: 13.5px !important;
    box-sizing: border-box !important;
  }

  /* 2. Section Headers on Mobile */
  .section-header-centered,
  .presentation-header,
  .procedure-stage-head {
    margin-bottom: 28px !important;
    padding: 0 16px !important;
  }

  html body.template-zionic section:not(#hero) h2,
  html body.template-zionic h2,
  html body.template-zionic h2.section-main-title,
  html body.template-zionic .section-main-title,
  html body.template-zionic .section-title,
  html body.template-zionic .technologies-title,
  html body.template-zionic .guarantees-head-title,
  html body.template-zionic .zionic-tech-bento-section .section-main-title,
  html body.template-zionic .zionic-ba-section .section-main-title,
  html body.template-zionic .zionic-treatments-fullscreen-section h2,
  html body.template-zionic .zionic-matrix-section .section-main-title,
  html body.template-zionic .zionic-partner-stage-section .section-main-title,
  html body.template-zionic .zionic-doctors-section .section-main-title,
  html body.template-zionic .zionic-faq-section .section-main-title,
  html body.template-zionic .zionic-certificates-section .section-main-title,
  html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
  html body.template-linfopress h2,
  html body.template-linfopress h2.section-main-title,
  html body.template-linfopress .section-main-title,
  html body.template-linfopress .package-title,
  html body.template-linfopress .section-title,
  .zionic-main-page-wrapper .section-main-title,
  .linfopress-page-container .section-main-title,
  .section-main-title,
  .presentation-main-head,
  .treatments-title,
  .matrix-main-title,
  .ba-title,
  .package-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(28px, 6.8vw, 36px) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.5px !important;
    color: #18181b !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
  }

  .section-main-sub,
  .presentation-sub-head,
  .treatments-subtitle,
  .matrix-sub-desc,
  .package-subtitle {
    font-family: 'Montserrat', 'Inter', sans-serif !important;
    font-size: clamp(15.5px, 4vw, 19px) !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    padding: 0 4px !important;
  }

  /* 3. Partner Application Section (Harmonized 1-to-1 with Main Page) */
  .application-presentation {
    padding: 44px 0 52px 0 !important;
  }

  .application-presentation .container-fluid,
  .application-presentation .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .presentation-stage-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .presentation-visual-col {
    width: 100% !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
  }

  .presentation-photo-frame {
    height: 220px !important;
    min-height: 220px !important;
  }

  .partner-guarantees-stack {
    padding: 22px 16px !important;
  }

  .guarantees-head-title {
    font-size: 16px !important;
    margin-bottom: 14px !important;
  }

  .guarantee-item-row {
    padding: 10px 12px !important;
    gap: 12px !important;
  }

  .guarantee-num {
    font-size: 13px !important;
    min-width: 22px !important;
  }

  .guarantee-text strong {
    font-size: 14px !important;
    margin-bottom: 2px !important;
  }

  .guarantee-text span {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* Interactive Form Card on Mobile */
  .presentation-form-col {
    width: 100% !important;
  }

  .presentation-form-card {
    padding: 28px 20px 24px 20px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    background: #f4f4f6 !important;
  }

  .partner-card-kicker {
    font-size: 11px !important;
    letter-spacing: 0.8px !important;
  }

  .form-card-title {
    font-size: clamp(20px, 5.4vw, 24px) !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
  }

  .form-card-subtitle {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 18px !important;
  }

  .form-row-2col {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .presentation-open-form {
    gap: 12px !important;
  }

  .form-label-text {
    font-size: 11px !important;
    margin-bottom: 4px !important;
  }

  .luxury-form-input {
    height: 46px !important;
    font-size: 13.5px !important;
  }

  .messenger-pills-row {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
  }

  .messenger-pill {
    padding: 9px 4px !important;
    font-size: 12px !important;
    gap: 6px !important;
  }

  .presentation-submit-btn {
    height: 50px !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    padding: 0 14px !important;
  }

  /* 4. Matrices on Mobile */
  .zionic-creative-matrix-grid,
  .linfopress-split-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .matrix-creative-card {
    padding: 24px 16px !important;
  }

  .matrix-card-title {
    font-size: 19px !important;
  }

  .matrix-item-row {
    padding: 12px 10px !important;
    gap: 10px !important;
  }

  .item-title {
    font-size: 14px !important;
  }

  .item-desc {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* 5. Bento Grids on Mobile */
  .tech-bento-grid,
  .linfopress-tech-bento-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  /* 6. Results Tiles on Mobile */
  .results-tiles-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  /* 7. Package Grid on Linfopress */
  .package-items-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  /* 8. Doctors Reviews on Mobile */
  .zionic-doctors-grid,
  .linfopress-doctor-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .doctor-luxury-card,
  .expert-review-card {
    padding: 22px 16px !important;
  }

  /* 9. FAQ Accordions on Mobile */
  .faq-accordion-card,
  .linfopress-faq-item {
    padding: 16px 14px !important;
  }

  .faq-accordion-question,
  .linfopress-faq-question {
    font-size: 15px !important;
    gap: 10px !important;
  }

  /* 10. Swipe-Scroll Motion Tuning */
  .t-reveal-item {
    transition-duration: 380ms !important;
    transition-delay: calc(var(--item-idx, 0) * 35ms) !important;
  }

  .t-reveal-header {
    transition-duration: 400ms !important;
  }
}

/* Force active faq question text to be deep charcoal */
.faq-accordion-card.active .faq-q-text,
.linfopress-faq-accordion .faq-accordion-card.active .faq-q-text,
html body.template-zionic .faq-accordion-card.active .faq-q-text,
html body.template-linfopress .faq-accordion-card.active .faq-q-text,
html body.template-zionic .faq-q-text,
html body.template-linfopress .faq-q-text,
.faq-q-text {
  color: #18181b !important;
}


/* ==========================================================================
   STRICT SHARP CORNERS (0PX) & MOBILE SIDE PADDINGS (HARMONIZED WITH MAIN PAGE)
   ========================================================================== */

/* Strict 0px Sharp Corners across FAQ, Cards & Badges */
.faq-accordion-card,
.linfopress-faq-accordion .faq-accordion-card,
html body.template-zionic .faq-accordion-card,
html body.template-linfopress .faq-accordion-card,
.faq-q-index,
.linfopress-faq-accordion .faq-q-index,
html body.template-zionic .faq-q-index,
html body.template-linfopress .faq-q-index,
.faq-icon,
.faq-toggle-icon,
.linfopress-faq-accordion .faq-toggle-icon,
html body.template-zionic .faq-icon,
html body.template-linfopress .faq-toggle-icon,
.faq-toggle-header,
.faq-card-header {
  border-radius: 0px !important;
}

/* Mobile Side Paddings: Exactly 16px left/right like the Main page */
@media (max-width: 768px) {
  /* Ensure all containers on Zionic and Linfopress have standard 16px gutters */
  .template-zionic .container,
  .template-zionic .container-fluid,
  .template-linfopress .container,
  .template-linfopress .container-fluid,
  .zionic-main-page-wrapper .container,
  .linfopress-page-container .container,
  .zionic-tech-bento-section .container,
  .zionic-doctors-section .container,
  .zionic-certificates-section .container,
  .zionic-matrix-section .container,
  .linfopress-why-section .container,
  .linfopress-package-section .container,
  .linfopress-matrix-section .container,
  .linfopress-tech-bento-section .container,
  .linfopress-advantages-grid-section .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Remove double padding from grids so cards get full width (341px) */
  .tech-bento-grid,
  .linfopress-tech-bento-grid,
  .zionic-doctors-grid,
  .linfopress-doctor-row,
  .zionic-certificates-grid,
  .zionic-creative-matrix-grid,
  .linfopress-split-grid,
  .package-items-grid,
  .results-tiles-grid,
  .why-cards-col,
  .faq-accordion-grid,
  .linfopress-faq-accordion {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Ensure cards take 100% of the container width */
  .tech-bento-card,
  .linfopress-tech-card,
  .doctor-luxury-card,
  .expert-review-card,
  .cert-scan-card,
  .matrix-creative-card,
  .package-item-card,
  .result-tile-card,
  .faq-accordion-card,
  .presentation-form-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 0px !important;
  }
}


/* ==========================================================================
   PERMANENT FIXED HEADER ON LIGHT PLAQUE (MOBILE & DESKTOP)
   ========================================================================== */

header,
header.header,
.header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  z-index: 99999 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
}

@media (min-width: 992px) {
  header,
  header.header,
  .header {
    height: 84px !important;
    padding: 0 clamp(24px, 4vw, 56px) !important;
  }

  /* Body / Hero top clearance for fixed 84px header */
  body:not(.template-zionic):not(.template-linfopress) {
    padding-top: 84px !important;
  }

  .zionic-official-hero,
  .linfopress-hero-stage {
    padding-top: 84px !important;
  }
}

@media (max-width: 991px) {
  header,
  header.header,
  .header {
    height: 58px !important;
    padding: 0 16px !important;
  }

  /* Body / Hero top clearance for fixed 58px header */
  body:not(.template-zionic):not(.template-linfopress) {
    padding-top: 58px !important;
  }

  .zionic-official-hero,
  .linfopress-hero-stage {
    padding-top: 68px !important;
  }
}


/* ==========================================================================
   PERFECT HEADING & SUBTITLE HIERARCHY (1-TO-1 MATCH WITH MAIN PAGE)
   ========================================================================== */

/* Desktop & Tablet Headings */
@media (min-width: 769px) {
  html body.template-zionic section:not(#hero) h2,
  html body.template-zionic h2.section-main-title,
  html body.template-zionic .section-main-title,
  html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
  html body.template-linfopress h2.section-main-title,
  html body.template-linfopress .section-main-title,
  .section-main-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(34px, 3.8vw, 46px) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.5px !important;
    color: #18181b !important;
    margin-bottom: 16px !important;
    text-transform: uppercase !important;
  }

  html body.template-zionic .section-main-sub,
  html body.template-linfopress .section-main-sub,
  .section-main-sub,
  .section-subtitle,
  .section-desc {
    font-family: 'Montserrat', 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    max-width: 860px !important;
    margin: 0 auto !important;
  }
}

/* Mobile Headings & Subtitles (<768px) */
@media (max-width: 768px) {
  html body.template-zionic section:not(#hero) h2,
  html body.template-zionic h2.section-main-title,
  html body.template-zionic .section-main-title,
  html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
  html body.template-linfopress h2.section-main-title,
  html body.template-linfopress .section-main-title,
  .zionic-main-page-wrapper .section-main-title,
  .linfopress-page-container .section-main-title,
  .section-main-title,
  .presentation-main-head,
  .treatments-title,
  .matrix-main-title,
  .ba-title,
  .package-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(28px, 7.2vw, 34px) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.5px !important;
    color: #18181b !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.template-zionic .section-main-sub,
  html body.template-linfopress .section-main-sub,
  .section-main-sub,
  .presentation-sub-head,
  .treatments-subtitle,
  .matrix-sub-desc,
  .package-subtitle,
  .section-subtitle,
  .section-desc {
    font-family: 'Montserrat', 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #475569 !important;
    padding: 0 4px !important;
    margin: 0 auto !important;
  }
}


/* ==========================================================================
   GLOBAL PREMIUM TYPOGRAPHY SYSTEM (UNIFIED ACROSS MAIN, ZIONIC, LINFOPRESS)
   ========================================================================== */

/* 1. SECTION MAIN TITLES (CONFIDENT, LARGE, BOLD MONTSERRAT) */
html body section:not(#hero-clean-section):not(#zionic-official-hero):not(#hero):not(#package):not(#why) h2,
html body .section-main-title,
html body .zionic-main-page-wrapper .section-main-title,
html body .linfopress-page-container .section-main-title,
html body.template-zionic section:not(#zionic-official-hero):not(#package):not(.package-section):not(#why):not(.why-this) h2,
html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
html body.template-zionic .section-main-title,
html body.template-linfopress .section-main-title,
.why-us-header h2,
.partners-header h2,
.presentation-header h2,
.our-prods-header h2,
.editorial-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.5px !important;
  color: #18181b !important;
  text-transform: uppercase !important;
  margin: 0 0 14px 0 !important;
}

@media (min-width: 769px) {
  html body section:not(#hero-clean-section):not(#zionic-official-hero):not(#hero):not(#package):not(#why) h2,
  html body .section-main-title,
  html body .zionic-main-page-wrapper .section-main-title,
  html body .linfopress-page-container .section-main-title,
  html body.template-zionic section:not(#zionic-official-hero):not(#package):not(.package-section):not(#why):not(.why-this) h2,
  html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
  html body.template-zionic .section-main-title,
  html body.template-linfopress .section-main-title,
  .why-us-header h2,
  .partners-header h2,
  .presentation-header h2,
  .our-prods-header h2,
  .editorial-main-title {
    font-size: clamp(38px, 3.6vw, 50px) !important;
  }
}

@media (max-width: 768px) {
  html body section:not(#hero-clean-section):not(#zionic-official-hero):not(#hero):not(#package):not(#why) h2,
  html body .section-main-title,
  html body .zionic-main-page-wrapper .section-main-title,
  html body .linfopress-page-container .section-main-title,
  html body.template-zionic section:not(#zionic-official-hero):not(#package):not(.package-section):not(#why):not(.why-this) h2,
  html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
  html body.template-zionic .section-main-title,
  html body.template-linfopress .section-main-title,
  .why-us-header h2,
  .partners-header h2,
  .presentation-header h2,
  .our-prods-header h2,
  .editorial-main-title {
    font-size: clamp(30px, 7.8vw, 36px) !important;
    line-height: 1.15 !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

/* 2. SECTION SUBTITLES (ELEGANT SLATE, PERFECT PROPORTION) */
.section-main-sub,
.section-subtitle,
.section-desc,
.presentation-sub-head,
.treatments-subtitle,
.matrix-sub-desc,
.package-subtitle,
.why-us-header p,
.partners-header p,
.presentation-header p,
.our-prods-header p {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-weight: 400 !important;
  color: #475569 !important;
  margin: 0 auto !important;
}

@media (min-width: 769px) {
  .section-main-sub,
  .section-subtitle,
  .section-desc,
  .presentation-sub-head,
  .treatments-subtitle,
  .matrix-sub-desc,
  .package-subtitle,
  .why-us-header p,
  .partners-header p,
  .presentation-header p,
  .our-prods-header p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    max-width: 860px !important;
  }
}

@media (max-width: 768px) {
  .section-main-sub,
  .section-subtitle,
  .section-desc,
  .presentation-sub-head,
  .treatments-subtitle,
  .matrix-sub-desc,
  .package-subtitle,
  .why-us-header p,
  .partners-header p,
  .presentation-header p,
  .our-prods-header p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 0 4px !important;
  }
}

/* 3. CARDS UNDER HEADINGS (UNIFIED TYPOGRAPHY & SCALE) */

/* A. Bento Tech Cards (Zionic & Linfopress) */
.tech-bento-card .bento-head-title,
.tech-bento-card h3,
.linfopress-tech-card .bento-head-title,
.linfopress-tech-card h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(18px, 4.5vw, 22px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.3px !important;
  color: #18181b !important;
  margin-bottom: 8px !important;
}

.tech-bento-card p,
.linfopress-tech-card p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #475569 !important;
}

/* B. Matrix Creative Cards (Indications / Treatments) */
.matrix-creative-card h3,
.matrix-card-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(18px, 4.5vw, 22px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #18181b !important;
  margin-bottom: 12px !important;
}

.matrix-creative-card li,
.matrix-list li {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #54595f !important;
}

/* C. Why Us / Advantage Cards */
.why-card-title,
.adv-item-card h3,
.adv-card-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(17px, 4.2vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #18181b !important;
  margin-bottom: 6px !important;
}

.why-card-desc,
.adv-item-card p,
.adv-card-desc {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #475569 !important;
}

/* D. FAQ Accordion Cards */
.faq-q-text,
.linfopress-faq-accordion .faq-q-text,
html body.template-zionic .faq-q-text,
html body.template-linfopress .faq-q-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(15.5px, 4vw, 17.5px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #18181b !important;
}

.faq-answer-inner,
.faq-accordion-card p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: #475569 !important;
}

/* E. Doctors & Expert Review Cards */
.doctor-luxury-card h3,
.expert-review-card h3,
.doctor-quote-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(17px, 4.2vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #18181b !important;
  margin-bottom: 10px !important;
}

.doctor-luxury-card p,
.expert-review-card p,
.doctor-quote-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: #475569 !important;
}

.doctor-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #18181b !important;
}

.doctor-role,
.doctor-clinic {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  color: #54595f !important;
}

/* F. Package Item Cards */
.package-item-card h3,
.package-item-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(16px, 4vw, 18px) !important;
  font-weight: 700 !important;
  color: #18181b !important;
  margin-bottom: 6px !important;
}

.package-item-card p,
.package-item-desc {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #475569 !important;
}

/* G. Form Presentation Card */
.presentation-form-card .form-title,
.presentation-form-card h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(22px, 5.5vw, 28px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #18181b !important;
  text-transform: uppercase !important;
}

.presentation-form-card .form-subtitle,
.presentation-form-card p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #475569 !important;
}


/* ==========================================================================
   +15% EXPANDED TYPOGRAPHY & EXPANSIVE FRAME SYSTEM (ZIONIC & LINFOPRESS)
   Both Desktop & Mobile: Richer scale, wider frames, breathable spacing
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. DESKTOP & TABLET WIDE VIEWPORTS (min-width: 769px)
   -------------------------------------------------------------------------- */
@media (min-width: 769px) {
  /* Widen containers to give generous breathing room */
  html body.template-zionic .container,
  html body.template-linfopress .container,
  .zionic-main-page-wrapper .container,
  .linfopress-page-container .container,
  .zionic-tech-bento-section .container,
  .zionic-doctors-section .container,
  .zionic-certificates-section .container,
  .zionic-matrix-section .container,
  .linfopress-why-section .container,
  .linfopress-package-section .container,
  .linfopress-matrix-section .container,
  .linfopress-tech-bento-section .container,
  .linfopress-advantages-grid-section .container {
    max-width: 1440px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }

  /* Widen FAQ Container */
  .zionic-faq-section .container,
  .linfopress-faq-section .container,
  .faq-accordion-grid,
  .linfopress-faq-accordion {
    max-width: 1020px !important;
    width: 100% !important;
  }

  /* Section Main Headings (+15%: 44px - 58px) */
  html body.template-zionic section:not(#zionic-official-hero):not(#package):not(.package-section):not(#why):not(.why-this) h2,
  html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
  html body.template-zionic .section-main-title,
  html body.template-linfopress .section-main-title,
  html body.template-zionic h2.section-main-title,
  html body.template-linfopress h2.section-main-title,
  .template-zionic .big-title,
  .template-linfopress .big-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(42px, 3.8vw, 56px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
    color: #18181b !important;
    text-transform: uppercase !important;
    margin-bottom: 18px !important;
  }

  /* Section Subtitles (+15%: 19px - 20px) */
  html body.template-zionic .section-main-sub,
  html body.template-linfopress .section-main-sub,
  html body.template-zionic .section-subtitle,
  html body.template-linfopress .section-subtitle,
  html body.template-zionic .section-desc,
  html body.template-linfopress .section-desc,
  html body.template-zionic section:not(#zionic-official-hero) p.section-main-sub,
  html body.template-linfopress section:not(#hero) p.section-main-sub {
    font-family: 'Montserrat', 'Inter', sans-serif !important;
    font-size: 19.5px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    max-width: 960px !important;
    margin: 0 auto 40px auto !important;
  }

  /* Bento & Tech Card Headings (+15%: 24px - 27px) */
  html body.template-zionic .tech-bento-card .bento-head-title,
  html body.template-zionic .tech-bento-card h3,
  html body.template-linfopress .linfopress-tech-card .tech-card-heading,
  html body.template-linfopress .linfopress-tech-card h3,
  html body.template-zionic .matrix-creative-card h3,
  html body.template-linfopress .matrix-creative-card h3,
  html body.template-linfopress .adv-item-card h3,
  html body.template-linfopress .package-item-card h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.4px !important;
    color: #18181b !important;
  }

  /* Card Body & List Text (+15%: 16.5px - 17.5px) */
  html body.template-zionic .tech-bento-card p,
  html body.template-linfopress .linfopress-tech-card p,
  html body.template-zionic .tech-bento-card li,
  html body.template-linfopress .linfopress-tech-card li,
  html body.template-zionic .matrix-creative-card li,
  html body.template-linfopress .matrix-creative-card li,
  html body.template-linfopress .adv-item-card p,
  html body.template-linfopress .package-item-card p,
  html body.template-zionic .doctor-luxury-card p,
  html body.template-linfopress .expert-review-card p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
  }

  /* Doctor Testimonials */
  html body.template-zionic .doctor-quote-title,
  html body.template-linfopress .doctor-quote-title,
  html body.template-linfopress .expert-review-card h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #18181b !important;
  }

  /* FAQ Accordions (+15%) */
  html body.template-zionic .faq-q-text,
  html body.template-linfopress .faq-q-text {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #18181b !important;
  }

  html body.template-zionic .faq-answer-inner,
  html body.template-linfopress .faq-answer-inner {
    font-size: 16.5px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
  }

  /* Form Presentation Card */
  html body.template-zionic .presentation-form-card .form-title,
  html body.template-linfopress .presentation-form-card .form-title {
    font-size: 32px !important;
    font-weight: 800 !important;
  }
  html body.template-zionic .presentation-form-card .form-subtitle,
  html body.template-linfopress .presentation-form-card .form-subtitle {
    font-size: 16.5px !important;
  }
}

/* --------------------------------------------------------------------------
   2. MOBILE VIEWPORTS (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  /* Side margins: 16px crisp edges */
  html body.template-zionic .container,
  html body.template-linfopress .container,
  .zionic-main-page-wrapper .container,
  .linfopress-page-container .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* Section Main Headings (+15%: 33px - 38px on mobile) */
  html body.template-zionic section:not(#zionic-official-hero):not(#package):not(.package-section):not(#why):not(.why-this) h2,
  html body.template-linfopress section:not(#hero):not(#package):not(.linfopress-package-section):not(#why):not(.linfopress-why-section) h2,
  html body.template-zionic .section-main-title,
  html body.template-linfopress .section-main-title,
  html body.template-zionic h2.section-main-title,
  html body.template-linfopress h2.section-main-title,
  .template-zionic .big-title,
  .template-linfopress .big-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(32px, 8.2vw, 38px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
    color: #18181b !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  /* Section Subtitles (+15%: 16.5px - 17.5px on mobile) */
  html body.template-zionic .section-main-sub,
  html body.template-linfopress .section-main-sub,
  html body.template-zionic .section-subtitle,
  html body.template-linfopress .section-subtitle,
  html body.template-zionic .section-desc,
  html body.template-linfopress .section-desc,
  html body.template-zionic section:not(#zionic-official-hero) p.section-main-sub,
  html body.template-linfopress section:not(#hero) p.section-main-sub {
    font-family: 'Montserrat', 'Inter', sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    padding: 0 4px !important;
    margin: 0 auto 28px auto !important;
  }

  /* Card Headings on Mobile (+15%: 20px - 23px) */
  html body.template-zionic .tech-bento-card .bento-head-title,
  html body.template-zionic .tech-bento-card h3,
  html body.template-linfopress .linfopress-tech-card .tech-card-heading,
  html body.template-linfopress .linfopress-tech-card h3,
  html body.template-zionic .matrix-creative-card h3,
  html body.template-linfopress .matrix-creative-card h3,
  html body.template-linfopress .adv-item-card h3,
  html body.template-linfopress .package-item-card h3,
  html body.template-zionic .doctor-quote-title,
  html body.template-linfopress .expert-review-card h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(20px, 5.2vw, 23px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #18181b !important;
  }

  /* Card Body & Lists on Mobile (+15%: 15.5px - 16px) */
  html body.template-zionic .tech-bento-card p,
  html body.template-linfopress .linfopress-tech-card p,
  html body.template-zionic .tech-bento-card li,
  html body.template-linfopress .linfopress-tech-card li,
  html body.template-zionic .matrix-creative-card li,
  html body.template-linfopress .matrix-creative-card li,
  html body.template-linfopress .adv-item-card p,
  html body.template-linfopress .package-item-card p,
  html body.template-zionic .doctor-luxury-card p,
  html body.template-linfopress .expert-review-card p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    color: #475569 !important;
  }

  /* FAQ Accordions on Mobile (+15%: 17.5px - 18.5px) */
  html body.template-zionic .faq-q-text,
  html body.template-linfopress .faq-q-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(17px, 4.4vw, 19px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #18181b !important;
  }

  html body.template-zionic .faq-answer-inner,
  html body.template-linfopress .faq-answer-inner {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
  }

  /* Form Presentation Card on Mobile */
  html body.template-zionic .presentation-form-card .form-title,
  html body.template-linfopress .presentation-form-card .form-title {
    font-size: clamp(24px, 6.5vw, 30px) !important;
    font-weight: 800 !important;
  }
  html body.template-zionic .presentation-form-card .form-subtitle,
  html body.template-linfopress .presentation-form-card .form-subtitle {
    font-size: 15.5px !important;
    line-height: 1.5 !important;
  }
}


/* Ensure text inside dark bento/tech cards is bright white/light slate */
html body.template-linfopress .linfopress-tech-card .tech-card-heading,
html body.template-linfopress .linfopress-tech-card h3,
.linfopress-tech-card .tech-card-heading,
.linfopress-tech-card h3 {
  color: #ffffff !important;
}

html body.template-linfopress .linfopress-tech-card p,
html body.template-linfopress .linfopress-tech-card li,
.linfopress-tech-card p,
.linfopress-tech-card li {
  color: #e4e4e7 !important;
}

html body.template-zionic .tech-bento-card-dark .bento-head-title,
html body.template-zionic .tech-bento-card-dark h3,
html body.template-zionic .bento-card-dark h3,
html body.template-zionic .bento-dark h3,
.tech-bento-card-dark h3,
.bento-card-dark h3,
.tech-bento-card .bento-bottom-content h3,
.tech-bento-card .bento-bottom-content .bento-head-title {
  color: #ffffff !important;
}

html body.template-zionic .tech-bento-card-dark p,
html body.template-zionic .tech-bento-card-dark li,
html body.template-zionic .bento-card-dark p,
.tech-bento-card .bento-bottom-content p {
  color: #d4d4d8 !important;
}


/* All Bento Tech Cards (Zionic & Linfopress) heading and text color */
.tech-bento-card .tech-card-heading,
.tech-bento-card h3,
.tech-bento-card .bento-head-title,
.linfopress-tech-card .tech-card-heading,
.linfopress-tech-card h3,
html body.template-zionic .tech-card-heading,
html body.template-linfopress .tech-card-heading {
  color: #ffffff !important;
}

.tech-bento-card .tech-card-desc,
.tech-bento-card p,
.linfopress-tech-card p,
html body.template-zionic .tech-bento-card p,
html body.template-linfopress .linfopress-tech-card p {
  color: #d4d4d8 !important;
}


/* Absolute highest specificity for tech card dark theme contrast */
html body .tech-card-content h3,
html body .tech-card-content .tech-card-heading,
html body.template-zionic .tech-bento-card h3,
html body.template-zionic .tech-card-heading,
html body.template-linfopress .linfopress-tech-card h3,
html body.template-linfopress .tech-card-heading,
.tech-bento-card h3,
.linfopress-tech-card h3,
.tech-card-heading {
  color: #ffffff !important;
}

html body .tech-card-content p,
html body .tech-card-content .tech-card-text,
html body .tech-card-content li,
html body .tech-card-content li span,
html body.template-zionic .tech-bento-card p,
html body.template-zionic .tech-bento-card li,
html body.template-zionic .tech-bento-card li span,
html body.template-linfopress .linfopress-tech-card p,
html body.template-linfopress .linfopress-tech-card li,
html body.template-linfopress .linfopress-tech-card li span,
.tech-card-text {
  color: #e4e4e7 !important;
}

html body .tech-card-content .bullet-check,
html body .bullet-check {
  color: #ffffff !important;
}


/* ==========================================================================
   PERMANENT CONTENT VISIBILITY GUARANTEE (ANTI-DISAPPEARING CONTENT)
   All headers, text, cards, and advantages are 100% visible at all times.
   ========================================================================== */
.t-reveal-header,
.t-reveal-header-sub,
.t-reveal-item,
.t-reveal-from-left,
.t-reveal-from-right,
.t-reveal-scale,
.blur-reveal,
.section-main-title,
.section-main-sub,
.adv-item-card,
.adv-text,
.adv-index,
.linfopress-advantages-row,
.linfopress-advantages-col-list,
.tech-bento-card,
.matrix-creative-card,
.doctor-luxury-card,
.package-item-card,
.presentation-form-card {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

/* Specific styling for Linfopress 9 Advantages list items */
.adv-item-card {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 18px 24px !important;
  background: #f4f4f5 !important;
  border: 1px solid #e4e4e7 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.adv-item-card .adv-index {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #18181b !important;
  min-width: 36px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.adv-item-card .adv-text,
.adv-item-card p.adv-text,
.adv-item-card p {
  font-family: 'Inter', 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  color: #54595f !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}


/* ==========================================================================
   PERFECT CONTRAST ON ALL DARK & GRAY SECTIONS + EXPANDED CARD SIZES
   Guarantees pure white/light text on all dark backgrounds & larger cards
   ========================================================================== */

/* 1. PACKAGE SECTION (Linfopress & Zionic) */
.linfopress-package-section,
.package-section,
section.linfopress-package-section,
html body.template-linfopress .linfopress-package-section,
html body.template-zionic .package-section {
  background: #121212 !important;
  padding: 100px 0 !important;
}

html body.template-linfopress .linfopress-package-section h2,
html body.template-linfopress .linfopress-package-section .package-title,
html body.template-linfopress .linfopress-package-section .section-main-title,
html body.template-zionic .package-section h2,
.package-title,
.linfopress-package-section .package-title {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 54px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 14px !important;
}

html body.template-linfopress .linfopress-package-section p.package-subtitle,
html body.template-linfopress .linfopress-package-section p,
html body.template-zionic .package-section p,
.package-subtitle,
.linfopress-package-section .package-subtitle {
  color: #d4d4d8 !important;
  font-family: 'Inter', 'Montserrat', sans-serif !important;
  font-size: 19.5px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 50px auto !important;
}

/* Package Cards Grid - Expanded & Large */
.linfopress-package-section .package-items-grid,
.package-items-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

@media (max-width: 1200px) {
  .linfopress-package-section .package-items-grid,
  .package-items-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .linfopress-package-section .package-items-grid,
  .package-items-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* Individual Package Card - Bigger, Expanded */
.linfopress-package-section .package-item-card,
.package-item-card {
  background: #18181b !important;
  border: 1px solid #54595f !important;
  padding: 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 310px !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.linfopress-package-section .package-item-card:hover,
.package-item-card:hover {
  transform: translateY(-6px) !important;
  border-color: #54595f !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;
}

/* Inner white photo stage for accessories */
.linfopress-package-section .package-img-wrap,
.package-item-card .package-img-wrap,
.package-item-card .package-img-box {
  width: 100% !important;
  height: 200px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.linfopress-package-section .package-img-wrap img,
.package-item-card img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.linfopress-package-section .package-item-name,
.package-item-card .package-item-name,
.package-item-card h3,
.package-item-card p {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: 18px 0 0 0 !important;
}

/* 2. WHY SECTIONS (Video Background Dark Stage) */
.linfopress-why-section,
.why-this,
section#why,
html body.template-linfopress section#why,
html body.template-zionic section#why {
  background: #121212 !important;
}

html body.template-linfopress section#why h2,
html body.template-linfopress section#why h2.why-main-title,
html body.template-zionic section#why h2,
.why-main-title {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 54px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}


html body.template-zionic section#why p,
.why-this-p,
.why-subtitle {
  color: #d4d4d8 !important;
  font-size: 19.5px !important;
}

.why-this-item,
.why-showcase-card {
  background: #18181b !important;
  border: 1px solid #54595f !important;
  color: #ffffff !important;
}

.why-this-item h3,
.why-this-item .why-item-title,
.why-showcase-card h3 {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

.why-this-item p,
.why-this-item .why-item-desc,
.why-showcase-card p {
  color: #d4d4d8 !important;
  font-size: 16.5px !important;
  line-height: 1.6 !important;
}

/* 3. TECH BENTO CARDS (Zionic & Linfopress 4 Phases) - Expanded & Bright White Text */
.linfopress-tech-grid,
.tech-bento-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  .linfopress-tech-grid,
  .tech-bento-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

.linfopress-tech-card,
.tech-bento-card {
  background: #18181b !important;
  border: 1px solid #54595f !important;
  overflow: hidden !important;
}

.linfopress-tech-card .tech-card-body,
.tech-bento-card .tech-card-content {
  padding: 32px !important;
  background: #18181b !important;
}

@media (max-width: 768px) {
  .linfopress-tech-card .tech-card-body,
  .tech-bento-card .tech-card-content {
    padding: 24px 18px !important;
  }
}

.linfopress-tech-card .tech-card-heading,
.tech-bento-card .tech-card-heading,
.linfopress-tech-card h3,
.tech-bento-card h3 {
  color: #ffffff !important;
  font-size: clamp(22px, 2.2vw, 27px) !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}

.linfopress-tech-card p,
.linfopress-tech-card li,
.tech-bento-card p,
.tech-bento-card li,
.tech-card-list li {
  color: #e4e4e7 !important;
  font-size: 16.5px !important;
  line-height: 1.6 !important;
}

.linfopress-tech-card .bullet-check,
.tech-bento-card .bullet-check {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.linfopress-tech-card .tech-card-cta,
.tech-bento-card .tech-card-cta {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-top: 20px !important;
}

/* 4. CLINICAL MATRIX CARDS (Indications vs Contraindications) */
.matrix-creative-card.indications-card,
.matrix-creative-card.contraindications-card {
  padding: 36px !important;
  background: #54595f !important;
  border: 1px solid #475569 !important;
}

@media (max-width: 768px) {
  .matrix-creative-card.indications-card,
  .matrix-creative-card.contraindications-card {
    padding: 24px 16px !important;
  }
}

.matrix-creative-card .matrix-main-head {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.matrix-creative-card .matrix-sub-head {
  color: #d4d4d8 !important;
  font-size: 16.5px !important;
  margin-bottom: 28px !important;
}

/* Inside item rows are crisp white cards with dark slate text */
.matrix-item-row {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  padding: 18px 20px !important;
}

.matrix-item-row .item-title {
  color: #18181b !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.matrix-item-row .item-desc {
  color: #475569 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}

.matrix-item-row .item-index,
.matrix-item-row .item-alert-icon {
  font-size: 18px !important;
  font-weight: 900 !important;
}


/* ==========================================================================
   FINAL ABSOLUTE OVERRIDE: 100% PURE WHITE TEXT FOR ALL DARK SECTIONS
   ========================================================================== */
html body .linfopress-package-section h2,
html body .linfopress-package-section .package-title,
html body .package-section h2,
html body .package-title,
html body .linfopress-why-section h2,
html body .why-this h2,
html body .why-main-title,
html body #why h2,
html body #package h2,
html body.template-linfopress .linfopress-package-section h2,
html body.template-linfopress .linfopress-package-section .package-title,
html body.template-linfopress .linfopress-why-section h2,
html body.template-linfopress .why-main-title,
html body.template-zionic .package-section h2,
html body.template-zionic .why-this h2,
html body.template-linfopress section#package h2,
html body.template-linfopress section#why h2,
html body.template-zionic section#why h2 {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 54px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .linfopress-package-section p,
html body .linfopress-package-section .package-subtitle,
html body .package-section p,
html body .package-subtitle,

html body .why-this p,
html body #why p,
html body #package p,
html body.template-linfopress .linfopress-package-section p,
html body.template-linfopress .linfopress-package-section .package-subtitle,

html body.template-zionic .why-this p,
html body.template-linfopress section#package p,

html body.template-zionic section#why p {
  color: #d4d4d8 !important;
  font-family: 'Inter', 'Montserrat', sans-serif !important;
  font-size: 19.5px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Card titles and text in dark sections */
html body .linfopress-package-section .package-item-name,
html body .package-item-card .package-item-name,
html body .package-item-card h3,
html body .package-item-card p,
html body .why-this-item h3,
html body .why-showcase-card h3 {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
}


/* ==========================================================================
   ULTRA-HIGH SPECIFICITY CONTRAST RULES FOR ALL DARK & GRAY SECTIONS
   ========================================================================== */
html body:not(#_x):not(#_y):not(#_z) #package h2,
html body:not(#_x):not(#_y):not(#_z) #package .package-title,
html body:not(#_x):not(#_y):not(#_z) .linfopress-package-section h2,
html body:not(#_x):not(#_y):not(#_z) .linfopress-package-section .package-title,
html body:not(#_x):not(#_y):not(#_z) .package-section h2,
html body:not(#_x):not(#_y):not(#_z) section#package h2 {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 56px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin-bottom: 14px !important;
}

html body:not(#_x):not(#_y):not(#_z) #package p,
html body:not(#_x):not(#_y):not(#_z) #package .package-subtitle,
html body:not(#_x):not(#_y):not(#_z) .linfopress-package-section p,
html body:not(#_x):not(#_y):not(#_z) .linfopress-package-section .package-subtitle,
html body:not(#_x):not(#_y):not(#_z) .package-section p,
html body:not(#_x):not(#_y):not(#_z) section#package p {
  color: #d4d4d8 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19.5px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* EXPANDED PACKAGE CARDS: Bigger, wider, more expansive */
html body .linfopress-package-section .package-items-grid,
html body .package-items-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
}

@media (max-width: 1200px) {
  html body .linfopress-package-section .package-items-grid,
  html body .package-items-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  html body .linfopress-package-section .package-items-grid,
  html body .package-items-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

html body .package-item-card {
  background: #18181b !important;
  border: 1px solid #54595f !important;
  padding: 24px 20px !important;
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

html body .package-item-card .package-img-wrap {
  width: 100% !important;
  height: 200px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

html body .package-item-card .package-item-name,
html body .package-item-card h3,
html body .package-item-card p {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin-top: 16px !important;
}


/* ==========================================================================
   GLOBAL SCROLL-MARGIN-TOP + CLEAN TWO-LINE HEADING BALANCING
   ========================================================================== */

/* 1. Ensure fixed header NEVER covers section headers when scrolling or navigating */
section,
[id],
.section-header,
.section-header-centered,
.presentation-section,
.zionic-matrix-section,
.linfopress-matrix-section,
.linfopress-package-section,
.linfopress-doctor-section,
.linfopress-why-section,
.tech-bento-section,
.faq-section,
.another-pages-banner,
.advantages-icons {
  scroll-margin-top: 100px !important;
}

/* 2. Clean 2-line heading word wrap */
.title-line-nowrap {
  white-space: nowrap !important;
  display: inline-block !important;
}

/* 3. Anti-word-break for all headings */
h1, h2, h3, h4, h5, h6,
.section-main-title,
.big-title,
.why-main-title,
.package-title {
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

@media (max-width: 768px) {
  /* Scale headings with long words cleanly so they fit in exactly 2 lines on mobile */
  .zionic-matrix-section .section-main-title,
  .linfopress-matrix-section .section-main-title {
    font-size: clamp(26px, 7.2vw, 34px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
}


/* ==========================================================================
   FIX WHY SECTION WHITE CARDS TEXT CONTRAST (DARK GRAPHITE TEXT)
   ========================================================================== */
html body .linfopress-why-section .why-card-item .why-card-text,
html body .linfopress-why-section .why-card-text,
html body .why-card-item p,
html body .why-card-text,
.why-card-item .why-card-text,
.why-card-item p {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .linfopress-why-section .why-card-item .why-card-num,
html body .why-card-item .why-card-num,
.why-card-item .why-card-num {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* ==========================================================================
   DEFINITIVE DARK TEXT ON WHITE WHY-CARDS (DESKTOP & MOBILE)
   ========================================================================== */
html body:not(#_x):not(#_y):not(#_z) #why .why-card-item .why-card-text,
html body:not(#_x):not(#_y):not(#_z) #why .why-card-text,
html body:not(#_x):not(#_y):not(#_z) #why .why-card-item p,
html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section .why-card-item .why-card-text,
html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section .why-card-text,
html body:not(#_x):not(#_y):not(#_z) .why-card-item .why-card-text,
html body:not(#_x):not(#_y):not(#_z) .why-card-item p,
.why-card-text,
.why-card-item p {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body:not(#_x):not(#_y):not(#_z) #why .why-card-item .why-card-num,
html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section .why-card-num,
html body:not(#_x):not(#_y):not(#_z) .why-card-num,
.why-card-num {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
}


/* ==========================================================================
   LINFOPRESS WHY SECTION - CRISP DEEP DARK GRAPHITE ON LIGHT BACKGROUND
   ========================================================================== */
html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section h2,
html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section .why-main-title,
html body:not(#_x):not(#_y):not(#_z) #why .why-main-title,
html body:not(#_x):not(#_y):not(#_z) #why h2,
.linfopress-why-section h2,
.why-main-title {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(36px, 3.6vw, 52px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 40px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section .why-card-item .why-card-num,
html body:not(#_x):not(#_y):not(#_z) #why .why-card-num,
.why-card-num {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section .why-card-item .why-card-text,
html body:not(#_x):not(#_y):not(#_z) .linfopress-why-section .why-card-text,
html body:not(#_x):not(#_y):not(#_z) #why .why-card-text,
html body:not(#_x):not(#_y):not(#_z) #why .why-card-item p,
.why-card-text,
.why-card-item p {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 !important;
}

html body .why-card-item {
  background: #ffffff !important;
  border: 1.5px solid #18181b !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}


/* ==========================================================================
   STRICT MONOCHROME & FOOTER-GRAY (#54595f) DESIGN SYSTEM (ZERO BLUE TINTS)
   ========================================================================== */

/* 1. All Section Frames and Cards on Linfopress & Zionic */
.linfopress-tech-card,
.zionic-tech-card,
.tech-bento-card,
.linfopress-bento-card,
.t-reveal-item,
.phase-card,
.phase-video-card,
.why-card-item,
.package-item-card,
.advantage-card-v2,
.linfopress-advantage-card,
.matrix-creative-card,
.matrix-custom-item,
.presentation-card,
.guarantee-card,
.doctor-author-avatar {
  border-color: #54595f !important; /* EXACT SIGNATURE FOOTER DARK GRAY */
}

/* Second screen (Technologies 4 phases) strict dark gray borders */
.linfopress-tech-bento-section .linfopress-tech-card,
.linfopress-tech-card {
  background: #18181b !important;
  border: 1.5px solid #54595f !important;
}

.linfopress-tech-card:hover {
  border-color: #71717a !important;
}

.tech-stage-badge {
  background: #27272a !important;
  border: 1px solid #54595f !important;
  color: #ffffff !important;
}

/* Why section cards */
.why-card-item,
.linfopress-why-section .why-card-item {
  background: #ffffff !important;
  border: 1.5px solid #54595f !important;
}

/* Package section cards */
.package-item-card,
.linfopress-package-section .package-item-card {
  background: #18181b !important;
  border: 1.5px solid #54595f !important;
}

/* Indications matrix cards */
.matrix-creative-card,
.indications-card,
.contraindications-card {
  border: 1.5px solid #54595f !important;
}

/* Main title styling */
h1, h2, h3, h4, h5, h6,
.section-main-title,
.why-main-title {
  color: #18181b !important;
}

/* Dark section headings & package */
#package h2,
#package .package-title,
.linfopress-package-section h2,
.linfopress-package-section .package-title,
.package-section h2 {
  color: #ffffff !important;
}

#package p,
#package .package-subtitle,
.linfopress-package-section p,
.linfopress-package-section .package-subtitle,
.package-section p {
  color: #d4d4d8 !important;
}

/* Footer Gray Brand Elements */
.site-footer,
footer,
.footer-gray-bg {
  background-color: #54595f !important;
  color: #ffffff !important;
}


/* ==========================================================================
   DOCTOR FULLSCREEN STAGE - SHIFT CONTENT TO THE LEFT & REMOVE BADGE
   ========================================================================== */
.linfopress-doctor-fullscreen-stage .doctor-fullscreen-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 80px 40px !important;
  padding-left: clamp(32px, 6vw, 110px) !important;
  box-sizing: border-box !important;
}

.linfopress-doctor-fullscreen-stage .doctor-fullscreen-content {
  max-width: 680px !important;
  text-align: left !important;
}

.linfopress-doctor-fullscreen-stage .doctor-bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 85% center !important;
  display: block !important;
}

.linfopress-doctor-fullscreen-stage .doctor-bg-gradient-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.98) 30%,
    rgba(255, 255, 255, 0.94) 44%,
    rgba(255, 255, 255, 0.75) 56%,
    rgba(255, 255, 255, 0.2) 72%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  pointer-events: none !important;
}

.linfopress-doctor-fullscreen-stage .doctor-statement-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #18181b !important;
  margin: 0 0 20px 0 !important;
}

.linfopress-doctor-fullscreen-stage .doctor-statement-desc {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  color: #27272a !important;
  margin: 0 0 28px 0 !important;
}

.linfopress-doctor-fullscreen-stage .doctor-author-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  margin: 0 0 4px 0 !important;
}

.linfopress-doctor-fullscreen-stage .doctor-author-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #54595f !important;
  margin: 0 !important;
}


/* ==========================================================================
   PERFECT FAQ ACCORDION SPACING ON MOBILE (NO TEXT OVERLAP WITH PLUS ICON)
   ========================================================================== */
.faq-toggle-header,
.faq-card-header,
.linfopress-faq-accordion .faq-card-header,
.faq-accordion-card .faq-toggle-header {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}

.faq-q-index,
.linfopress-faq-accordion .faq-q-index {
  flex-shrink: 0 !important;
  min-width: 32px !important;
  width: 32px !important;
  height: 32px !important;
}

.faq-q-text,
.linfopress-faq-accordion .faq-q-text,
html body.template-zionic .faq-q-text,
html body.template-linfopress .faq-q-text,
html body .faq-q-text {
  flex: 1 1 auto !important;
  min-width: 0 !important; /* CRITICAL FOR FLEXBOX: prevents text from overflowing and pushing into plus icon */
  margin: 0 !important;
  padding-right: 20px !important; /* GUARANTEES AT LEAST 20PX CLEAR DISTANCE FROM PLUS ICON */
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  line-height: 1.4 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.faq-icon,
.faq-toggle-icon,
.linfopress-faq-accordion .faq-toggle-icon {
  flex-shrink: 0 !important;
  min-width: 32px !important;
  width: 32px !important;
  height: 32px !important;
  margin-left: auto !important; /* FORCES PLUS ICON TO STAY FIRMLY ANCHORED ON THE RIGHT */
}

@media (max-width: 768px) {
  .faq-toggle-header,
  .faq-card-header,
  .linfopress-faq-accordion .faq-card-header {
    padding: 16px 14px !important;
    gap: 12px !important;
  }

  .faq-q-text,
  .linfopress-faq-accordion .faq-q-text,
  html body.template-zionic .faq-q-text,
  html body.template-linfopress .faq-q-text,
  html body .faq-q-text {
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    padding-right: 18px !important;
    margin-right: 4px !important;
  }
}

/* ==========================================================================
   PARTNER / PRESENTATION SECTION HEADINGS - CENTERED
   ========================================================================== */
.presentation-section .section-header-centered,
.partner-stage-section .section-header-centered,
.application-presentation .section-header-centered,
.presentation-header,
.zionic-partner-stage-section .section-header-centered,
.linfopress-partner-stage-section .section-header-centered {
  text-align: center !important;
  margin: 0 auto 40px auto !important;
  max-width: 900px !important;
  width: 100% !important;
}

.presentation-section h2,
.partner-stage-section h2,
.application-presentation h2,
.zionic-partner-stage-section h2,
.linfopress-partner-stage-section h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

.presentation-section p,
.partner-stage-section p,
.application-presentation p,
.zionic-partner-stage-section p,
.linfopress-partner-stage-section p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* Sublogo tag */
.zionic-hero-sublogo-tag {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #18181b !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
}

.procedure-card-title { font-family: 'Montserrat', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 0 24px 0 !important; line-height: 1.25 !important; letter-spacing: -0.2px !important; }

html body.template-zionic .procedure-expert-text-card .procedure-card-title, html body .procedure-expert-text-card .procedure-card-title, .procedure-expert-text-card h3.procedure-card-title { color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; margin-bottom: 24px !important; display: block !important; }


/* 5 причин чому Zionic title & subtitle */
#reasons-treatments .section-main-title,
.zionic-treatments-fullscreen-section .section-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 3.2vw, 44px) !important;
  max-width: 920px !important;
  margin: 0 auto 20px auto !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

#reasons-treatments .section-main-sub,
.zionic-treatments-fullscreen-section .section-main-sub {
  max-width: 960px !important;
  margin: 0 auto !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(15px, 1.25vw, 17px) !important;
  font-weight: 500 !important;
  color: #54595f !important;
  line-height: 1.55 !important;
  text-align: center !important;
}


/* Exact High Specificity Indications & Contraindications */
html body.template-zionic .matrix-creative-card.exact-indications,
html body .matrix-creative-card.exact-indications,
.exact-indications {
  background: #111111 url('/wp-content/uploads/2026/03/bg-black-silk.jpg') center/cover no-repeat !important;
  border: 1px solid #27272a !important;
  border-radius: 16px !important;
  padding: 44px 40px !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25) !important;
}

html body.template-zionic .matrix-creative-card.exact-contraindications,
html body .matrix-creative-card.exact-contraindications,
.exact-contraindications {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 44px 20px !important;
}

html body.template-zionic .exact-indications .matrix-main-head,
.exact-indications .matrix-main-head,
.exact-indications h3 {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  margin: 0 0 24px 0 !important;
}

html body.template-zionic .exact-contraindications .matrix-main-head,
.exact-contraindications .matrix-main-head,
.exact-contraindications h3 {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  margin: 0 0 24px 0 !important;
}

.exact-indications .exact-list-item .item-text {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.exact-contraindications .exact-list-item .item-text {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}


/* Zionic Nine Advantages Section */
.zionic-nine-advantages-section {
  padding: 85px 0 95px 0 !important;
  background: #ffffff !important;
  position: relative !important;
}

.zionic-nine-advantages-section .section-header-centered {
  margin-bottom: 50px !important;
  text-align: center !important;
}

html body.template-zionic .zionic-nine-advantages-section .section-main-title,
.zionic-nine-advantages-section .section-main-title {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 800 !important;
  text-transform: none !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.zionic-nine-grid-layout {
  display: grid !important;
  grid-template-columns: 340px 1fr !important;
  gap: 36px !important;
  align-items: center !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
}

.zionic-nine-apparatus-col {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.nine-apparatus-img {
  max-width: 100% !important;
  height: auto !important;
  max-height: 600px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.12)) !important;
}

.nine-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
}

.advantage-nine-card {
  background: #18202c !important;
  border: 1px solid #283344 !important;
  border-radius: 10px !important;
  padding: 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.advantage-nine-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16) !important;
  border-color: #3b82f6 !important;
}

.advantage-nine-num {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  margin-bottom: 14px !important;
  display: block !important;
}

.advantage-nine-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #e2e8f0 !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

@media (max-width: 1200px) {
  .zionic-nine-grid-layout {
    grid-template-columns: 280px 1fr !important;
    gap: 24px !important;
  }
  .nine-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 991px) {
  .zionic-nine-grid-layout {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .zionic-nine-apparatus-col {
    order: -1 !important;
  }
  .nine-apparatus-img {
    max-height: 420px !important;
  }
  .nine-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .nine-cards-grid {
    grid-template-columns: 1fr !important;
  }
  .advantage-nine-card {
    padding: 20px 16px !important;
  }
}


/* Zionic Video Presentation Section Header */
.zionic-video-presentation-section {
  padding: 85px 0 45px 0 !important;
  background: #ffffff !important;
  text-align: center !important;
}

html body.template-zionic .zionic-video-presentation-section .section-main-title,
.zionic-video-presentation-section .section-main-title {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 800 !important;
  text-transform: none !important;
  margin: 0 auto 18px auto !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

html body.template-zionic .zionic-video-presentation-section .section-main-sub,
.zionic-video-presentation-section .section-main-sub {
  color: #54595f !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(15px, 1.2vw, 17px) !important;
  font-weight: 500 !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  line-height: 1.55 !important;
  text-align: center !important;
}


/* Video Section Title Sentence Case */
html body.template-zionic .zionic-video-presentation-section .section-main-title,
html body .zionic-video-presentation-section .section-main-title,
.zionic-video-presentation-section h2 {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  color: #18181b !important;
  text-align: center !important;
}


/* ==========================================================================
   EXACT PARTNER SECTION STYLES (MATCHING SCREENSHOT)
   ========================================================================== */
.exact-partner-section {
  padding: 85px 0 95px 0 !important;
  background: #ffffff !important;
}

html body.template-zionic .exact-partner-title,
.exact-partner-title {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.5vw, 46px) !important;
  font-weight: 800 !important;
  text-transform: none !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.exact-partner-split-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  align-items: start !important;
}

/* Left Form Card */
.exact-partner-form-card {
  background: #181a1f !important;
  border-radius: 12px !important;
  padding: 40px 36px !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2) !important;
}

.exact-partner-form-lead {
  color: #f1f5f9 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  margin-bottom: 24px !important;
}

.exact-form-group {
  margin-bottom: 14px !important;
}

.exact-form-input {
  width: 100% !important;
  background: #474f5d !important;
  border: 1px solid #5a6475 !important;
  border-radius: 6px !important;
  padding: 14px 18px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  color: #ffffff !important;
  outline: none !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

.exact-form-input::placeholder {
  color: #cbd5e1 !important;
}

.exact-form-input:focus {
  border-color: #38bdf8 !important;
  background: #4f5867 !important;
}

.exact-messengers-row {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 16px 0 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
}

.exact-msg-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  user-select: none !important;
}

.exact-msg-check {
  accent-color: #38bdf8 !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
}

.exact-form-submit-btn {
  width: 100% !important;
  max-width: 240px !important;
  background: #5eead4 !important;
  color: #0f172a !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px 24px !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  margin-top: 20px !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.exact-form-submit-btn:hover {
  background: #2dd4bf !important;
  transform: translateY(-2px) !important;
}

/* Right Column: 5 Partnership Blocks */
.exact-blocks-header {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  margin: 0 0 24px 0 !important;
  line-height: 1.3 !important;
}

.exact-blocks-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.exact-block-item {
  background: #18181b !important;
  border-radius: 10px !important;
  padding: 22px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.exact-block-item:hover {
  transform: translateX(4px) !important;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12) !important;
}

.exact-block-num {
  color: #38bdf8 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.exact-block-text {
  color: #f1f5f9 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .exact-partner-split-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}


/* ==========================================================================
   EXACT DOCTORS SECTION STYLES (MATCHING SCREENSHOT)
   ========================================================================== */
.exact-doctors-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  max-width: 1200px !important;
  margin: 48px auto 0 auto !important;
}

.exact-doctor-card {
  background: #18181b !important;
  border-radius: 12px !important;
  padding: 20px !important;
  border: 1px solid #27272a !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.exact-doctor-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2) !important;
}

.exact-doctor-photo {
  width: 100% !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 18px !important;
  background: #111827 !important;
}

.exact-doctor-photo img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}

.exact-doctor-info {
  text-align: left !important;
  padding: 0 4px !important;
}

.exact-doc-name {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
  text-transform: none !important;
}

.exact-doc-desc {
  color: #94a3b8 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .exact-doctors-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 24px !important;
  }
}


/* Fix Doctor Card Dark Background & Text Colors */
html body.template-zionic .exact-doctor-card .exact-doctor-info,
.exact-doctor-card .exact-doctor-info,
.exact-doctor-info {
  background: transparent !important;
  padding: 16px 4px 8px 4px !important;
}

html body.template-zionic .exact-doctor-card .exact-doc-name,
.exact-doctor-card .exact-doc-name,
.exact-doc-name {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
  text-transform: none !important;
}

html body.template-zionic .exact-doctor-card .exact-doc-desc,
.exact-doctor-card .exact-doc-desc,
.exact-doc-desc {
  color: #cbd5e1 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}


/* ==========================================================================
   EXACT FAQ SECTION STYLES (MATCHING SCREENSHOT)
   ========================================================================== */
.exact-zionic-faq {
  padding: 85px 0 95px 0 !important;
  background: #ffffff !important;
}

.exact-faq-accordion-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

.exact-faq-item {
  background: #18181b !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.exact-faq-btn {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 22px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  cursor: pointer !important;
  text-align: left !important;
  outline: none !important;
}

.exact-faq-question {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

.exact-faq-chevron {
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}

.exact-faq-content {
  display: none;
  padding: 0 28px 24px 28px !important;
}

.exact-faq-item.active .exact-faq-content {
  display: block !important;
}

.exact-faq-answer {
  color: #cbd5e1 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}


/* FAQ Title and Questions Sentence Case matching screenshots */
html body.template-zionic .exact-faq-question,
.exact-faq-question,
.exact-faq-btn,
.exact-faq-item span {
  text-transform: none !important;
}

html body.template-zionic .exact-zionic-faq .section-main-title,
.exact-zionic-faq .section-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  color: #18181b !important;
}


/* Exact SEO Clean Section Styles */
html body.template-zionic .seo-article-main-title,
.seo-article-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(26px, 2.6vw, 34px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.3 !important;
  margin-bottom: 20px !important;
}

html body.template-zionic .seo-article-sub-title,
.seo-article-sub-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  margin: 32px 0 16px 0 !important;
}

html body.template-zionic .seo-article-card p,
.seo-article-card p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  color: #54595f !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
}

html body.template-zionic .seo-article-bullets li,
.seo-article-bullets li {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  color: #54595f !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
}

html body.template-zionic .seo-article-bullets li strong,
.seo-article-bullets li strong {
  color: #18181b !important;
  font-weight: 700 !important;
}

.seo-toggle-btn {
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 28px auto 0 auto !important;
  cursor: pointer !important;
  outline: none !important;
}

.seo-toggle-btn:hover {
  color: #000000 !important;
}


/* Ensure Sentence Case for SEO Article Title and Button */
html body.template-zionic #seo-article h2,
html body.template-zionic .seo-article-main-title,
#seo-article h2,
.seo-article-main-title {
  text-transform: none !important;
}

html body.template-zionic #seo-article button,
#seoToggleBtn,
.seo-btn-label {
  text-transform: none !important;
}


/* Transparent clean link button for SEO toggle matching screenshot */
html body.template-zionic .seo-toggle-btn,
.seo-article-card .seo-toggle-btn,
.seo-toggle-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 36px auto 0 auto !important;
  padding: 4px 12px !important;
  cursor: pointer !important;
}

html body.template-zionic .seo-toggle-btn:hover,
.seo-article-card .seo-toggle-btn:hover,
.seo-toggle-btn:hover {
  background: transparent !important;
  color: #000000 !important;
}


/* ==========================================================================
   SQUARE CARDS & WIDER FRAMES FOR INDICATIONS / CONTRAINDICATIONS
   ========================================================================== */
html body.template-zionic .zionic-matrix-section .container-fluid,
html body.template-zionic .zionic-matrix-section .container {
  max-width: 1440px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

html body.template-zionic .zionic-creative-matrix-grid.exact-original-matrix,
.zionic-creative-matrix-grid.exact-original-matrix,
.zionic-creative-matrix-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

html body.template-zionic .matrix-creative-card,
html body.template-zionic .matrix-creative-card.exact-indications,
html body.template-zionic .matrix-creative-card.exact-contraindications,
html body .matrix-creative-card.exact-indications,
html body .matrix-creative-card.exact-contraindications,
.matrix-creative-card,
.exact-indications,
.exact-contraindications {
  border-radius: 0px !important; /* Square corners */
}

html body.template-zionic .matrix-creative-card.exact-indications,
html body .matrix-creative-card.exact-indications,
.exact-indications {
  background: #111111 url('/wp-content/uploads/2026/03/bg-black-silk.jpg') center/cover no-repeat !important;
  border: 1px solid #27272a !important;
  border-radius: 0px !important;
  padding: 56px 48px !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body.template-zionic .matrix-creative-card.exact-contraindications,
html body .matrix-creative-card.exact-contraindications,
.exact-contraindications {
  background: transparent !important;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding: 56px 36px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  /* Remove outer side gutters from container so cards can stretch full width */
  html body.template-zionic .zionic-matrix-section .container-fluid,
  html body.template-zionic .zionic-matrix-section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  html body.template-zionic .zionic-matrix-section .section-header-centered {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 32px !important;
  }

  html body.template-zionic .zionic-creative-matrix-grid.exact-original-matrix,
  .zionic-creative-matrix-grid.exact-original-matrix {
    grid-template-columns: 1fr !important;
    gap: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 1. INDICATIONS: Dark background stretched full-width, comfortable 20px side text padding */
  html body.template-zionic .matrix-creative-card.exact-indications,
  html body .matrix-creative-card.exact-indications,
  .exact-indications {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    padding: 44px 20px 40px 20px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  /* 2. CONTRAINDICATIONS: White background stretched full-width, comfortable 20px side text padding */
  html body.template-zionic .matrix-creative-card.exact-contraindications,
  html body .matrix-creative-card.exact-contraindications,
  .exact-contraindications {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0px !important;
    background: #ffffff !important;
    padding: 40px 20px 44px 20px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .exact-indications .matrix-main-head,
  .exact-contraindications .matrix-main-head {
    font-size: clamp(24px, 6vw, 28px) !important;
    margin-bottom: 20px !important;
  }

  .exact-indications .exact-list-item,
  .exact-contraindications .exact-list-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 8px 0 !important;
  }

  .exact-indications .exact-list-item .item-text,
  .exact-contraindications .exact-list-item .item-text {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
}


/* ==========================================================================
   ZIONIC 1-TO-1 CURTAIN SCREEN LAYERING MATCHING LINFOPRESS
   ========================================================================== */
@media (min-width: 992px) {
  html body.template-zionic .zionic-official-hero,
  .zionic-official-hero {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0px !important;
    left: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 700px !important;
    overflow: hidden !important;
  }

  /* Screen 2 and subsequent sections layer continuously like a curtain to the very top */
  html body.template-zionic .zionic-infinite-ticker-section,
  .zionic-infinite-ticker-section {
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 -35px 90px rgba(0, 0, 0, 0.85) !important;
  }
}

/* Ensure ALL sections outside the curtain track have solid opaque backgrounds and high z-index */
html body.template-zionic section:not(.zionic-official-hero),
.zionic-tech-bento-section,
.zionic-manipula-fullscreen-section,
.zionic-ba-section,
.zionic-procedure-showcase-section,
.zionic-treatments-fullscreen-section,
.zionic-matrix-section,
.zionic-nine-advantages-section,
.zionic-video-presentation-section,
.zionic-video-fullscreen-banner,
.zionic-partner-stage-section,
.zionic-doctors-section,
.zionic-faq-section,
.zionic-certificates-section,
.zionic-seo-clean-section,
.footer,
footer {
  position: relative !important;
  z-index: 10 !important;
  background: #ffffff !important;
}

.zionic-manipula-fullscreen-section {
  background: #1c1c1e !important;
}

.zionic-procedure-showcase-section {
  background: #f4f4f5 !important;
}

.zionic-video-presentation-section {
  background: #f4f4f5 !important;
}

.zionic-video-fullscreen-banner {
  background: #000000 !important;
}

.zionic-doctors-section {
  background: #111111 !important;
}

.zionic-certificates-section {
  background: #111111 !important;
}

footer {
  background: #111111 !important;
}


/* Partner Stage Form & Guarantees Refinements */
html body.template-zionic .zionic-partner-stage-section .section-main-title,
.zionic-partner-stage-section .section-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin-bottom: 16px !important;
}

html body.template-zionic .guarantees-head-title,
.guarantees-head-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  margin: 18px 0 14px 0 !important;
  padding-left: 69px !important;
  text-transform: none !important;
}

html body.template-zionic .form-card-title,
.form-card-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  margin-bottom: 8px !important;
}


html body.template-zionic .zionic-partner-stage-section,
.zionic-partner-stage-section {
  padding: 110px 0 120px 0 !important;
  background: #ffffff !important;
  position: relative !important;
  z-index: 10 !important;
}


/* ==========================================================================
   RESTORE ORIGINAL LUXURY DOCTOR CARDS DESIGN
   ========================================================================== */
html body.template-zionic .zionic-doctors-section,
.zionic-doctors-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

html body.template-zionic .zionic-doctors-grid,
.zionic-doctors-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  max-width: 1300px !important;
  margin: 48px auto 0 auto !important;
}

@media (max-width: 991px) {
  html body.template-zionic .zionic-doctors-grid,
  .zionic-doctors-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    max-width: 560px !important;
  }
}

html body.template-zionic .doctor-luxury-card,
.doctor-luxury-card {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.35s ease !important;
}

html body.template-zionic .doctor-luxury-card:hover,
.doctor-luxury-card:hover {
  transform: translateY(-6px) !important;
  border-color: #111111 !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1) !important;
}

html body.template-zionic .doctor-photo-frame,
.doctor-photo-frame {
  position: relative !important;
  width: 100% !important;
  height: 380px !important;
  overflow: hidden !important;
  background: #f4f4f5 !important;
  border-bottom: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
}

html body.template-zionic .doctor-photo-frame img,
.doctor-photo-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  border-radius: 0px !important;
  transition: transform 0.5s ease !important;
}

html body.template-zionic .doctor-card-info,
.doctor-card-info {
  padding: 24px 22px 28px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  background: #ffffff !important;
}

html body.template-zionic .doctor-name,
.doctor-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

html body.template-zionic .doctor-phd-badge,
.doctor-phd-badge {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  background: #f4f4f5 !important;
  border: 1px solid #d4d4d8 !important;
  padding: 4px 10px !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
}

html body.template-zionic .doctor-specialty,
.doctor-specialty {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #27272a !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

html body.template-zionic .doctor-clinic,
.doctor-clinic {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #71717a !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}


/* ==========================================================================
   RESTORE ORIGINAL LUXURY FAQ ACCORDION DESIGN
   ========================================================================== */
html body.template-zionic .zionic-faq-section,
.zionic-faq-section {
  background: #ffffff !important;
  padding: 110px 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

html body.template-zionic .zionic-faq-accordion-stack,
.zionic-faq-accordion-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
}

html body.template-zionic .faq-accordion-card,
.faq-accordion-card {
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

html body.template-zionic .faq-accordion-card:hover,
.faq-accordion-card:hover {
  border-color: #a1a1aa !important;
}

html body.template-zionic .faq-accordion-card.active,
.faq-accordion-card.active {
  border-color: #18181b !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}

html body.template-zionic .faq-toggle-header,
.faq-toggle-header {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 24px 28px !important;
  background: #ffffff !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body.template-zionic .faq-q-index,
.faq-q-index {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #71717a !important;
  flex-shrink: 0 !important;
}

html body.template-zionic .faq-accordion-card.active .faq-q-index,
.faq-accordion-card.active .faq-q-index {
  color: #18181b !important;
}

html body.template-zionic .faq-q-text,
.faq-q-text {
  flex: 1 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

html body.template-zionic .faq-icon,
.faq-icon {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #18181b !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

html body.template-zionic .faq-answer-body,
.faq-answer-body {
  padding: 0 28px 24px 62px !important;
  background: #ffffff !important;
}

html body.template-zionic .faq-accordion-card:not(.active) .faq-answer-body,
.faq-accordion-card:not(.active) .faq-answer-body {
  display: none !important;
}

html body.template-zionic .faq-accordion-card.active .faq-answer-body,
.faq-accordion-card.active .faq-answer-body {
  display: block !important;
}

html body.template-zionic .faq-answer-body p,
.faq-answer-body p {
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #52525b !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}


/* Fix FAQ Index and Icon Colors */
html body.template-zionic .faq-accordion-card .faq-q-index,
html body.template-zionic .faq-accordion-card.active .faq-q-index,
.faq-accordion-card .faq-q-index,
.faq-accordion-card.active .faq-q-index {
  background: transparent !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
}

html body.template-zionic .faq-accordion-card:not(.active) .faq-q-index,
.faq-accordion-card:not(.active) .faq-q-index {
  color: #71717a !important;
}

html body.template-zionic .faq-accordion-card.active .faq-icon,
html body.template-zionic .faq-accordion-card .faq-icon,
.faq-accordion-card.active .faq-icon,
.faq-accordion-card .faq-icon {
  background: transparent !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* ==========================================================================
   RESTORE ORIGINAL LUXURY SEO ARTICLE & BUTTON DESIGN
   ========================================================================== */
html body.template-zionic section#seo-article,
#seo-article {
  background: #ffffff !important;
  padding: 100px 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

html body.template-zionic .seo-article-card,
.seo-article-card {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

html body.template-zionic section#seo-article h2.seo-article-main-title,
html body.template-zionic .seo-article-main-title,
#seo-article .seo-article-main-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(28px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  text-transform: none !important;
  text-align: left !important;
  margin: 0 0 28px 0 !important;
}

html body.template-zionic .seo-article-sub-title,
.seo-article-sub-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  text-align: left !important;
  margin: 36px 0 16px 0 !important;
}

html body.template-zionic .seo-article-card p,
.seo-article-card p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin: 0 0 20px 0 !important;
  text-align: left !important;
}

html body.template-zionic .seo-article-bullets,
.seo-article-bullets {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

html body.template-zionic .seo-article-bullets li,
.seo-article-bullets li {
  position: relative !important;
  padding-left: 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #475569 !important;
  line-height: 1.7 !important;
  text-align: left !important;
}

html body.template-zionic .seo-article-bullets li::before,
.seo-article-bullets li::before {
  content: "•" !important;
  position: absolute !important;
  left: 6px !important;
  top: 0 !important;
  color: #0f172a !important;
  font-weight: 900 !important;
  font-size: 20px !important;
}

html body.template-zionic .seo-article-bullets li strong,
.seo-article-bullets li strong {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

/* 6. SIGNATURE LUXURY BUTTON */
html body.template-zionic .seo-toggle-btn,
html body.template-zionic .seo-article-card .seo-toggle-btn,
.seo-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: transparent !important;
  color: #18181b !important;
  border: none !important;
  padding: 8px 16px !important;
  font-family: 'Inter', 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  border-radius: 0px !important;
  margin: 28px auto 0 auto !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

html body.template-zionic .seo-toggle-btn:hover,
html body.template-zionic .seo-article-card .seo-toggle-btn:hover,
.seo-toggle-btn:hover {
  background: transparent !important;
  color: #000000 !important;
  border-color: transparent !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

html body.template-zionic .seo-toggle-btn .seo-btn-label,
.seo-toggle-btn .seo-btn-label {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-transform: none !important;
}

html body.template-zionic .seo-toggle-btn .seo-btn-arrow,
.seo-toggle-btn .seo-btn-arrow {
  color: inherit !important;
  font-size: 15px !important;
}


/* ==========================================================================
   PROCEDURE ZIONIC HEADER STYLES (MATCHING SCREENSHOT EXACTLY)
   ========================================================================== */
html body.template-zionic #procedure-experience .section-main-title,
#procedure-experience .section-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.5vw, 44px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
}

html body.template-zionic #procedure-experience .section-main-sub,
#procedure-experience .section-main-sub {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  color: #18181b !important;
  line-height: 1.4 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}


html body.template-zionic .zionic-main-page-wrapper #procedure-experience .section-main-title,
html body.template-zionic #procedure-experience .section-main-title,
.zionic-main-page-wrapper #procedure-experience .section-main-title,
#procedure-experience .section-main-title {
  text-transform: none !important;
}


@media (max-width: 576px) {
  html body.template-zionic .guarantees-head-title,
  .guarantees-head-title {
    padding-left: 0 !important;
  }
}


/* ==========================================================================
   PERMANENT FIX: FAQ NUMBER BADGE ALWAYS LIGHT & LEGIBLE
   ========================================================================== */
html body.template-zionic .faq-accordion-card .faq-q-index,
html body.template-zionic .faq-accordion-card.active .faq-q-index,
html body.template-linfopress .faq-accordion-card .faq-q-index,
html body.template-linfopress .faq-accordion-card.active .faq-q-index,
.faq-accordion-card .faq-q-index,
.faq-accordion-card.active .faq-q-index,
.faq-q-index {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  background: #f4f4f5 !important;
  color: #18181b !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

html body.template-zionic .faq-accordion-card .faq-icon,
html body.template-zionic .faq-accordion-card.active .faq-icon,
html body.template-linfopress .faq-accordion-card .faq-icon,
html body.template-linfopress .faq-accordion-card.active .faq-icon,
.faq-accordion-card .faq-icon,
.faq-accordion-card.active .faq-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  background: transparent !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 0px !important;
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}


/* ==========================================================================
   PERMANENT RESTORATION: ZIONIC NINE ADVANTAGES LUXURY SHARP WHITE CARDS
   ========================================================================== */
html body.template-zionic .zionic-nine-advantages-section,
.zionic-nine-advantages-section {
  padding: 100px 0 !important;
  background: #ffffff !important;
  position: relative !important;
  z-index: 10 !important;
}

html body.template-zionic .zionic-nine-advantages-section .section-main-title,
.zionic-nine-advantages-section .section-main-title {
  color: #18181b !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.5vw, 44px) !important;
  font-weight: 800 !important;
  text-transform: none !important;
  margin: 0 auto 48px auto !important;
  text-align: center !important;
}

html body.template-zionic .advantage-nine-card,
.advantage-nine-card {
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 0px !important;
  padding: 24px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

html body.template-zionic .advantage-nine-card:hover,
.advantage-nine-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25) !important;
  border-color: #52525b !important;
}

html body.template-zionic .advantage-nine-num,
.advantage-nine-num {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  margin-bottom: 14px !important;
  display: block !important;
}

html body.template-zionic .advantage-nine-text,
.advantage-nine-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #cbd5e1 !important;
  margin: 0 !important;
  font-weight: 400 !important;
}


/* ==========================================================================
   PERMANENT RESTORATION: FAQ ACCORDION ALL CARDS HAVE DARK BORDERS
   ========================================================================== */
html body.template-zionic .faq-accordion-card,
html body.template-linfopress .faq-accordion-card,
.faq-accordion-card {
  border: 1px solid #18181b !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

html body.template-zionic .faq-accordion-card:hover,
html body.template-linfopress .faq-accordion-card:hover,
.faq-accordion-card:hover {
  border-color: #000000 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

html body.template-zionic .faq-accordion-card.active,
html body.template-linfopress .faq-accordion-card.active,
.faq-accordion-card.active {
  border-color: #000000 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

html body.template-zionic .faq-accordion-card .faq-q-index,
html body.template-zionic .faq-accordion-card.active .faq-q-index,
html body.template-linfopress .faq-accordion-card .faq-q-index,
html body.template-linfopress .faq-accordion-card.active .faq-q-index,
.faq-accordion-card .faq-q-index,
.faq-accordion-card.active .faq-q-index {
  border: 1px solid #18181b !important;
}

html body.template-zionic .faq-accordion-card .faq-icon,
html body.template-zionic .faq-accordion-card.active .faq-icon,
html body.template-linfopress .faq-accordion-card .faq-icon,
html body.template-linfopress .faq-accordion-card.active .faq-icon,
.faq-accordion-card .faq-icon,
.faq-accordion-card.active .faq-icon {
  border: 1px solid #18181b !important;
  color: #18181b !important;
}


/* ==========================================================================
   PERMANENT LUXURY DARK SHADES WITH SHARP FRAMES (DOCTORS & FAQ)
   "с темными оттенками, острыми рамками"
   ========================================================================== */

/* 1. DOCTOR CARDS: DARK LUXURY & STRICT SHARP GEOMETRY */
html body.template-zionic .doctor-luxury-card,
.doctor-luxury-card {
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.35s ease !important;
}

html body.template-zionic .doctor-luxury-card:hover,
.doctor-luxury-card:hover {
  transform: translateY(-6px) !important;
  border-color: #52525b !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3) !important;
}

html body.template-zionic .doctor-photo-frame,
.doctor-photo-frame {
  position: relative !important;
  width: 100% !important;
  height: 380px !important;
  overflow: hidden !important;
  background: #111111 !important;
  border-bottom: 1px solid #27272a !important;
  border-radius: 0px !important;
}

html body.template-zionic .doctor-photo-frame img,
.doctor-photo-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  border-radius: 0px !important;
  transition: transform 0.5s ease !important;
}

html body.template-zionic .doctor-luxury-card:hover .doctor-photo-frame img,
.doctor-luxury-card:hover .doctor-photo-frame img {
  transform: scale(1.03) !important;
}

html body.template-zionic .doctor-card-info,
.doctor-card-info {
  padding: 24px 22px 28px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: #18181b !important;
}

html body.template-zionic .doctor-name,
.doctor-name {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 !important;
  letter-spacing: -0.3px !important;
}

html body.template-zionic .doctor-badge,
.doctor-badge {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  color: #ffffff !important;
  background: #27272a !important;
  border: 1px solid #3f3f46 !important;
  padding: 3px 8px !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
}

html body.template-zionic .doctor-clinic,
.doctor-clinic {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #94a3b8 !important;
  margin: 0 !important;
}

html body.template-zionic .doctor-role,
.doctor-role {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
  margin-bottom: 2px !important;
}


/* 2. FAQ ACCORDIONS: DARK LUXURY SHADES WITH SHARP FRAMES */
html body.template-zionic .faq-accordion-card,
html body.template-linfopress .faq-accordion-card,
.faq-accordion-card {
  position: relative !important;
  width: 100% !important;
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12) !important;
}

html body.template-zionic .faq-accordion-card:hover,
html body.template-linfopress .faq-accordion-card:hover,
.faq-accordion-card:hover {
  border-color: #52525b !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.2) !important;
}

html body.template-zionic .faq-accordion-card.active,
html body.template-linfopress .faq-accordion-card.active,
.faq-accordion-card.active {
  background: #111111 !important;
  border-color: #3f3f46 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

html body.template-zionic .faq-toggle-header,
html body.template-linfopress .faq-toggle-header,
.faq-toggle-header {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 24px 28px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body.template-zionic .faq-q-index,
html body.template-zionic .faq-accordion-card.active .faq-q-index,
html body.template-linfopress .faq-q-index,
html body.template-linfopress .faq-accordion-card.active .faq-q-index,
.faq-q-index,
.faq-accordion-card.active .faq-q-index {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  background: #27272a !important;
  color: #ffffff !important;
  border: 1px solid #3f3f46 !important;
  border-radius: 0px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

html body.template-zionic .faq-q-text,
html body.template-zionic .faq-accordion-card.active .faq-q-text,
html body.template-linfopress .faq-q-text,
html body.template-linfopress .faq-accordion-card.active .faq-q-text,
.faq-q-text,
.faq-accordion-card.active .faq-q-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  letter-spacing: -0.2px !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}

html body.template-zionic .faq-icon,
html body.template-zionic .faq-accordion-card.active .faq-icon,
html body.template-linfopress .faq-icon,
html body.template-linfopress .faq-accordion-card.active .faq-icon,
.faq-icon,
.faq-accordion-card.active .faq-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  background: #27272a !important;
  border: 1px solid #3f3f46 !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

html body.template-zionic .faq-accordion-card.active .faq-icon,
.faq-accordion-card.active .faq-icon {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
}

html body.template-zionic .faq-answer-body,
html body.template-linfopress .faq-answer-body,
.faq-answer-body {
  padding: 16px 28px 24px 28px !important;
  background: #111111 !important;
  border-top: 1px solid #27272a !important;
}

html body.template-zionic .faq-answer-body p,
html body.template-linfopress .faq-answer-body p,
.faq-answer-body p {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #cbd5e1 !important;
  margin: 0 !important;
}


/* Refine Doctor text contrast */
html body.template-zionic .doctor-luxury-card .doctor-name,
.doctor-luxury-card .doctor-name {
  color: #ffffff !important;
}

html body.template-zionic .doctor-luxury-card .doctor-phd-badge,
.doctor-luxury-card .doctor-phd-badge {
  background: #27272a !important;
  color: #ffffff !important;
  border: 1px solid #3f3f46 !important;
  border-radius: 0px !important;
}

html body.template-zionic .doctor-luxury-card .doctor-specialty,
.doctor-luxury-card .doctor-specialty {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  margin: 0 !important;
}

html body.template-zionic .doctor-luxury-card .doctor-clinic,
html body.template-zionic .doctor-luxury-card p,
.doctor-luxury-card .doctor-clinic,
.doctor-luxury-card p {
  color: #94a3b8 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}


/* ==========================================================================
   RESTORED EXACT FAQ STRIPES ACCORDION (MATCHING SCREENSHOTS EXACTLY)
   ========================================================================== */
.exact-zionic-faq {
  padding: 85px 0 95px 0 !important;
  background: #ffffff !important;
}

.exact-faq-accordion-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-width: 1050px !important;
  margin: 0 auto !important;
}

.exact-faq-item {
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 0px !important; /* Sharp frames as requested */
  overflow: hidden !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
}

.exact-faq-item:hover {
  border-color: #3f3f46 !important;
}

.exact-faq-btn {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 22px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  cursor: pointer !important;
  text-align: left !important;
  outline: none !important;
}

.exact-faq-question {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.2px !important;
}

.exact-faq-chevron {
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}

.exact-faq-content {
  display: none;
  padding: 0 28px 24px 28px !important;
}

.exact-faq-item.active .exact-faq-content {
  display: block !important;
}

.exact-faq-answer {
  color: #cbd5e1 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}


/* ==========================================================================
   LINFOPRESS HERO ADAPTED TEXT (MATCHING SCREENSHOT 1 PRECISELY & RESPONSIVE)
   ========================================================================== */
html body.template-linfopress .linfopress-official-hero-title,
.linfopress-official-hero-title {
  text-transform: uppercase !important;
  font-size: clamp(48px, 6vw, 92px) !important;
  font-weight: 900 !important;
  line-height: 0.98 !important;
  letter-spacing: -1.5px !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

html body.template-linfopress .linfopress-hero-desc,
.linfopress-hero-desc {
  text-transform: uppercase !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(16px, 1.6vw, 22px) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.8px !important;
  color: #ffffff !important;
  max-width: 680px !important;
  margin: 18px 0 32px 0 !important;
}

@media (max-width: 991px) {
  html body.template-linfopress .linfopress-official-hero-title,
  .linfopress-official-hero-title {
    font-size: clamp(36px, 6vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -1px !important;
  }
}

@media (max-width: 767px) {
  html body.template-linfopress .linfopress-official-hero-title,
  .linfopress-official-hero-title {
    font-size: clamp(28px, 8vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px !important;
    max-width: 100% !important;
  }

  .linfopress-official-hero-title span,
  .linfopress-official-hero-title .hero-word-primary,
  .linfopress-official-hero-title .hero-word-secondary {
    white-space: normal !important;
    max-width: 100% !important;
    word-break: break-word !important;
  }

  html body.template-linfopress .linfopress-hero-desc,
  .linfopress-hero-desc {
    font-size: clamp(13px, 3.8vw, 16px) !important;
    line-height: 1.4 !important;
    letter-spacing: 0.4px !important;
    margin: 14px 0 24px 0 !important;
  }

  .linfopress-hero-content-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  html body.template-linfopress .linfopress-official-hero-title,
  .linfopress-official-hero-title {
    font-size: clamp(25px, 7.8vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.3px !important;
  }
}


/* ==========================================================================
   LINFOPRESS TECHNOLOGIES HEADER (MATCHING SCREENSHOT 1 VERBATIM)
   ========================================================================== */
html body.template-linfopress .linfopress-tech-main-title,
.linfopress-tech-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.8vw, 48px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 16px 0 !important;
  text-align: center !important;
}

html body.template-linfopress .linfopress-tech-main-sub,
.linfopress-tech-main-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #4b5563 !important;
  max-width: 920px !important;
  margin: 0 auto 48px auto !important;
  text-align: center !important;
}


/* Higher specificity override for Linfopress technologies header */
html body.template-linfopress section.linfopress-tech-bento-section h2.section-main-title,
html body.template-linfopress section.linfopress-tech-bento-section .linfopress-tech-main-title,
html body.template-linfopress section#technologies h2,
html body.template-linfopress section#technologies .section-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 3.8vw, 48px) !important;
  font-weight: 800 !important;
  color: #18181b !important;
  letter-spacing: -0.5px !important;
}


/* ==========================================================================
   LINFOPRESS TECH POPUP MODALS (MATCHING SCREENSHOTS EXACTLY)
   ========================================================================== */
.linfopress-modal-dialog {
  background: #181b22 !important;
  border: 1px solid #27272a !important;
  border-radius: 8px !important;
  max-width: 820px !important;
  width: 92% !important;
  max-height: 92vh !important;
  overflow-y: auto !important;
  position: relative !important;
  padding: 28px 32px 36px 32px !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.7) !important;
  animation: linfopressModalFadeIn 0.25s ease-out !important;
}

@keyframes linfopressModalFadeIn {
  from { opacity: 0; transform: scale(0.96) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.linfopress-modal-close-btn {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
  z-index: 10 !important;
  transition: all 0.2s ease !important;
}

.linfopress-modal-close-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  transform: rotate(90deg) !important;
}

.modal-video-wrapper {
  margin-bottom: 24px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #000000 !important;
}

.modal-inner-video {
  width: 100% !important;
  max-height: 400px !important;
  object-fit: cover !important;
  display: block !important;
}

.modal-text-content .modal-title {
  position: relative !important;
  padding-left: 14px !important;
  border-left: 3px solid #eab308 !important; /* Yellow accent bar as in screenshots */
  font-family: 'Montserrat', sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.3px !important;
  line-height: 1.25 !important;
}

.modal-text-content .modal-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: #cbd5e1 !important;
  margin: 0 0 14px 0 !important;
}

.modal-text-content .modal-desc:last-child {
  margin-bottom: 0 !important;
}


/* Clean single-line matrix item rows (1-to-1 match with screenshot 1 text) */
.linfopress-matrix-section .matrix-item-row {
  align-items: center !important;
  min-height: 64px !important;
  padding: 14px 22px !important;
}

.linfopress-matrix-section .item-title {
  margin-bottom: 0px !important;
  line-height: 1.35 !important;
}

/* GUARANTEED WHITE COLOR FOR ZIONIC RESULTS ACCORDION TILES */
.result-tile-card .tile-title,
.result-tile-card h4,
.result-tile-card .tile-header-left h4,
.result-tile-card .tile-header h4,
.zionic-result-tiles-grid .tile-title {
  color: #ffffff !important;
}
.result-tile-card .tile-number {
  color: #a1a1aa !important;
}
.result-tile-card .tile-badge {
  color: #ffffff !important;
  background: #27272a !important;
  border-color: #3f3f46 !important;
}

/* Product Showcase Title and Banner Links to /zionic/ and /linfopress/ */
.video-banner-title a,
.video-banner-link,
.split-title a,
.split-title-link,
.product-name a,
.product-title-link {
  color: inherit !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), text-shadow 0.35s ease, opacity 0.25s ease !important;
  will-change: transform;
}

/* 1. Video Banner Title Hover (centered zoom + subtle lift & luminous glow) */
.video-banner-title a:hover,
.video-banner-link:hover,
.zionic-video-banner-fullwidth:hover .video-banner-title a {
  transform: scale(1.045) translateY(-3px) !important;
  text-shadow: 0 12px 32px rgba(0, 0, 0, 0.85), 0 0 25px rgba(255, 255, 255, 0.35) !important;
  opacity: 1 !important;
}

/* 2. Split Card Title Hover (left-anchored zoom + slight forward nudge) */
.split-title a,
.split-title-link {
  transform-origin: left center !important;
}

.split-title a:hover,
.split-title-link:hover,
.zionic-compact-card:hover .split-title a {
  transform: scale(1.035) translateX(3px) !important;
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
}

/* 3. Hero Product Title Hover */
.product-name a,
.product-title-link {
  transform-origin: left center !important;
}

.product-name a:hover,
.product-title-link:hover {
  transform: scale(1.03) translateX(3px) !important;
  opacity: 1 !important;
}

.zionic-video-banner-fullwidth {
  cursor: pointer;
  transition: filter 0.35s ease;
}

.zionic-video-banner-fullwidth:hover {
  filter: brightness(1.06);
}

/* ==========================================================================
   APPARATUS INTERNAL HEADER MENU (.header-block-another, .custom-select-logo)
   ========================================================================== */
.header-block-another {
  display: flex !important;
  align-items: center !important;
}

.custom-select-logo {
  position: relative !important;
  margin-right: 18px !important;
  user-select: none !important;
}

.select-display {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 8px !important;
  background: #000000 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  padding: 8px 42px 8px 16px !important;
  cursor: pointer !important;
  position: relative !important;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  height: 46px !important;
  box-sizing: border-box !important;
}

.select-display:hover {
  background: #121316 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.select-display img {
  height: 23px !important;
  max-height: none !important;
  width: auto !important;
  display: block !important;
}

.select-arrow {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: transform 0.25s ease !important;
  pointer-events: none !important;
}

.select-arrow.open {
  transform: translateY(-50%) rotate(180deg) !important;
}

.select-options {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  min-width: 195px !important;
  background: #000000 !important;
  border-radius: 8px !important;
  padding: 14px 12px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-8px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
  z-index: 10005 !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.select-options.open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.option-item {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  margin-bottom: 8px !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.option-item:last-child {
  margin-bottom: 0 !important;
}

.option-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: translateX(3px) !important;
}

.option-item img {
  height: 23px !important;
  max-height: none !important;
  width: auto !important;
  display: block !important;
}

.header-ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
}

.header-ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.header-ul li a {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.2px !important;
  line-height: 1.3 !important;
  color: #54595f !important;
  text-decoration: none !important;
  transition: color 0.2s ease, opacity 0.2s ease !important;
  white-space: nowrap !important;
}

.header-ul li a:hover {
  color: #18181b !important;
}

@media (max-width: 991px) {
  .header-block-another {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 16px !important;
  }

  .header-block-another .custom-select-logo {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
  }

  .header-block-another .select-display {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .header-block-another .select-options {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: none !important;
    margin-top: 6px !important;
    width: 100% !important;
  }

  .header-block-another .select-options.open {
    display: block !important;
  }

  .header-ul {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 14px !important;
  }

  .header-ul li {
    width: 100% !important;
  }

  .header-ul li a {
    font-size: 17px !important;
    display: block !important;
    color: #18181b !important;
  }
}

/* ==========================================================================
   PERFECTLY COMPACTED & BALANCED TECH BENTO CARDS (ZIONIC TECHNOLOGIES)
   ========================================================================== */
.zionic-tech-bento-section .tech-bento-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #18181b !important;
  border: 1px solid #3f3f46 !important;
}

.zionic-tech-bento-section .tech-card-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 32px 32px 28px 32px !important;
  box-sizing: border-box !important;
}

.zionic-tech-bento-section .tech-card-heading {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin-bottom: 14px !important;
}

/* Card 1 Text Spacing & Compact Bullet List */
.zionic-tech-bento-section .tech-bento-card:nth-child(1) .tech-card-text {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #d4d4d8 !important;
  margin-bottom: 12px !important;
}

.zionic-tech-bento-section .tech-bullets-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 0 0 !important;
}

.zionic-tech-bento-section .tech-bullets-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #e4e4e7 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

.zionic-tech-bento-section .tech-bullets-list li .bullet-check {
  color: #6DFCFF !important; /* Elegant cyan accent dot */
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  flex-shrink: 0 !important;
}

@media (max-width: 540px) {
  .zionic-tech-bento-section .tech-bullets-list {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}

/* Card 2 Balanced Text Spacing */
.zionic-tech-bento-section .tech-bento-card:nth-child(2) .tech-card-text {
  font-size: 15px !important;
  line-height: 1.68 !important;
  color: #d4d4d8 !important;
  margin-bottom: 18px !important;
}

.zionic-tech-bento-section .tech-bento-card:nth-child(2) .tech-card-text:last-child {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   ZIONIC SEO ARTICLE CLEAN SECTION STYLES
   ========================================================================== */
html body.template-zionic section#seo-article,
html body section#seo-article,
#seo-article {
  background: #ffffff !important;
  padding: 80px 0 60px 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

html body.template-zionic section#seo-article h2.seo-article-main-title,
html body.template-zionic section#seo-article h2,
html body section#seo-article h2,
#seo-article .seo-article-main-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 700 !important;
  color: #18181b !important;
  line-height: 1.35 !important;
  letter-spacing: -0.3px !important;
  text-align: left !important;
  margin: 0 0 24px 0 !important;
}

html body.template-zionic section#seo-article h3.seo-article-sub-title,
html body.template-zionic section#seo-article h3,
#seo-article .seo-article-sub-title {
  text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #18181b !important;
  line-height: 1.4 !important;
  text-align: left !important;
  margin: 36px 0 16px 0 !important;
}

html body.template-zionic section#seo-article p,
#seo-article p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin: 0 0 20px 0 !important;
  text-align: left !important;
}

html body.template-zionic section#seo-article .seo-article-bullets,
#seo-article .seo-article-bullets {
  list-style: disc !important;
  padding-left: 24px !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

html body.template-zionic section#seo-article .seo-article-bullets li,
#seo-article .seo-article-bullets li {
  font-family: 'Inter', sans-serif !important;
  font-size: 15.5px !important;
  color: #475569 !important;
  line-height: 1.7 !important;
  text-align: left !important;
  padding-left: 0 !important;
}

html body.template-zionic section#seo-article .seo-article-bullets li::before,
#seo-article .seo-article-bullets li::before {
  display: none !important;
}

html body.template-zionic section#seo-article .seo-article-bullets li strong,
#seo-article .seo-article-bullets li strong {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #18181b !important;
}

/* ==========================================================================
   ENSURE ZIONIC BENTO VIDEO FRAMES ALWAYS FIT 100% UNCROPPED (16:9 RATIO)
   ========================================================================== */
html body.template-zionic .tech-bento-card .tech-card-media,
html body .zionic-tech-bento-section .tech-card-media,
.tech-card-media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  background: #ffffff !important;
  overflow: hidden !important;
  border-bottom: 1px solid #27272a !important;
}

html body.template-zionic .tech-bento-card .tech-card-media video,
html body .zionic-tech-bento-section .tech-card-media video,
.tech-card-media video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: #ffffff !important;
  transition: transform 0.3s ease !important;
}

/* ==========================================================================
   ZIONIC BALANCED VERTICAL RHYTHM & COMPACT GAP FIX (DESKTOP & MOBILE)
   ========================================================================== */
html body.template-zionic .zionic-tech-bento-section,
html body.template-zionic .zionic-procedure-showcase-section,
html body.template-zionic .zionic-treatments-fullscreen-section,
html body.template-zionic .zionic-ba-section,
html body.template-zionic .zionic-matrix-section,
html body.template-zionic .zionic-nine-advantages-section,
html body.template-zionic .zionic-video-presentation-section,
html body.template-zionic .zionic-partner-stage-section,
html body.template-zionic .zionic-doctors-section,
html body.template-zionic .zionic-faq-section,
html body.template-zionic .zionic-certificates-section,
html body.template-zionic .zionic-seo-clean-section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

html body.template-zionic .zionic-video-presentation-section {
  padding-top: 60px !important;
  padding-bottom: 35px !important;
}

html body.template-zionic .zionic-partner-stage-section {
  padding-top: 60px !important;
  padding-bottom: 70px !important;
  margin-top: 0px !important;
}

html body.template-zionic .zionic-seo-clean-section {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media (max-width: 768px) {
  html body.template-zionic .zionic-tech-bento-section,
  html body.template-zionic .zionic-procedure-showcase-section,
  html body.template-zionic .zionic-treatments-fullscreen-section,
  html body.template-zionic .zionic-ba-section,
  html body.template-zionic .zionic-matrix-section,
  html body.template-zionic .zionic-nine-advantages-section,
  html body.template-zionic .zionic-video-presentation-section,
  html body.template-zionic .zionic-partner-stage-section,
  html body.template-zionic .zionic-doctors-section,
  html body.template-zionic .zionic-faq-section,
  html body.template-zionic .zionic-certificates-section,
  html body.template-zionic .zionic-seo-clean-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  /* Subtle headline reduction on mobile ("совсем чуть-чуть") */
  html body.template-zionic section:not(#zionic-official-hero) h2,
  html body.template-zionic .section-main-title,
  html body.template-zionic h2.section-main-title {
    font-size: clamp(22px, 5.8vw, 27px) !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }

  html body.template-zionic .section-header-centered {
    margin-bottom: 24px !important;
  }

  /* Scheme infographic on mobile: enlarged so text touches the screen edges */
  html body.template-zionic .zionic-treatments-fullscreen-section .treatments-infographic-viewport {
    padding: 0 !important;
    margin: 20px auto 0 auto !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  html body.template-zionic .zionic-treatments-fullscreen-section .treatments-infographic-viewport img {
    width: 110% !important;
    max-width: 110% !important;
    margin-left: -5% !important;
    display: block !important;
  }
}

/* ==========================================================================
   LINFOPRESS TECH CTA STRIP (UNDER 4 TECH CARDS)
   ========================================================================== */
.linfopress-tech-cta-strip {
  margin: 56px auto 20px auto !important;
  text-align: center !important;
  max-width: 860px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.tech-cta-strip-heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(24px, 2.8vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #18181b !important;
  margin: 0 0 14px 0 !important;
  text-align: center !important;
  letter-spacing: -0.3px !important;
}

.tech-cta-strip-sub {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
  font-size: clamp(17px, 1.5vw, 19px) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 auto 28px auto !important;
  max-width: 780px !important;
  text-align: center !important;
}

.tech-cta-strip-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1e222d !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  padding: 15px 44px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 16px rgba(30, 34, 45, 0.25) !important;
  text-decoration: none !important;
  letter-spacing: 0.2px !important;
}

.tech-cta-strip-btn:hover {
  background: #2c3344 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(30, 34, 45, 0.38) !important;
}

.tech-cta-strip-btn:active {
  transform: translateY(0) !important;
}

/* ==========================================================================
   LINFOPRESS PRESENTATION & FREE TRIAL MODAL (PIXEL-MATCH WITH USER SCREENSHOT)
   ========================================================================== */
.lp-pres-modal-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

.lp-pres-modal-overlay.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.lp-pres-modal-dialog {
  background: #181b22 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.9) !important;
  width: 100% !important;
  max-width: 480px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  position: relative !important;
  padding: 34px 28px 32px 28px !important;
  box-sizing: border-box !important;
  transform: scale(0.95) translateY(8px) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.lp-pres-modal-overlay.active .lp-pres-modal-dialog {
  transform: scale(1) translateY(0) !important;
}

.lp-pres-modal-close-btn {
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  background: transparent !important;
  border: none !important;
  color: #d4ff00 !important; /* Bright lime/yellow cross matching user screenshot */
  font-size: 24px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  line-height: 1 !important;
  padding: 4px 8px !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
  z-index: 10 !important;
}

.lp-pres-modal-close-btn:hover {
  transform: scale(1.15) !important;
  opacity: 0.85 !important;
}

.lp-pres-modal-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  margin: 0 0 10px 0 !important;
  padding-right: 32px !important;
  letter-spacing: -0.2px !important;
}

.lp-pres-modal-notice {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #94a3b8 !important;
  margin: 0 0 20px 0 !important;
}

.lp-pres-modal-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
}

.lp-pres-form-group {
  width: 100% !important;
}

.lp-pres-input {
  width: 100% !important;
  height: 48px !important;
  background: #474c55 !important; /* Slate grey input background matching screenshot */
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.lp-pres-input::placeholder {
  color: #cbd5e1 !important;
  opacity: 1 !important;
}

.lp-pres-input:focus {
  outline: none !important;
  border-color: #6DFCFF !important;
  box-shadow: 0 0 0 2px rgba(109, 252, 255, 0.25) !important;
  background: #4e545f !important;
}

.lp-pres-messengers-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  margin: 2px 0 4px 0 !important;
  flex-wrap: wrap !important;
}

.lp-pres-checkbox-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  user-select: none !important;
}

.lp-pres-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

.lp-pres-checkbox-custom {
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  border: 1.5px solid #94a3b8 !important;
  background: #27272a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
  flex-shrink: 0 !important;
}

.lp-pres-checkbox-custom svg {
  display: none !important;
}

.lp-pres-checkbox:checked + .lp-pres-checkbox-custom {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.lp-pres-checkbox:checked + .lp-pres-checkbox-custom svg {
  display: block !important;
}

.lp-pres-checkbox-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}

.lp-pres-submit-btn {
  width: 100% !important;
  height: 50px !important;
  background: #6DFCFF !important; /* Vibrant cyan button matching screenshot */
  color: #000000 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  margin-top: 6px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  letter-spacing: -0.2px !important;
}

.lp-pres-submit-btn:hover {
  background: #53ecf0 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 18px rgba(109, 252, 255, 0.45) !important;
}

.lp-pres-submit-btn:active {
  transform: translateY(0) !important;
}

/* Scrollbar styling for modal */
.lp-pres-modal-dialog::-webkit-scrollbar {
  width: 6px;
}
.lp-pres-modal-dialog::-webkit-scrollbar-track {
  background: #181b22;
}
.lp-pres-modal-dialog::-webkit-scrollbar-thumb {
  background: #3f3f46;
  border-radius: 3px;
}

/* Mobile Responsive */
@media (max-width: 600px) {
  .linfopress-tech-cta-strip {
    margin: 38px auto 10px auto !important;
    padding: 0 16px !important;
  }

  .tech-cta-strip-heading {
    font-size: clamp(20px, 5.5vw, 24px) !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  .tech-cta-strip-sub {
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin-bottom: 22px !important;
  }

  .tech-cta-strip-btn {
    width: 100% !important;
    max-width: 320px !important;
    padding: 14px 24px !important;
    font-size: 15px !important;
  }

  .lp-pres-modal-dialog {
    padding: 24px 18px 24px 18px !important;
    border-radius: 14px !important;
  }

  .lp-pres-modal-title {
    font-size: 17.5px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
  }

  .lp-pres-modal-notice {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
  }

  .lp-pres-input {
    height: 46px !important;
    font-size: 16px !important; /* Prevents iOS auto-zoom */
    padding: 0 14px !important;
  }

  .lp-pres-messengers-row {
    gap: 16px !important;
  }

  .lp-pres-checkbox-text {
    font-size: 14px !important;
  }

  .lp-pres-submit-btn {
    height: 48px !important;
    font-size: 15px !important;
  }
}

/* ==========================================================================
   LINFOPRESS FAQ DOCTOR CONSULTATION BUTTON (EXACT MATCH WITH SCREENSHOT)
   ========================================================================== */
.faq-trainer-consult-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1e222d !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  padding: 13px 34px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(30, 34, 45, 0.22) !important;
  text-decoration: none !important;
}

.faq-trainer-consult-btn:hover {
  background: #2b3242 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(30, 34, 45, 0.35) !important;
}

.faq-trainer-consult-btn:active {
  transform: translateY(0) !important;
}

/* ==========================================================================
   LINFOPRESS EXPANDABLE CLEAN SEO SECTION
   ========================================================================== */
html body.template-linfopress .linfopress-seo-clean-section,
.linfopress-seo-clean-section {
  padding-top: 50px !important;
  padding-bottom: 60px !important;
  background: #ffffff !important;
}

html body.template-linfopress .linfopress-seo-clean-section .seo-toggle-btn,
html body.template-linfopress #seo-article .seo-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: transparent !important;
  color: #18181b !important;
  border: none !important;
  padding: 8px 16px !important;
  font-family: 'Inter', 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  border-radius: 0px !important;
  margin: 28px auto 0 auto !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

html body.template-linfopress .linfopress-seo-clean-section .seo-toggle-btn:hover,
html body.template-linfopress #seo-article .seo-toggle-btn:hover {
  background: transparent !important;
  color: #000000 !important;
  border-color: transparent !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

html body.template-linfopress .linfopress-seo-clean-section .seo-toggle-btn .seo-btn-label,
html body.template-linfopress #seo-article .seo-toggle-btn .seo-btn-label {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-transform: none !important;
}

html body.template-linfopress .linfopress-seo-clean-section .seo-toggle-btn .seo-btn-arrow,
html body.template-linfopress #seo-article .seo-toggle-btn .seo-btn-arrow {
  color: inherit !important;
  font-size: 15px !important;
}

@media (max-width: 600px) {
  .faq-trainer-consult-btn {
    width: 100% !important;
    max-width: 320px !important;
    padding: 13px 20px !important;
    font-size: 13.5px !important;
  }
}

/* ==========================================================================
   GLOBAL PRESENTATION APPLICATION FORM: REFINED LIGHT-GRAY CARD BACKGROUND
   Applies uniformly across all pages (Головна, Zionic, Linfopress)
   ========================================================================== */
html body .presentation-form-card,
html body.template-zionic .presentation-form-card,
html body.template-linfopress .presentation-form-card,
.zionic-partner-stage-section .presentation-form-card,
.linfopress-partner-stage-section .presentation-form-card,
.application-presentation .presentation-form-card {
  background: #f4f4f6 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0px !important;
  padding: 40px 36px 36px 36px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 20px !important;
  box-sizing: border-box !important;
}

/* Input fields stay crisp white on the gray card background */
.presentation-form-card .luxury-form-input,
.zionic-partner-stage-section .luxury-form-input,
.linfopress-partner-stage-section .luxury-form-input,
.application-presentation .luxury-form-input {
  background: #ffffff !important;
  border: 1px solid #d4d4d8 !important;
  color: #111111 !important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
}

.presentation-form-card .luxury-form-input:focus,
.zionic-partner-stage-section .luxury-form-input:focus,
.linfopress-partner-stage-section .luxury-form-input:focus,
.application-presentation .luxury-form-input:focus {
  border-color: #111111 !important;
  background: #ffffff !important;
  outline: none !important;
}

/* Messenger selector pills stay crisp white */
.presentation-form-card .messenger-pill,
.zionic-partner-stage-section .messenger-pill,
.linfopress-partner-stage-section .messenger-pill,
.application-presentation .messenger-pill {
  background: #ffffff !important;
  border: 1px solid #d4d4d8 !important;
  border-radius: 0px !important;
}

.presentation-form-card .messenger-pill:hover,
.presentation-form-card .messenger-pill.active,
.zionic-partner-stage-section .messenger-pill:hover,
.zionic-partner-stage-section .messenger-pill.active,
.linfopress-partner-stage-section .messenger-pill:hover,
.linfopress-partner-stage-section .messenger-pill.active {
  border-color: #111111 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* ==========================================================================
   MOBILE EXPANSION FOR CERTIFICATES & APPLICATION FORM
   Removes nested border frames, stretches content to optimal mobile width
   ========================================================================== */
@media (max-width: 991px) {
  /* 1. APPLICATION FORM: Stretched full-width (edge-to-edge), eliminating outer white frames */
  html body .presentation-form-card,
  html body.template-zionic .presentation-form-card,
  html body.template-linfopress .presentation-form-card,
  .zionic-partner-stage-section .presentation-form-card,
  .linfopress-partner-stage-section .presentation-form-card,
  .application-presentation .presentation-form-card {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: 100vw !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0px !important;
    padding: 38px 20px 34px 20px !important;
    background: #f4f4f6 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  /* 2. CERTIFICATES: Stretch scans to full width, remove redundant nested frames */
  .zionic-certificates-section .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .zionic-cert-scans-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .cert-scan-card {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .cert-scan-frame {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    padding: 8px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0px !important;
    box-sizing: border-box !important;
  }

  .cert-scan-frame img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: unset !important;
    object-fit: contain !important;
    display: block !important;
  }

  .cert-scan-info {
    padding: 16px 4px 0 4px !important;
  }

  .cert-scan-badge {
    margin-bottom: 8px !important;
  }

  .cert-scan-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
  }

  .cert-scan-desc {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
  }
}