/* Extra sections of the hosting group pages. Built from modern.css components (catalog-tile, transfer-step-grid,
   domain-transfer-callout, related); this file only adapts them. Scoped to .hosting-group-page. */
.hosting-group-page .hosting-included{padding:80px 0;background:var(--paper)}
.hosting-group-page .hosting-feature-tiles .catalog-tile{min-height:0}
.hosting-group-page .hosting-feature-tiles .catalog-tile:hover{transform:none;box-shadow:none}
.hosting-group-page .catalog-tile>div span{font-size:11px;letter-spacing:.12em;line-height:1.4}
.hosting-group-page .hosting-feature-tiles .catalog-tile>div b{color:var(--brand,var(--c-brand))}
.hosting-group-page .hosting-free-domain{background:var(--c-yellow-70)}
.hosting-group-page .hosting-steps{padding:80px 0;background:var(--c-yellow-40)}
.hosting-group-page .hosting-step-grid{list-style:none;margin:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.hosting-group-page .hosting-step-grid>li{display:flex}
.hosting-group-page .hosting-step-grid>li>article{flex:1}
.hosting-group-page .hosting-step-grid>li:nth-child(2) article{background:var(--c-green-260-2)}
.hosting-group-page .hosting-step-grid>li:nth-child(3) article{background:var(--c-orange-50)}
.hosting-group-page .hosting-step-grid>li:nth-child(4) article{background:var(--c-purple-60)}
.hosting-group-page .hosting-step-grid h3{margin-top:28px}
.hosting-group-page .hosting-compare .catalog-tile{color:inherit}
.hosting-group-page .hosting-compare .catalog-tile.is-current{border-color:var(--brand,var(--c-brand));box-shadow:inset 0 0 0 1px var(--brand,var(--c-brand))}
.hosting-group-page .hosting-compare .catalog-tile.is-current:hover{transform:none;box-shadow:inset 0 0 0 1px var(--brand,var(--c-brand))}
.hosting-group-page .hosting-compare-price{margin-top:auto;padding-top:18px;font:600 16px var(--display);letter-spacing:-.02em;color:var(--brand,var(--c-brand))}
.hosting-group-page .hosting-compare-grid[data-count="2"],.hosting-group-page .hosting-compare-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.hosting-group-page .hosting-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
  .hosting-group-page .hosting-included,.hosting-group-page .hosting-steps{padding:56px 0}
  .hosting-group-page .hosting-step-grid{grid-template-columns:1fr}
  .hosting-group-page .hosting-step-grid h3{margin-top:18px}
  .hosting-group-page .catalog-tiles.hosting-compare-grid{grid-template-columns:1fr}
}