/* Extra sections of the /services page. Built from modern.css components (catalog-tile, domain-section-heading,
   transfer-step-grid, domain-extension-card, product-faq, page-cta); this file only adapts them. Scoped to .services-page. */
.services-page .svc-hero .breadcrumbs{margin-bottom:22px}
.services-page .svc-hero h1{margin-top:20px}
.services-page .svc-hero>.shell>p{max-width:520px}
.services-page .svc-hero-buttons{margin-top:26px}
.services-page .svc-hero-buttons .btn-outline{border-color:var(--c-gray-580-2)}
.services-page .svc-facts{list-style:none;margin:28px 0 0;padding:16px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;border-top:1px solid var(--c-purple-300-2);max-width:600px;font-size:13px;font-weight:700;color:var(--c-gray-580-5)}
.services-page .svc-facts li{display:flex;align-items:center;gap:8px}
.services-page .svc-facts li span{color:var(--brand,var(--c-brand))}

.services-page .svc-tiles .catalog-tile{color:inherit}
.services-page .svc-tiles .catalog-tile>div span{font-size:11px;letter-spacing:.12em;line-height:1.4}
.services-page .svc-tile-price{margin-top:auto;padding-top:18px;font:600 16px var(--display);letter-spacing:-.02em;color:var(--brand,var(--c-brand))}

.services-page .svc-choose{padding:80px 0;background:var(--paper)}
.services-page .svc-goals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.services-page .svc-goals li:last-child:nth-child(odd){grid-column:1/-1}
.services-page .svc-goals a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;height:100%;padding:18px 20px;background:var(--c-white);border:1px solid var(--c-green-120-3);border-radius:8px;transition:border-color .2s,transform .2s}
.services-page .svc-goals a:hover{border-color:var(--brand,var(--c-brand));transform:translateY(-2px)}
.services-page .svc-goals i{font:400 30px/1 var(--display);font-style:normal;color:var(--brand,var(--c-brand));text-align:center}
.services-page .svc-goals span{font-size:16px;font-weight:600;line-height:1.4}
.services-page .svc-goals small{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--c-gray-440);margin-bottom:4px}
.services-page .svc-goals b{font-size:13px;color:var(--brand,var(--c-brand));white-space:nowrap}
.services-page .svc-table-title{font-size:28px;margin:56px 0 18px}
.services-page .svc-table-wrap{border:1px solid var(--c-green-120-3);border-radius:10px;overflow:hidden;background:var(--c-white)}
.services-page .svc-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.55}
.services-page .svc-table th,.services-page .svc-table td{padding:16px 18px;border-bottom:1px solid var(--c-green-120-3);vertical-align:top}
.services-page .svc-table thead th{background:var(--c-yellow-40);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray-530-2)}
.services-page .svc-table tbody tr:last-child>*{border-bottom:0}
.services-page .svc-table tbody th{font:600 17px var(--display);letter-spacing:-.03em;white-space:nowrap}
.services-page .svc-table tbody th a{display:inline-flex;gap:10px;align-items:center}
.services-page .svc-table tbody th a:hover{color:var(--brand,var(--c-brand))}
.services-page .svc-table tbody th span{color:var(--brand,var(--c-brand));font-weight:400}
.services-page .svc-table td{color:var(--c-gray-530-2)}
.services-page .svc-table td strong{color:var(--ink);white-space:nowrap}
.services-page .svc-table-note{font-size:13px;color:var(--c-gray-530-2);margin:14px 0 0}

.services-page .svc-account{padding:80px 0;background:var(--c-yellow-70)}
.services-page .svc-account-tiles .catalog-tile{min-height:0}
.services-page .svc-account-tiles.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.services-page .svc-account-tiles.wide-first>.catalog-tile:first-child{grid-column:span 2}
.services-page .svc-account-tiles .catalog-tile:hover{transform:none;box-shadow:none}
.services-page .svc-account-tiles .catalog-tile>div span{font-size:11px;letter-spacing:.12em}
.services-page .svc-account-tiles .catalog-tile>div b{color:var(--brand,var(--c-brand))}

.services-page .svc-steps{padding:80px 0;background:var(--c-yellow-40)}
.services-page .svc-step-grid{list-style:none;margin:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.services-page .svc-step-grid>li{display:flex}
.services-page .svc-step-grid>li>article{flex:1}
.services-page .svc-step-grid>li:nth-child(2) article{background:var(--c-green-260-2)}
.services-page .svc-step-grid>li:nth-child(3) article{background:var(--c-orange-50)}
.services-page .svc-step-grid>li:nth-child(4) article{background:var(--c-purple-60)}
.services-page .svc-step-grid h3{margin-top:28px}

.services-page .svc-domains{padding:80px 0;background:var(--paper)}
.services-page .svc-domains .domain-extension-card{color:var(--ink)}
.services-page .svc-domains-free{display:flex;gap:10px;align-items:baseline;margin:22px 0 0;font-size:15px;line-height:1.7;color:var(--c-gray-530-2)}
.services-page .svc-domains-free span{color:var(--brand,var(--c-brand))}
.services-page .svc-domains-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}

.services-page .svc-cta-buttons{display:flex;flex-wrap:wrap;gap:11px;position:relative;z-index:1}
.services-page .svc-cta .btn span{font-size:16px;font-weight:400;letter-spacing:0;color:inherit}
.services-page .svc-cta-ghost{border:1px solid var(--c-white-a33);color:var(--c-white)}
.services-page .svc-cta-ghost:hover{background:var(--c-white-a12)}

@media(max-width:1100px){
  .services-page .svc-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-page .svc-account-tiles.cols-4,.services-page .svc-account-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-page .svc-account-tiles.wide-first>.catalog-tile:first-child{grid-column:auto}
  .services-page .svc-account-tiles>.catalog-tile:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:850px){
  .services-page .svc-choose,.services-page .svc-account,.services-page .svc-steps,.services-page .svc-domains{padding:56px 0}
  .services-page .svc-goals{grid-template-columns:1fr}
  .services-page .svc-step-grid{grid-template-columns:1fr}
  .services-page .svc-step-grid h3{margin-top:18px}
  .services-page .svc-table-title{margin-top:44px;font-size:24px}
  .services-page .svc-table-wrap{border:0;background:transparent;border-radius:0}
  .services-page .svc-table thead{display:none}
  .services-page .svc-table,.services-page .svc-table tbody,.services-page .svc-table tr,.services-page .svc-table th,.services-page .svc-table td{display:block}
  .services-page .svc-table tr{background:var(--c-white);border:1px solid var(--c-green-120-3);border-radius:10px;margin-bottom:12px;padding:6px 0}
  .services-page .svc-table th,.services-page .svc-table td{border:0;padding:8px 18px}
  .services-page .svc-table tbody th{padding-top:12px}
  .services-page .svc-table td:before{content:attr(data-label);display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray-440);margin-bottom:3px}
}
@media(max-width:540px){
  .services-page .svc-hero .breadcrumbs{margin-bottom:16px}
  .services-page .svc-account-tiles.cols-4,.services-page .svc-account-tiles{grid-template-columns:1fr}
  .services-page .svc-account-tiles>.catalog-tile:last-child:nth-child(odd){grid-column:auto}
  .services-page .svc-facts{flex-direction:column;gap:8px;max-width:70%}
  .services-page .svc-goals a{grid-template-columns:34px minmax(0,1fr);padding:16px}
  .services-page .svc-goals b{grid-column:2;white-space:normal}
  .services-page .svc-domains-links .btn,.services-page .svc-cta-buttons .btn{width:100%}
}