/* ETRENDING Hosting Typography — compact responsive sizing (Desktop / Tablet / Mobile)
   Pricing/card structure, data, features and actions are unchanged. */

.public-body .hosting-section .pricing-grid>article.hosting-plan-card,
.public-body .hosting-page-listing .pricing-grid>article.hosting-plan-card{
  text-align:center;
  padding:34px 24px 26px!important;
}

.public-body .hosting-section .pricing-grid>article.hosting-plan-card>span,
.public-body .hosting-page-listing .pricing-grid>article.hosting-plan-card>span{display:none!important}

.public-body .hosting-section .hosting-plan-name,
.public-body .hosting-page-listing .hosting-plan-name{
  margin:4px 0 12px!important;
  font-size:34px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  font-weight:800!important;
  color:#1d1d1f!important;
}
[data-theme="dark"] .public-body .hosting-section .hosting-plan-name,
[data-theme="dark"] .public-body .hosting-page-listing .hosting-plan-name{color:#fff!important}

.public-body .hosting-section .hosting-plan-spec,
.public-body .hosting-page-listing .hosting-plan-spec{
  margin:0 0 20px!important;
  font-size:18px!important;
  line-height:1.42!important;
  font-weight:500!important;
  color:#6f6f76!important;
}
[data-theme="dark"] .public-body .hosting-section .hosting-plan-spec,
[data-theme="dark"] .public-body .hosting-page-listing .hosting-plan-spec{color:rgba(255,255,255,.72)!important}

.public-body .hosting-section .hosting-public-price,
.public-body .hosting-page-listing .hosting-public-price{
  display:grid;gap:12px;margin:0 0 24px!important;justify-items:center
}
.public-body .hosting-section .hosting-regular-price,
.public-body .hosting-page-listing .hosting-regular-price{
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;min-height:36px
}
.public-body .hosting-section .hosting-regular-price del,
.public-body .hosting-page-listing .hosting-regular-price del{
  position:relative;display:inline-flex;align-items:baseline;gap:3px;padding:0 2px;
  color:#7b7b80!important;text-decoration:none!important;opacity:1!important;
}
.public-body .hosting-section .hosting-regular-price del::after,
.public-body .hosting-page-listing .hosting-regular-price del::after{
  content:"";position:absolute;left:-2px;right:-2px;top:56%;height:2.5px;
  background:#ea4d4d;border-radius:999px;transform:rotate(-6deg);
}
.public-body .hosting-section .hosting-regular-price del .currency,
.public-body .hosting-page-listing .hosting-regular-price del .currency{font-size:15px!important;font-weight:600;line-height:1;color:#8a8a90}
.public-body .hosting-section .hosting-regular-price del .amount,
.public-body .hosting-page-listing .hosting-regular-price del .amount{font-size:22px!important;font-weight:600;line-height:1;color:#8a8a90}

.public-body .hosting-section .hosting-regular-price strong,
.public-body .hosting-page-listing .hosting-regular-price strong{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;
  background:#08ba1a!important;color:#fff!important;font-size:16px!important;font-weight:800!important;
  letter-spacing:.01em;line-height:1;box-shadow:0 7px 20px rgba(8,186,26,.20);
}

.public-body .hosting-section .hosting-sale-price,
.public-body .hosting-page-listing .hosting-sale-price{display:flex;align-items:flex-end;justify-content:center;gap:7px;flex-wrap:wrap}
.public-body .hosting-section .hosting-sale-price .currency,
.public-body .hosting-page-listing .hosting-sale-price .currency{
  color:#06c41f!important;font-size:24px!important;font-weight:700!important;line-height:1.05;
  transform:translateY(-8px);display:inline-block;
}
.public-body .hosting-section .hosting-sale-price .amount,
.public-body .hosting-page-listing .hosting-sale-price .amount{
  color:#06c41f!important;font-size:58px!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.045em!important;
}
.public-body .hosting-section .hosting-sale-price small,
.public-body .hosting-page-listing .hosting-sale-price small{
  color:#6f6f76!important;font-size:16px!important;font-weight:500!important;line-height:1.1;padding-bottom:7px;
}
[data-theme="dark"] .public-body .hosting-section .hosting-sale-price small,
[data-theme="dark"] .public-body .hosting-page-listing .hosting-sale-price small{color:rgba(255,255,255,.72)!important}

.public-body .hosting-section .hosting-feature-list,
.public-body .hosting-page-listing .hosting-feature-list{
  list-style:none!important;padding:0 0 0 14px!important;margin:0 auto 22px!important;max-width:420px;text-align:left;display:grid;gap:12px;
}
.public-body .hosting-section .hosting-feature-list li,
.public-body .hosting-page-listing .hosting-feature-list li{
  list-style:none!important;margin:0!important;padding:0 0 0 34px!important;position:relative;
  font-size:16px!important;font-weight:500!important;line-height:1.45!important;color:#5f6168!important;
}
[data-theme="dark"] .public-body .hosting-section .hosting-feature-list li,
[data-theme="dark"] .public-body .hosting-page-listing .hosting-feature-list li{color:rgba(255,255,255,.76)!important}
.public-body .hosting-section .hosting-feature-list li::before,
.public-body .hosting-page-listing .hosting-feature-list li::before{
  content:"✓";position:absolute;left:0;top:.12em;width:20px;height:20px;border-radius:4px;
  background:#08ba1a;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;
  box-shadow:0 5px 15px rgba(8,186,26,.20);
}

.public-body .hosting-section .hosting-price-cta,
.public-body .hosting-page-listing .hosting-price-cta{margin-top:5px}

.public-body .hosting-section .popular-tag,
.public-body .hosting-page-listing .popular-tag{
  display:inline-flex;align-items:center;justify-content:center;margin:0 auto 12px!important;
  padding:8px 15px!important;border-radius:999px!important;background:rgba(8,186,26,.12)!important;
  color:#08a83a!important;font-size:12px!important;font-weight:900!important;letter-spacing:.07em!important;
}
.public-body .hosting-section .pricing-grid>article.hosting-plan-card.popular .popular-tag,
.public-body .hosting-page-listing .pricing-grid>article.hosting-plan-card.popular .popular-tag{
  background:#08ba1a!important;color:#fff!important;box-shadow:0 7px 20px rgba(8,186,26,.20);
}
.public-body .hosting-section .hosting-all-plans-note{text-align:center;margin:24px auto 0;max-width:980px;font-size:14px;line-height:1.7;opacity:.78}

/* TABLET */
@media (min-width:701px) and (max-width:1100px){
  .public-body .hosting-section .pricing-grid>article.hosting-plan-card,
  .public-body .hosting-page-listing .pricing-grid>article.hosting-plan-card{padding:30px 18px 24px!important}

  .public-body .hosting-section .hosting-plan-name,
  .public-body .hosting-page-listing .hosting-plan-name{font-size:30px!important;margin-bottom:10px!important}

  .public-body .hosting-section .hosting-plan-spec,
  .public-body .hosting-page-listing .hosting-plan-spec{font-size:16px!important;margin-bottom:18px!important}

  .public-body .hosting-section .hosting-regular-price,
  .public-body .hosting-page-listing .hosting-regular-price{gap:10px}
  .public-body .hosting-section .hosting-regular-price del .amount,
  .public-body .hosting-page-listing .hosting-regular-price del .amount{font-size:19px!important}
  .public-body .hosting-section .hosting-regular-price strong,
  .public-body .hosting-page-listing .hosting-regular-price strong{min-height:34px;padding:0 13px;font-size:14px!important}

  .public-body .hosting-section .hosting-sale-price .currency,
  .public-body .hosting-page-listing .hosting-sale-price .currency{font-size:20px!important;transform:translateY(-7px)}
  .public-body .hosting-section .hosting-sale-price .amount,
  .public-body .hosting-page-listing .hosting-sale-price .amount{font-size:50px!important}
  .public-body .hosting-section .hosting-sale-price small,
  .public-body .hosting-page-listing .hosting-sale-price small{font-size:14px!important;padding-bottom:6px}

  .public-body .hosting-section .hosting-feature-list li,
  .public-body .hosting-page-listing .hosting-feature-list li{font-size:15px!important}
}

/* MOBILE */
@media (max-width:700px){
  .public-body .hosting-section .pricing-grid>article.hosting-plan-card,
  .public-body .hosting-page-listing .pricing-grid>article.hosting-plan-card{padding:28px 18px 22px!important}

  .public-body .hosting-section .hosting-plan-name,
  .public-body .hosting-page-listing .hosting-plan-name{font-size:28px!important;margin-bottom:9px!important}

  .public-body .hosting-section .hosting-plan-spec,
  .public-body .hosting-page-listing .hosting-plan-spec{font-size:15px!important;line-height:1.4!important;margin-bottom:16px!important}

  .public-body .hosting-section .hosting-public-price,
  .public-body .hosting-page-listing .hosting-public-price{gap:10px;margin-bottom:20px!important}
  .public-body .hosting-section .hosting-regular-price,
  .public-body .hosting-page-listing .hosting-regular-price{gap:9px;min-height:32px}
  .public-body .hosting-section .hosting-regular-price del .currency,
  .public-body .hosting-page-listing .hosting-regular-price del .currency{font-size:13px!important}
  .public-body .hosting-section .hosting-regular-price del .amount,
  .public-body .hosting-page-listing .hosting-regular-price del .amount{font-size:18px!important}
  .public-body .hosting-section .hosting-regular-price del::after,
  .public-body .hosting-page-listing .hosting-regular-price del::after{height:2px}
  .public-body .hosting-section .hosting-regular-price strong,
  .public-body .hosting-page-listing .hosting-regular-price strong{min-height:32px;padding:0 12px;font-size:13px!important}

  .public-body .hosting-section .hosting-sale-price,
  .public-body .hosting-page-listing .hosting-sale-price{gap:5px}
  .public-body .hosting-section .hosting-sale-price .currency,
  .public-body .hosting-page-listing .hosting-sale-price .currency{font-size:18px!important;transform:translateY(-6px)}
  .public-body .hosting-section .hosting-sale-price .amount,
  .public-body .hosting-page-listing .hosting-sale-price .amount{font-size:44px!important}
  .public-body .hosting-section .hosting-sale-price small,
  .public-body .hosting-page-listing .hosting-sale-price small{font-size:13px!important;padding-bottom:5px}

  .public-body .hosting-section .hosting-feature-list,
  .public-body .hosting-page-listing .hosting-feature-list{max-width:100%;padding-left:4px!important;gap:11px;margin-bottom:20px!important}
  .public-body .hosting-section .hosting-feature-list li,
  .public-body .hosting-page-listing .hosting-feature-list li{padding-left:30px!important;font-size:14px!important;line-height:1.42!important}
  .public-body .hosting-section .hosting-feature-list li::before,
  .public-body .hosting-page-listing .hosting-feature-list li::before{width:18px;height:18px;font-size:11px}

  .public-body .hosting-section .popular-tag,
  .public-body .hosting-page-listing .popular-tag{padding:7px 12px!important;font-size:11px!important;margin-bottom:10px!important}
}

/* Editable plan tag behavior retained. */
.public-body .hosting-section .hosting-plan-card:not(.has-plan-tag) .hosting-plan-tag,
.public-body .hosting-page-listing .hosting-plan-card:not(.has-plan-tag) .hosting-plan-tag{display:none!important}
.public-body .hosting-section .hosting-plan-card.has-plan-tag .hosting-plan-tag,
.public-body .hosting-page-listing .hosting-plan-card.has-plan-tag .hosting-plan-tag{
  display:inline-flex!important;align-items:center;justify-content:center;
  background:#08ba1a!important;color:#fff!important;line-height:1!important;
}