/* Clone-only glue styles: cookie consent banner (the original's CMP UI is
   proprietary and networked, so this reproduces its look from the captured
   screenshot instead of relying on cmp.inmobi.com). */
.clone-cookie-scrim {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99998;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.clone-cookie-modal {
  background: #fff;
  color: #111;
  max-width: 720px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 32px 36px;
  position: relative;
  font-family: BasicGrotesqueArabicPro-Regular, Arial, sans-serif;
}
.clone-cookie-modal .clone-cookie-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.clone-cookie-modal .clone-cookie-logo img {
  height: 22px;
}
.clone-cookie-modal h2 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 18px;
}
.clone-cookie-modal p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 14px;
  color: #333;
}
.clone-cookie-actions {
  display: flex;
  gap: 12px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.clone-cookie-actions button {
  flex: 1 1 30%;
  min-width: 160px;
  padding: 13px 16px;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #111;
  background: #fff;
  color: #111;
}
.clone-cookie-actions button.clone-cookie-accept {
  background: #111;
  color: #fff;
}
@media (max-width: 640px) {
  .clone-cookie-actions button {
    flex: 1 1 100%;
  }
}

/* jquery.lightbox-0.5 self-opens its #lightbox shell on script load in this
   clone (no gallery trigger present) - force it closed. */
#lightbox,
#lightboxOverlay {
  display: none !important;
}

/* each card renders both a top and a bottom title slot with identical text;
   the original's widget CSS picks one via a runtime prop we don't have. */
.card-title-bottom {
  display: none;
}

/* the after-sales feature-card carousel bakes a second, identical "slide"
   into the static DOM (normally positioned off-screen by a ResizeObserver
   we stripped) - hide the duplicate rather than show both stacked. */
.sc-fKWMtX.exPRIZ {
  display: none;
}

/* the DWT widget bakes hyphens:auto + word-break:break-word onto every
   heading/lead text element - both inline (spans it writes directly) and via
   these styled-component classes baked into the generated per-page CSS - so
   narrower (tablet) viewports hyphenate long Hungarian words. Force
   whole-word wrapping instead - never split a word, with or without a
   hyphen. Scoped to just these (rather than a blanket word-break/
   overflow-wrap override) so the many unrelated break-word/anywhere rules
   elsewhere, which exist to stop long strings overflowing their box, keep
   working. */
[style*="hyphens: auto"],
.cwSeRn, .dMeylT, .dSDeuQ, .dzqLfQ, .ehLBxj, .fFSdEn,
.isItdX, .jOnQzu, .juSCXF, .kPIcZf, .kfpkBm {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
