/* Hosting.com.vn V3.1 — UI corrections on top of approved Pixfort V3 HTML.
   Heading sizes/weights, grids, section HTML, graphics and layout are unchanged.
   Price values in examples are illustrative, not published offers. */
:root { --body-size:16px; --description-size:16px; }
body { font-size:var(--body-size); line-height:1.75; }
/* Increase actual descriptive text, not heading font weights or heading sizes. */
main p, .footer p, .faq-list p, .rich-text p, .article-main p,
.hero .lead, .page-hero .lead, .lead, .intro-copy,
.feature-card p, .mini-feature p, .showcase-text p,
.info-card p, .media-copy>p, .price-card>p, .plan-card>p,
.section-heading p, .heading-side p, .center-heading>p,
.testimonial-copy p, .contact-copy p, .footer-col>a,
.footer-brand>p, .faq-intro p, .cta-content p,
.news-grid p, .blog-card p, .usecase-card p {
  font-size:var(--description-size)!important;
  line-height:1.78;
}
/* Preserve the approved typography of all H1-H6. */
.desktop-nav>a, .more-pages>button, .hosting-mega>button {
  font-size:12.5px!important;
}
.hosting-mega-links>a {font-size:13px!important;line-height:1.5;}
.hosting-mega-head span {font-size:12px;}
.mobile-nav a,.hosting-mobile-group>summary {font-size:15px!important;}
.hosting-mobile-group a {font-size:14px!important;}
.hosting-mega>button .submenu-plus {
  font-size:20px;line-height:16px;color:#0062fa;font-weight:500;
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;margin-left:3px;
}
.hosting-mega.is-open>button .submenu-plus {color:#004bef;}
/* Local-currency amounts appear after number, not as a USD prefix. */
.price .currency,.plan-price .currency {font-size:.58em;font-weight:600;letter-spacing:0;margin-left:5px;vertical-align:baseline;}
.price .amount,.plan-price span[data-pricing-month] {font-variant-numeric:tabular-nums;letter-spacing:-.04em;}
.price small,.plan-price small {font-size:12px;letter-spacing:0;margin-left:5px;white-space:nowrap;}
.plan-billed {font-size:14px!important;}
@media (max-width:1200px){.desktop-nav>a,.more-pages>button,.hosting-mega>button{font-size:11.5px!important;}}
@media (max-width:1100px){.desktop-nav{display:none!important}.menu-toggle{display:flex!important}}
@media (max-width:600px){
 body{font-size:15.5px}
 main p,.footer p,.faq-list p,.rich-text p,.article-main p,
 .hero .lead,.page-hero .lead,.lead,.intro-copy,
 .feature-card p,.mini-feature p,.showcase-text p,
 .info-card p,.media-copy>p,.price-card>p,.plan-card>p,
 .section-heading p,.heading-side p,.center-heading>p,
 .testimonial-copy p,.contact-copy p,.footer-col>a,
 .footer-brand>p,.faq-intro p,.cta-content p,
 .news-grid p,.blog-card p,.usecase-card p {font-size:15px!important;line-height:1.7}
 .pricing-grid{grid-template-columns:minmax(0,1fr)!important}
 .price-card{min-width:0;max-width:100%}
 .price{font-size:clamp(23px,6.5vw,27px)!important;overflow-wrap:anywhere}
 .plan-price{flex-wrap:wrap;row-gap:3px}
 .plan-price small{font-size:11px;}
}


/* V3.4 — Logo đối tác chính thức của người dùng (MOI NHAT.zip).
   Không áp dụng grayscale/opacity lên logo; giữ nguyên tỷ lệ PNG. */
.brands .logo-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: clamp(12px, 2.4vw, 32px);
  row-gap: 26px;
  align-items: center;
  justify-items: center;
}
.brands .logo-grid .hosting-partner-logo {
  display: block;
  width: 100%;
  max-width: 172px;
  height: 76px;
  max-height: 76px;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  filter: none;
  transform: none;
  transition: opacity .2s ease;
}
.brands .logo-grid .hosting-partner-logo:hover {opacity: .85; filter: none;}
@media(max-width: 900px) {
  .brands .logo-grid { grid-template-columns: repeat(4, minmax(0,1fr)); row-gap: 22px; }
  .brands .logo-grid .hosting-partner-logo { max-width: 165px; height: 68px; max-height: 68px; }
}
@media(max-width: 560px) {
  .brands .logo-grid { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 14px; row-gap: 16px; }
  .brands .logo-grid .hosting-partner-logo { max-width: 155px; height: 61px; max-height: 61px; }
}