/* IPTV Harmony translated-layout hardening v2026.08.14.8. */
html[data-ih-i18n-runtime] {
  overflow-x: clip;
}

html[data-ih-i18n-runtime] body {
  max-inline-size: 100%;
  overflow-x: clip;
}

html[data-ih-i18n-runtime] :where(.ih-checkout, .ih-wrap, .ih-checkout-inner, .ih-summary, .ih-rg, .ih-r, .ih-r-t, .ih-pm, .ih-pm-item, .ih-pm-head, .ih-pm-name, .ih-pm-subname, .ih-pm-right, .ih-cc-wrap, .ih-cc-panel, .ih-cc-list, .ih-cc-opt, .ih-cc-btn, .ih-price-desc) {
  box-sizing: border-box;
  min-inline-size: 0;
}

html[data-ih-i18n-runtime] :where(.ih-checkout-inner, .ih-wrap, .ih-summary, .ih-r, .ih-pm-item, .ih-pm-head) > * {
  min-inline-size: 0;
}

html[data-ih-i18n-runtime] :where(.ih-r, .ih-pm-head) {
  flex-wrap: wrap;
}

html[data-ih-i18n-runtime] :where(.ih-r-t, .ih-pm-name, .ih-pm-subname, .ih-pm-right, .ih-cc-opt, .ih-cc-btn, .ih-price-desc) {
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

html[data-ih-i18n-runtime] .ih-cc-panel {
  max-inline-size: min(34rem, calc(100vw - 24px));
}

html[data-ih-i18n-runtime] :where(.pricing-grid, .plans-grid, .plan-grid, .ih-native-pricing, .ih-pricing-grid, .pricing-cards, .checkout-grid, .checkout-shell, .checkout-layout, .payment-grid) > * {
  min-inline-size: 0;
}

html[data-ih-i18n-runtime] .control-row {
  min-inline-size: 0;
  max-inline-size: 100%;
  flex-wrap: wrap;
}

html[data-ih-i18n-runtime] .control-row > * {
  min-inline-size: 0;
  max-inline-size: 100%;
}

html[data-ih-i18n-runtime] :where(.pricing-card, .plan-card, .ih-plan-card, .ih-native-card, .checkout-card, .order-summary, .payment-option, .method-card) {
  min-inline-size: 0;
  max-inline-size: 100%;
}

html[data-ih-i18n-runtime] :where(.pricing-card, .plan-card, .ih-plan-card, .ih-native-card, .checkout-card, .order-summary, .payment-option, .method-card, .feature-list, .features, .plan-features) :where(h1, h2, h3, h4, p, li, label, small, span) {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

html[data-ih-i18n-runtime] :where(.pricing-card, .plan-card, .ih-plan-card, .ih-native-card, .checkout-card, .order-summary) :where(h1, h2, h3) {
  text-wrap: balance;
}

html[data-ih-i18n-runtime] :where(.pricing-card, .plan-card, .ih-plan-card, .ih-native-card, .checkout-card, .order-summary) p {
  text-wrap: pretty;
}

html[data-ih-i18n-runtime] :where(.pricing-card, .plan-card, .ih-plan-card, .ih-native-card, .checkout-card, .order-summary, .payment-option, .method-card) :where(a.button, a.btn, button, [role="button"], input[type="submit"], input[type="button"]) {
  box-sizing: border-box;
  min-block-size: 44px;
  max-inline-size: 100%;
  block-size: auto;
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
  line-height: 1.2;
  font-size: clamp(.82rem, 2.3vw, 1rem);
}

html[data-ih-i18n-runtime] a.primary-button {
  box-sizing: border-box;
  max-inline-size: 100%;
  block-size: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.2;
}

html[data-ih-i18n-runtime] h1.faq-title {
  max-inline-size: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
}

html[data-ih-i18n-runtime] :where(input, select, textarea) {
  box-sizing: border-box;
  max-inline-size: 100%;
  min-inline-size: 0;
}

html[data-ih-i18n-runtime][dir="rtl"] body {
  direction: rtl;
  text-align: start;
}

html[data-ih-i18n-runtime][dir="rtl"] :where(.pricing-card, .plan-card, .ih-plan-card, .ih-native-card, .checkout-card, .order-summary, .payment-option, .method-card, .feature-list, .features, .plan-features) {
  text-align: start;
}

html[data-ih-i18n-runtime][dir="rtl"] :where(.ih-checkout, .ih-summary, .ih-r, .ih-pm-item, .ih-pm-head, .ih-cc-opt, .ih-cc-btn) {
  text-align: start;
}

html[data-ih-i18n-runtime][dir="rtl"] :where(input[type="email"], input[type="tel"], input[type="url"], .price, .amount, [data-price], [dir="ltr"]) {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}

@media (max-width: 760px) {
  html[data-ih-i18n-runtime] :where(.pricing-grid, .plans-grid, .plan-grid, .ih-native-pricing, .ih-pricing-grid, .pricing-cards, .checkout-grid, .checkout-shell, .checkout-layout, .payment-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-ih-i18n-runtime] :where(.pricing-card, .plan-card, .ih-plan-card, .ih-native-card, .checkout-card, .order-summary, .payment-option, .method-card) {
    inline-size: 100%;
    max-inline-size: 100%;
  }

  html[data-ih-i18n-runtime] :where(.tabs, .account-tabs, .selector-pills, .plan-tabs, .contact-methods, .payment-methods) {
    max-inline-size: 100%;
    flex-wrap: wrap;
  }

  html[data-ih-i18n-runtime] :where(.ih-checkout, .ih-wrap, .ih-checkout-inner, .ih-summary, .ih-pm, .ih-cc-panel) {
    inline-size: 100%;
    max-inline-size: 100%;
  }

  html[data-ih-i18n-runtime] :where(.ih-wrap, .ih-checkout-inner) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-ih-i18n-runtime] .ih-cc-panel {
    max-inline-size: calc(100vw - 24px);
  }

  html[data-ih-i18n-runtime] .we-accept .headline-with-lines {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-ih-i18n-runtime] .we-accept .headline-with-lines::before,
  html[data-ih-i18n-runtime] .we-accept .headline-with-lines::after {
    display: none;
  }

  html[data-ih-i18n-runtime] #payments-title {
    inline-size: 100%;
    min-inline-size: 0;
    max-inline-size: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    text-align: center;
  }

  html[data-ih-i18n-runtime] .ih-summary-footer {
    inline-size: 100%;
    min-inline-size: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 12px;
  }

  html[data-ih-i18n-runtime] .ih-summary-footer > * {
    min-inline-size: 0;
  }
}