/* Infraclusters step-by-step configurator (WHMCS configure step). Only applies when html.ics-on is set by icsteps.js. */
html.ics-on #productConfigurableOptions,
html.ics-on .ics-hide,
html.ics-on #frmConfigureProduct .product-info{display:none!important}
#icSteps{
  --ink:#16181D;--mute:#4A4E57;--soft:#8A8F99;--line:#E3E1E1;--line2:#DAD6D0;--off:#F7F5F2;--white:#fff;
  --o:#F26A1B;--r:#C8102E;--sel:#FFF4EC;--ok:#1E7A4F;--dis:#F4F3F1;
  display:flex;flex-direction:column;gap:18px;margin:0 0 24px;color:var(--ink);font-size:15px;text-align:left
}
#icSteps *{box-sizing:border-box}
#icSteps button{font:inherit;color:inherit}
#icSteps :focus-visible{outline:3px solid var(--o);outline-offset:2px}
.ics-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* step strip */
.ics-jump{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 22px 12px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ics-slab{position:relative;display:block;flex:1 1 0;max-width:86px;text-decoration:none!important;color:var(--ink)!important;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.ics-slab svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 10px 10px rgba(22,24,29,.22))}
.ics-slab:hover{transform:translateY(-6px)}
.ics-slab.ok svg{filter:drop-shadow(0 10px 10px rgba(22,24,29,.22)) drop-shadow(0 0 7px rgba(52,211,153,.45))}
.ics-slab .cap{display:block;margin-top:8px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ics-slab.ok .cap{color:#15803D}

/* sections */
.ics-card{background:#fff;border-radius:20px;padding:clamp(16px,2.4vw,26px);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:16px;scroll-margin-top:130px}
.ics-sh h2{margin:0;font-weight:800;font-size:24px;letter-spacing:-.4px;line-height:1.2}
.ics-sh p{margin:4px 0 0;color:var(--mute);font-size:14.5px;line-height:1.5}
.ics-opt{display:flex;flex-direction:column;gap:10px}
.ics-ol{font-weight:700;font-size:14px}
.ics-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.ics-grid.loc{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.ics-grid.term{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.ics-tile{display:flex;align-items:flex-start;gap:10px;text-align:left;padding:12px 14px;border-radius:12px;background:#fff;border:0;cursor:pointer;min-height:44px;box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .15s,background .15s;min-width:0}
.ics-tile.has-ic{align-items:center}
.ics-tile:hover{box-shadow:inset 0 0 0 1px var(--o)}
.ics-tile[aria-pressed="true"]{background:var(--sel);box-shadow:inset 0 0 0 2px var(--o)}
.ics-tile:disabled{background:var(--dis);color:var(--soft);cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--line)}
.ics-tt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ics-tt b{font-weight:700;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.ics-tt .s{font-size:12.5px;color:var(--mute)}
.ics-tt .p{font-size:13px;font-weight:700;color:var(--r)}
.ics-tt .p.big{font-size:20px;font-weight:800;color:var(--ink)}
.ics-tt .inc{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ok)}
.ics-ic{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px}
.ics-logo{width:28px;height:28px;object-fit:contain}
.ics-chk{align-items:center;max-width:460px}
.ics-box{flex:0 0 20px;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 2px var(--line2);background:#fff}
.ics-chk[aria-pressed="true"] .ics-box{background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:none}
.ics-sel,.ics-qty{height:42px;max-width:520px;width:100%;padding:0 12px;border-radius:10px;border:0;box-shadow:inset 0 0 0 1px var(--line2);background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--ink)}
.ics-drow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--off);max-width:640px}
.ics-drow .ics-sel{flex:1 1 240px;width:auto}
.ics-seg{display:inline-flex;padding:3px;border-radius:10px;background:#ECE9E5}
.ics-segb{padding:6px 13px;min-height:32px;border-radius:8px;border:0;cursor:pointer;font-size:12.5px;font-weight:700;background:transparent;color:var(--mute)}
.ics-segb[aria-pressed="true"]{background:var(--ink)!important;color:#fff!important}
.ics-segb:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.ics-note{margin:0;font-size:13px;color:var(--mute)}
.ics-note.warn{color:var(--r);font-weight:600}
.ics-prod{padding:14px 16px;border-radius:12px;background:var(--off)}
.ics-prod *{margin:0}
.ics-prod .ic-product-art,.ics-prod img,.ics-prod p:empty{display:none!important}
.ics-prod .product-title{font-weight:800;font-size:17px;margin-bottom:4px}
.ics-prod .ic-lede{color:var(--mute);font-size:14px;margin-bottom:10px}
.ics-prod .ic-specs{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 18px;font-size:13px}
.ics-prod .ic-specs li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:4px 0}
.ics-prod .ic-specs b{color:var(--mute);font-weight:600}
.ics-prod .ic-note{margin-top:10px;font-size:13px;color:var(--r);font-weight:600}
.ics-slot-host .field-container{margin:0}

@media (max-width:760px){
  .ics-jump{flex-wrap:wrap;justify-content:center;row-gap:10px;padding:14px 10px 10px;position:static}
  .ics-slab{flex:0 0 21%}
  .ics-grid,.ics-grid.loc,.ics-grid.term{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){.ics-grid,.ics-grid.term{grid-template-columns:1fr}}