body[data-page="pricing"] .pricing-page {
  padding-bottom: 0;
}

body[data-page="pricing"] .pricing-panel {
  margin-bottom: 0;
}

body[data-page="pricing"] .pricing-comparison {
  --feature-width: 38%;
  --plan-width: 31%;
}

body[data-page="pricing"] .pricing-comparison col.feature { width: 38%; }
body[data-page="pricing"] .pricing-comparison col.plan { width: 31%; }
body[data-page="pricing"] .pricing-comparison tbody th[scope="row"] { font-weight: 400; }
body[data-page="pricing"] .pricing-comparison th,
body[data-page="pricing"] .pricing-comparison td { overflow-wrap: anywhere; }

body[data-page="pricing"] .pricing-loading {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  color: #887b73;
}

body[data-page="pricing"] .pricing-retry {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-top: 8px;
  padding: 0 13px;
  border: 1px solid #d9a578;
  border-radius: 4px;
  color: #9b5b31;
  background: #fffaf5;
}

body[data-page="pricing"] .pricing-retry:hover { background: #fff1e4; }
body[data-page="pricing"] .pricing-retry[hidden] { display: none; }

body[data-page="pricing"] .shop-options .pricing-option {
  min-width: 0;
  padding: 0 5px;
}

body[data-page="pricing"] .custom-shop {
  grid-column: span 1;
}

body[data-page="pricing"] .period-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px 16px;
}

body[data-page="pricing"] .period-options .pricing-option {
  min-width: 120px;
  padding-inline: 14px;
}

body[data-page="pricing"] .custom-shop input {
  appearance: textfield;
  -moz-appearance: textfield;
}

body[data-page="pricing"] .custom-shop input::-webkit-inner-spin-button,
body[data-page="pricing"] .custom-shop input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

body[data-page="pricing"] .pricing-banner {
  margin-top: 80px;
}

@media (max-width: 900px) {
  body[data-page="pricing"] .pricing-panel {
    padding: 30px 25px;
  }
  body[data-page="pricing"] .shop-options {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  body[data-page="pricing"] .period-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 12px;
  }
  body[data-page="pricing"] .period-options .pricing-option {
    min-width: 0;
    width: 100%;
    padding-inline: 6px;
  }
  body[data-page="pricing"] .pricing-page > .container {
    width: 100%;
    max-width: none;
  }
  body[data-page="pricing"] .pricing-heading h1 {
    font-size: 23px;
    line-height: 1.55;
  }
  body[data-page="pricing"] .pricing-panel {
    width: calc(100% - 24px);
    max-width: none;
    margin-inline: auto;
    padding: 26px 14px 20px;
  }
  body[data-page="pricing"] .shop-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body[data-page="pricing"] .custom-shop {
    grid-column: span 2;
  }
  body[data-page="pricing"] .pricing-comparison {
    --feature-width: 44%;
    --plan-width: 28%;
  }
  body[data-page="pricing"] .pricing-comparison col.feature { width: 44%; }
  body[data-page="pricing"] .pricing-comparison col.plan { width: 28%; }
  body[data-page="pricing"] .pricing-banner { margin-top: 48px; }
}