/* Standalone review patch, 2026-11-11. Append AFTER the current page bundle.
 * Public marketing templates only. No prices, resources or links changed.
 * All changes are mobile-only; remove this file to roll back.
 */
@media (max-width: 767.98px) {
  /* Keep the header's own offset calculation in sync with its larger hit area. */
  .pk-header { --hd-top-h: 44px; }
  .pk-topbar { height: 44px; }
  .pk-topbar__item a {
    min-height: 44px;
    min-width: 44px;
    justify-content: center;
  }

  /* A label column AND one complete plan must fit inside a 360px viewport.
   * Preserve native table semantics and horizontal access to remaining plans.
   */
  .compare-pricing-section .table-responsive {
    padding: 8px 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .compare-pricing-section table.comparision-table {
    width: max-content !important;
    min-width: 0 !important;
    table-layout: fixed;
    border-spacing: 0 8px;
  }
  .compare-pricing-section .comparision-table tr > :is(th, td) {
    box-sizing: border-box;
    width: 164px;
    min-width: 164px;
    max-width: 164px;
    padding: 12px 10px;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .compare-pricing-section .comparision-table tr > :first-child {
    width: 124px;
    min-width: 124px;
    max-width: 124px;
    position: sticky;
    inset-inline-start: 0;
    z-index: 2;
    background: #edf4fc;
    color: #0f172a;
  }
  .compare-pricing-section .comparision-table thead tr > :first-child {
    background: #102e5b;
    color: #eaf1ff;
  }
  .compare-pricing-section .comparision-table thead a { color: #a5f3fc; }
  .compare-pricing-section .comparision-price {
    font-size: 20px;
    line-height: 1.7;
    white-space: normal;
  }
  .compare-pricing-section .comparision-table .btn { min-height: 44px; }
  .compare-pricing-section .comparision-table-body tr:hover { transform: none; }

  /* Error strings need useful column width, not word-by-word vertical wrapping. */
  .pk-article .pk-table { max-width: 100%; overscroll-behavior-x: contain; }
  .pk-article .pk-table table { min-width: 600px; }
  .pk-article .pk-table td { min-width: 160px; }
  .pk-article .pk-table code[dir="ltr"] {
    display: inline-block;
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
    overflow-wrap: anywhere;
  }

  /* Reduce visual bulk without hiding package work or changing its order. */
  .pk-svc .pk-pkg { padding: 22px 16px 18px; }
  .pk-svc .pk-pkg li { padding-block: 4px; line-height: 1.8; }
  .pk-svc .pk-pkg li::before { top: 9px; }
  .pk-svc .pk-pkg .pk-pkg__grp { margin-top: 8px; }
  .pk-svc .pk-pkg__btn { min-height: 46px; }

  /* The portfolio shares this index wrapper, which otherwise touches its hero. */
  .pk-blog--index > .pk-wrap > .pk-svc-sec:first-child { padding-top: 28px; }
}

/* Reseller FAQ + homepage domain form — append after mobile-review-20261111.css.
 * The existing bundle applies h5 { white-space: nowrap } globally.
 * Keep the correction within FAQ columns following a comparison section.
 */
@media (max-width: 767.98px) {
  .compare-pricing-section ~ section .col-lg-6.mb-4 > h5 {
    white-space: normal;
  }

  .hero-content-wrap .domain-search-form .input-group {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    overflow: visible;
    box-shadow: none;
  }
  .hero-content-wrap .domain-search-form .input-group > .form-control {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    padding-inline: 12px;
    border-radius: 12px;
  }
  .hero-content-wrap .domain-search-form .input-group-append {
    width: 100%;
    margin: 0;
  }
  .hero-content-wrap .domain-search-form button.search-btn {
    width: 100%;
    justify-content: center;
    border-radius: 12px;
  }
  .hero-content-wrap .domain-search-form label[for="pk-domain-name"] {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    text-align: right;
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
  }
}