/* =========================================
   RTL overrides for Hebrew landing pages (/he/lp/)
   Applies ONLY when html dir="rtl"
   ========================================= */

html[dir="rtl"] .lp-hero-copy,
html[dir="rtl"] .lp-inner{
  text-align: right;
}

/* Move bullet dots to the RIGHT */
html[dir="rtl"] .lp-bullets li{
  padding-left: 0;
  padding-right: 22px;
}
html[dir="rtl"] .lp-bullets li::before{
  left: auto;
  right: 0;
}

/* Check lists: move dots to the RIGHT */
html[dir="rtl"] .lp-check li{
  padding-left: 0;
  padding-right: 18px;
}
html[dir="rtl"] .lp-check li::before{
  left: auto;
  right: 0;
}

/* Icon lists: ✓ / ✕ to the RIGHT */
html[dir="rtl"] .lp-icon-list li{
  padding-left: 0;
  padding-right: 26px;
}
html[dir="rtl"] .lp-icon-list li::before{
  left: auto;
  right: 0;
}

/* Phase list bullets (inside .lp-phase) */
html[dir="rtl"] .lp-phase .lp-list li{
  padding-left: 0;
  padding-right: 18px;
}
html[dir="rtl"] .lp-phase .lp-list li::before{
  left: auto;
  right: 0;
}

/* Keep value rows readable */
html[dir="rtl"] .lp-offer-price,
html[dir="rtl"] .lp-offer-compare,
html[dir="rtl"] .lp-total-item{
  direction: rtl;
}

/* Chips */
html[dir="rtl"] .lp-chip-wrap{
  justify-content: flex-start;
}

/* Footer */
html[dir="rtl"] .lp-trust-footer-inner{
  text-align: right;
}


/* Mobile-only: show hero image ABOVE the copy */
/* Mobile hero: place image AFTER CTA but BEFORE bullets (without changing desktop/HTML) */
@media (max-width: 980px) {

  /* Let hero-copy's children participate in the grid */
  .lp-hero-copy { display: contents; }

  .lp-hero-inner{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "kicker"
      "title"
	  "subtitle"
      "subhead"
      "authority"
      "offer"
      "cta"
      "media"
      "bullets"
      "fine";
    gap: 14px;
  }

  /* Map existing elements to grid areas */
  .lp-hero-copy > .lp-kicker { grid-area: kicker; }
  .lp-hero-copy > h1 { grid-area: title; }
  .lp-hero-copy > h3 { grid-area: subtitle; } /* ✅ ADD THIS */
  .lp-hero-copy > .lp-subhead { grid-area: subhead; }
  .lp-hero-copy > .lp-authority { grid-area: authority; }

  /* Your price box wrapper class in HTML is lp-offer-band */
  .lp-hero-copy > .lp-offer-band { grid-area: offer; }
  .lp-hero-copy > .lp-cta-row { grid-area: cta; }

  .lp-hero-media { 
    grid-area: media; 
    margin-top: 4px;
  }

  .lp-hero-copy > .lp-bullets { grid-area: bullets; }
  .lp-hero-copy > .lp-fine { grid-area: fine; }
}


/* Mobile: hide header on mobile */
@media (max-width: 820px){
  .lp-header{ display:none !important; }
}


.lp-hero-title { margin: 0 0 6px; }
.lp-hero-subtitle { margin: 0 0 10px; font-weight: 600; font-size: 18px; line-height: 1.35; }
@media (max-width: 820px){
  .lp-hero-subtitle{ font-size: 16px; }
}

@media (max-width: 820px){
  .lp-hero-subtitle{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 980px){
  .lp-hero-inner{
    gap: 4px !important;        /* try 6–12 */
    align-items: start !important;
  }
}

@media (max-width: 980px){
  .lp-fine{ margin: 6px 0 0 !important; }
}

@media (max-width: 980px){
  .lp-hero-media{
    margin-top: -8px;
  }
}

.lp-price-anchor{
  margin: 10px 0 8px;
  font-weight: 700;
  color: #1f2937; /* dark slate */
  font-size: 1rem;
}