/* =========================================================
   iCode Ajans — READABLE TYPE SCALE (loads LAST)
   Hard px overrides so theme + inline styles cannot win.
   Target: web-ofisi / websatisv3 readable scale
   ========================================================= */

html body.ic-modern {
  font-size: 17px !important;
  line-height: 1.65 !important;
  -webkit-font-smoothing: antialiased;
}

/* ---- NAV ---- */
html body.ic-modern .main-navigation ul > li > a,
html body.ic-modern .main-navigation .menu > li > a {
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

/* ---- HERO (home) ---- */
html body.ic-modern .ic-hero__eyebrow {
  font-size: 15px !important;
}
html body.ic-modern .ic-hero__brand,
html body.ic-modern .ic-hero__title {
  font-size: clamp(36px, 4.5vw, 56px) !important;
  line-height: 1.12 !important;
}
html body.ic-modern .ic-hero__sub {
  font-size: 20px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.95) !important;
}
html body.ic-modern .smart-select__trigger,
html body.ic-modern .smart-select__list button,
html body.ic-modern .smart-select__option {
  font-size: 16px !important;
}
html body.ic-modern .hh-modern__input {
  font-size: 17px !important;
}
html body.ic-modern .hh-modern__submit,
html body.ic-modern .hh-modern__search-form button[type="submit"] {
  font-size: 16px !important;
}
html body.ic-modern .ic-site-search__tags a {
  font-size: 15px !important;
  padding: 8px 14px !important;
}
html body.ic-modern .ic-hero-card__body h3 {
  font-size: 17px !important;
}
html body.ic-modern .ic-hero-card__price {
  font-size: 18px !important;
}

/* ---- DOMAIN BAND (home) ---- */
html body.ic-modern .ic-domain-band__title {
  font-size: clamp(28px, 3.5vw, 42px) !important;
}
html body.ic-modern .ic-domain-band__form input {
  font-size: 18px !important;
  height: 64px !important;
}
html body.ic-modern .ic-domain-band__form button {
  font-size: 17px !important;
}
html body.ic-modern .ic-domain-band__tlds,
html body.ic-modern .ic-domain-band__tlds a {
  font-size: 16px !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* ---- DOMAIN PAGE ---- */
html body.ic-modern .ic-dom-page__eyebrow {
  font-size: 14px !important;
}
html body.ic-modern .ic-dom-page__title {
  font-size: clamp(32px, 4vw, 48px) !important;
}
html body.ic-modern .ic-dom-page__sub {
  font-size: 18px !important;
  line-height: 1.55 !important;
}
html body.ic-modern .ic-dom-page__form input {
  font-size: 18px !important;
  height: 66px !important;
}
html body.ic-modern .ic-dom-page__form button {
  font-size: 17px !important;
}
html body.ic-modern .ic-dom-page__pill {
  font-size: 16px !important;
  padding: 10px 16px !important;
}
html body.ic-modern .ic-dom-card__ext {
  font-size: 32px !important;
}
html body.ic-modern .ic-dom-card__label {
  font-size: 16px !important;
  color: #475569 !important;
}
html body.ic-modern .ic-dom-card__price {
  font-size: 24px !important;
}
html body.ic-modern .ic-dom-card__price small {
  font-size: 15px !important;
}
html body.ic-modern .ic-dom-card__cta {
  font-size: 16px !important;
}
html body.ic-modern .ic-dom-info h3 {
  font-size: 20px !important;
}
html body.ic-modern .ic-dom-info p {
  font-size: 16px !important;
}
html body.ic-modern .ic-section-title {
  font-size: clamp(26px, 3vw, 36px) !important;
}
html body.ic-modern .ic-domain-result,
html body.ic-modern .ic-suggest-item,
html body.ic-modern .ic-suggest-item strong {
  font-size: 16px !important;
}

/* ---- HOSTING PAGE ---- */
html body.ic-modern .ic-host-page__eyebrow {
  font-size: 14px !important;
}
html body.ic-modern .ic-host-page__title {
  font-size: clamp(32px, 4vw, 46px) !important;
}
html body.ic-modern .ic-host-page__sub {
  font-size: 18px !important;
}
html body.ic-modern .ic-host-card h3 {
  font-size: 24px !important;
}
html body.ic-modern .ic-host-card .price {
  font-size: 36px !important;
}
html body.ic-modern .ic-host-card .price small {
  font-size: 16px !important;
}
html body.ic-modern .ic-host-card ul li {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #1e293b !important;
  padding: 10px 0 !important;
}
html body.ic-modern .ic-host-card__domain {
  font-size: 16px !important;
  height: 52px !important;
}
html body.ic-modern .ic-host-card .octf-btn,
html body.ic-modern .ic-host-card button {
  font-size: 16px !important;
}

/* ---- PRODUCT CARDS ---- */
html body.ic-modern .ic-card__title {
  font-size: 18px !important;
}
html body.ic-modern .ic-card__meta {
  font-size: 15px !important;
}
html body.ic-modern .ic-card__price {
  font-size: 20px !important;
}
html body.ic-modern .ic-btn-soft {
  font-size: 15px !important;
}

/* ---- PACKAGES (ot-pricing-table) — modern + readable ---- */
html body.ic-modern .ot-pricing-table {
  overflow: visible !important;
  padding: 32px 28px 44px !important;
}
html body.ic-modern .ot-pricing-table .title-table {
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  padding: 8px 16px !important;
}
html body.ic-modern .ot-pricing-table .inner-table h2 {
  font-size: 40px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
html body.ic-modern .ot-pricing-table.feature .inner-table h2,
html body.ic-modern .ot-pricing-table.feature .inner-table h2 small {
  color: #fff !important;
}
html body.ic-modern .ot-pricing-table .inner-table h2 small {
  font-size: 16px !important;
}
html body.ic-modern .ot-pricing-table .card-title,
html body.ic-modern .ot-pricing-table .card-title a,
html body.ic-modern .ot-pricing-table h5.card-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #002CAE !important;
  text-transform: none !important;
}
html body.ic-modern .ot-pricing-table.feature .card-title,
html body.ic-modern .ot-pricing-table.feature .card-title a {
  color: #fff !important;
}
html body.ic-modern .ot-pricing-table .inner-table .details {
  font-size: 17px !important;
  line-height: 1.7 !important;
  padding-top: 22px !important;
  padding-bottom: 18px !important;
}
html body.ic-modern .ot-pricing-table .inner-table .details ul,
html body.ic-modern .ot-pricing-table .inner-table .details li {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: #1e293b !important;
  font-weight: 500 !important;
}
html body.ic-modern .ot-pricing-table.feature .inner-table .details,
html body.ic-modern .ot-pricing-table.feature .inner-table .details li {
  color: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}
html body.ic-modern .ot-pricing-table .octf-btn,
html body.ic-modern .ot-pricing-table .plan-button .octf-btn {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  min-height: 54px !important;
  padding: 14px 28px !important;
  font-weight: 700 !important;
}

/* ---- PRODUCT DETAIL (right column + tabs) ---- */
html body.ic-modern .ic-pd__crumb {
  font-size: 15px !important;
}
html body.ic-modern .ic-pd__badge {
  font-size: 13px !important;
}
html body.ic-modern .ic-pd__title {
  font-size: clamp(30px, 3.5vw, 42px) !important;
  line-height: 1.2 !important;
}
html body.ic-modern .ic-pd__lead {
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #334155 !important;
  font-weight: 500 !important;
}
html body.ic-modern .ic-pd__stars,
html body.ic-modern .ic-pd__stars span {
  font-size: 15px !important;
}
html body.ic-modern .ic-pd__price {
  font-size: clamp(34px, 4vw, 48px) !important;
}
html body.ic-modern .ic-pd__price small,
html body.ic-modern .ic-pd__price em {
  font-size: 16px !important;
}
html body.ic-modern .ic-pd__field span {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
html body.ic-modern .ic-pd__field input,
html body.ic-modern .ic-pd__field select {
  font-size: 16px !important;
  height: 54px !important;
}
html body.ic-modern .ic-pd__addons-title {
  font-size: 18px !important;
  font-weight: 800 !important;
}
html body.ic-modern .ic-pd__check,
html body.ic-modern .ic-pd__check span,
html body.ic-modern .ic-pd__check b {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #0f172a !important;
}
html body.ic-modern .ic-pd__cta {
  font-size: 18px !important;
  padding: 18px 22px !important;
}
html body.ic-modern .ic-pd__secondary {
  font-size: 15px !important;
}
html body.ic-modern .ic-pd__perks li {
  font-size: 16px !important;
  color: #0f172a !important;
}
html body.ic-modern .ic-pd__demo,
html body.ic-modern .ic-pd__creds {
  font-size: 15px !important;
}
html body.ic-modern .ic-pd__tabbar button {
  font-size: 16px !important;
}

/* Rich CMS content — kill inline font-size from admin HTML */
html body.ic-modern .ic-pd__rich,
html body.ic-modern .ic-pd__rich *,
html body.ic-modern .ic-pd__rich span,
html body.ic-modern .ic-pd__rich p,
html body.ic-modern .ic-pd__rich li,
html body.ic-modern .ic-pd__rich div,
html body.ic-modern .ic-pd__rich br {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #1e293b !important;
  font-family: "DM Sans", system-ui, sans-serif !important;
}
html body.ic-modern .ic-pd__faq-item summary {
  font-size: 18px !important;
}
html body.ic-modern .ic-pd__faq-item div,
html body.ic-modern .ic-pd__faq-item div * {
  font-size: 16px !important;
}

/* ---- TABLET ---- */
@media (max-width: 991px) {
  html body.ic-modern {
    font-size: 16px !important;
  }
  html body.ic-modern .ic-hero__sub {
    font-size: 18px !important;
  }
  html body.ic-modern .ic-pd__title {
    font-size: 28px !important;
  }
  html body.ic-modern .ic-pd__lead,
  html body.ic-modern .ic-pd__check,
  html body.ic-modern .ic-pd__check span {
    font-size: 16px !important;
  }
  html body.ic-modern .ot-pricing-table .inner-table .details li {
    font-size: 16px !important;
  }
  html body.ic-modern .ic-host-card ul li {
    font-size: 16px !important;
  }
  html body.ic-modern .ic-dom-card__ext {
    font-size: 28px !important;
  }
}

@media (max-width: 767px) {
  html body.ic-modern .main-navigation ul > li > a {
    font-size: 15px !important;
  }
  html body.ic-modern .ic-hero__brand,
  html body.ic-modern .ic-hero__title {
    font-size: 30px !important;
  }
  html body.ic-modern .ic-hero__sub {
    font-size: 16px !important;
  }
}