/* Scoped product selection refinements; checkout keeps the shared brand system. */
.sn-suite[data-product=catalogue] .catalogue-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}
.sn-suite[data-product=catalogue] .catalogue-filters button{min-height:34px;padding:4px 12px;border:1px solid #ffffff40;border-radius:8px;background:#171719;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.sn-suite[data-product=catalogue] .catalogue-filters button:hover{border-color:#c6ff3d}
.sn-suite[data-product=catalogue] .catalogue-filters button[aria-pressed=true]{background:#c6ff3d;color:#101308;border-color:#c6ff3d;font-weight:650}
.sn-suite[data-product=catalogue] .selection-status{color:#d7d8dd;font-size:13px;line-height:1.6;margin:0 0 18px}
.sn-suite[data-product=catalogue] .group-heading{letter-spacing:normal;text-transform:none;font-size:14px!important}
.sn-suite[data-product=catalogue] .hosting-option.on{border-color:#c6ff3d;box-shadow:0 0 0 1px #c6ff3d}
.sn-suite[data-product=catalogue] .hosting-option.on .radio{border-color:#c6ff3d;box-shadow:inset 0 0 0 3px #171719,inset 0 0 0 9px #c6ff3d}
.sn-suite[data-product=catalogue] .hosting-option :is(b,small),.sn-suite[data-product=catalogue] .cat-price{font-variant-numeric:tabular-nums}
.sn-suite[data-product=catalogue] .hosting-option strong{overflow-wrap:anywhere}
.sn-suite[data-product=catalogue] .hosting-option.custom b{white-space:normal}
.sn-suite[data-product=catalogue] .domUnavail{color:#ffb9b9}
@media(max-width:540px){.sn-suite[data-product=catalogue] .catalogue-filters{gap:6px}.sn-suite[data-product=catalogue] .catalogue-filters button{flex:0 1 auto}}
@media(prefers-reduced-motion:reduce){.sn-suite[data-product=catalogue] :is(.hosting-option,.chev,.btn){transition:none}}
.sn-suite[data-product=catalogue] .hosting-option-select{align-items:stretch;text-align:center!important;justify-content:flex-start}
.sn-suite[data-product=catalogue] .hosting-option-select>p{flex:1;min-height:0}
.sn-suite[data-product=catalogue] .hosting-option-select>.free{text-align:center}

/* The buy flow uses compact, centered actions and one plan-name treatment. */
html body.sn-suite[data-product=catalogue] :is(#main,.side,.basket-dialog) .btn{
  min-height:34px;height:auto;padding:4px 12px;border-radius:8px;
  font-size:13px;line-height:1.5;font-weight:650;justify-content:center!important;text-align:center!important;
}
html body.sn-suite[data-product=catalogue] :is(#main,.side,.basket-dialog) .btn-cta{padding-inline:34px}
html body.sn-suite[data-product=catalogue] .btn-cta svg{right:12px;width:16px;height:16px}
html body.sn-suite[data-product=catalogue] .catalogue-filters button{justify-content:center!important;text-align:center!important;border-radius:8px}
html body.sn-suite[data-product=catalogue] :is(.bill-toggle,.tabs) button{min-height:34px;height:auto;padding:4px 12px;justify-content:center!important;text-align:center!important}
html body.sn-suite[data-product=catalogue] .find-number button{min-height:34px;padding:4px 12px;font-size:13px;justify-content:center!important;text-align:center!important}
html body.sn-suite[data-product=catalogue] :is(.hosting-option strong,.item-select>b){
  font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:700;line-height:1.4;
  letter-spacing:normal;color:#fff;overflow-wrap:anywhere;
}
html body.sn-suite[data-product=catalogue] .hosting-option strong{padding-inline:24px;text-align:center;margin-bottom:8px}
html body.sn-suite[data-product=catalogue] .hosting-option.custom{
  flex-direction:column;align-items:center;justify-content:center!important;text-align:center!important;gap:12px;padding:16px;
}
html body.sn-suite[data-product=catalogue] .hosting-option.custom>span{width:100%;max-width:65ch}
html body.sn-suite[data-product=catalogue] .hosting-option.custom strong{padding:0}
html body.sn-suite[data-product=catalogue] .hosting-option.custom b{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;
  padding:4px 12px;border:1px solid #ffffff40;border-radius:8px;font-size:13px;
}
html body.sn-suite[data-product=catalogue] .hosting-option.custom ul.feat{width:fit-content;margin-inline:auto;text-align:left}
html body.sn-suite[data-product=catalogue] .hosting-option.custom:hover b{border-color:#c6ff3d;color:#c6ff3d}
html body.sn-suite[data-product=catalogue] .hosting-option.custom .sn-action-icon{margin-left:0!important}
/* Selection is a visible fill and check, independent of decorative card shadows. */
html body.sn-suite[data-product=catalogue] :is(.hosting-option .radio,.item .tick){
  display:grid;place-items:center;box-sizing:border-box;width:20px;height:20px;
  border:1px solid #92959e;background:#171719;color:#101308;box-shadow:none;
  pointer-events:none;flex:none;
}
html body.sn-suite[data-product=catalogue] :is(.hosting-option.on .radio,.item.on .tick){background:#c6ff3d;border-color:#c6ff3d;box-shadow:none}
html body.sn-suite[data-product=catalogue] :is(.hosting-option.on .radio,.item.on .tick)::after{
  content:'';width:12px;height:12px;margin:0;background:#101308;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
html body.sn-suite[data-product=catalogue] input:is([type=checkbox],[type=radio]):not([role=switch]){
  box-sizing:border-box;width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;
  background-position:center;background-size:16px 16px;background-repeat:no-repeat;flex:0 0 20px;
}
html body.sn-suite[data-product=catalogue] input:is([type=checkbox],[type=radio]):checked{background-color:#c6ff3d!important;border-color:#c6ff3d!important}
html body.sn-suite[data-product=catalogue] .basket-dialog [data-close-basket]{
  display:grid!important;place-items:center;justify-content:center!important;align-items:center;
  width:40px;height:40px;min-width:40px;min-height:40px;padding:0;gap:0;flex:0 0 40px;
}
html body.sn-suite[data-product=catalogue] [data-close-basket]>svg{display:block;margin:0!important;position:static;transform:none;order:0}
@media(forced-colors:active){html body.sn-suite[data-product=catalogue] input:is([type=checkbox],[type=radio]){appearance:auto;background-image:none}}
/* Filters share the content column's center, including when they wrap. */
html body.sn-suite[data-product=catalogue] .catalogue-filters{justify-content:center}
html body.sn-suite[data-product=catalogue] .hosting-option{display:flex;flex-direction:column}
html body.sn-suite[data-product=catalogue] .hosting-option-select{height:auto;flex:1;min-height:0;justify-content:flex-start!important}
html body.sn-suite[data-product=catalogue] .hosting-option .qty,
html body.sn-suite[data-product=catalogue] .item .qty{
  position:static;transform:none;display:flex;align-items:center;justify-content:center;
  flex:none;gap:6px;margin:12px 0 0;padding:0;
}
html body.sn-suite[data-product=catalogue] .item .qty{padding:0 14px 14px}
html body.sn-suite[data-product=catalogue] .item:has(.qty) .item-select{display:block;padding:14px}
html body.sn-suite[data-product=catalogue] .qty button{
  display:grid;place-items:center;justify-content:center!important;align-items:center;
  box-sizing:border-box;width:34px;height:34px;min-height:34px;padding:0;flex:0 0 34px;
  border:1px solid #ffffff40;border-radius:6px!important;line-height:1;font-size:17px;
}
html body.sn-suite[data-product=catalogue] .qty span:nth-child(2){display:grid;place-items:center;border:0;background:transparent;width:28px;height:34px;min-width:28px;font-variant-numeric:tabular-nums}
html body.sn-suite[data-product=catalogue] .qty span:nth-child(4){display:inline;font-size:12px;margin-left:4px}
html body.sn-suite[data-product=catalogue] .hosting-option.contact-plan{
  grid-column:auto;align-items:stretch;justify-content:flex-start!important;text-align:center!important;padding:16px;gap:12px;
}
html body.sn-suite[data-product=catalogue] .contact-plan>span{display:flex;flex:1;flex-direction:column}
html body.sn-suite[data-product=catalogue] .contact-plan ul.feat{flex:1;align-content:start}
html body.sn-suite[data-product=catalogue] .contact-plan>b{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;min-height:34px;padding:4px 12px;border:1px solid #ffffff40;border-radius:8px;font-size:13px}
html body.sn-suite[data-product=catalogue] .contact-plan:hover>b{border-color:#c6ff3d;color:#c6ff3d}
html body.sn-suite[data-product=catalogue] .contact-plan>b .sn-action-icon{margin:0!important}