/* Shared game/VPS configuration catalogue. Live catalogue data stays in its original controls. */
#cubix-site .cs-offer-ledger { display:grid; grid-template-columns:minmax(0,1fr); gap:14px }
#cubix-site .cs-offer-ledger .cs-offer-row { display:grid; grid-template-columns:minmax(180px,1.15fr) minmax(260px,1.3fr) minmax(180px,.95fr) minmax(210px,1.05fr); gap:0 24px; align-items:center; padding:24px 26px 0; border:1px solid #c7d9e1; border-inline-start:3px solid #3a7884; border-radius:10px; background:#fff; color:#173140; box-shadow:none; overflow:hidden; transition:border-color .15s }
#cubix-site .cs-offer-ledger .cs-offer-row:hover { transform:none; box-shadow:none; border-color:#799fab; border-inline-start-color:#1d6876 }
#cubix-site .cs-offer-ledger .cs-offer-row.is-selected { border-color:#086f78; box-shadow:0 0 0 1px #086f78 }
#cubix-site .cs-offer-ledger .cs-commercial-card-heading { grid-column:1; grid-row:1; display:block; min-height:0; margin:0; padding:0; background:transparent; border:0; align-self:start }
#cubix-site .cs-offer-ledger .cs-commercial-card-heading h3 { color:#173140; font-size:20px; line-height:1.4; font-weight:650; letter-spacing:-.025em; margin:4px 0 10px }
#cubix-site .cs-offer-ledger .cs-commercial-kind { display:block; color:#476675; font-size:12px; line-height:1.5; font-weight:500; text-transform:none; letter-spacing:0; margin:0 }
#cubix-site .cs-offer-ledger .cs-commercial-card-heading .cs-commercial-host { margin:0; padding:0; font-size:12px; line-height:1.7; color:#49616f }
#cubix-site .cs-offer-ledger .cs-commercial-card-heading .cs-commercial-host span { color:#314f5d; font-weight:500 }
#cubix-site .cs-offer-ledger .cs-commercial-specs { grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; padding:0; border:0; align-self:center }
#cubix-site .cs-offer-ledger .cs-commercial-specs>div { display:block; padding:0; border:0; min-width:0 }
#cubix-site .cs-offer-ledger .cs-commercial-specs dt { display:block; min-width:0; min-height:3em; margin:0 0 8px; color:#49616f; font-size:13px; line-height:1.5; font-weight:400; overflow-wrap:anywhere }
#cubix-site .cs-offer-ledger .cs-commercial-specs dt svg { display:none }
#cubix-site .cs-offer-ledger .cs-commercial-specs dd { margin:0; color:#173140; font-size:18px; font-weight:600; line-height:1.5; text-align:start; font-variant-numeric:tabular-nums; overflow-wrap:anywhere }
#cubix-site .cs-offer-ledger .cs-commercial-prices { grid-column:3; grid-row:1; margin:0; padding:0; border:0; background:transparent; align-self:center }
#cubix-site .cs-offer-ledger .cs-commercial-prices>[data-cs-period]:not([hidden]) { display:block }
#cubix-site .cs-offer-ledger .cs-commercial-price-label { display:block; margin:0 0 5px; color:#49616f; font-size:12px; line-height:1.5 }
#cubix-site .cs-offer-ledger .cs-commercial-prices strong.cs-commercial-price { display:inline-block; color:#123b49; font-size:30px; font-weight:650; line-height:1.25; letter-spacing:-.035em; margin-inline-end:8px; font-variant-numeric:tabular-nums }
#cubix-site .cs-offer-ledger .cs-commercial-period { display:inline-block; padding:0; color:#49616f; font-size:13px; line-height:1.6 }
#cubix-site .cs-offer-ledger .cs-commercial-prices .cs-commercial-renewal { display:block; margin:7px 0 0; padding:0; border:0; color:#49616f; font-size:13px; line-height:1.6 }
#cubix-site .cs-offer-ledger .cs-commercial-renewal strong,#cubix-site .cs-offer-ledger .vp-equivalent strong { font-size:14px; color:#173140; font-weight:600 }
#cubix-site .cs-offer-ledger .cs-commercial-prices :is(.cs-commercial-setup,.vp-equivalent) { color:#49616f; font-size:12px; line-height:1.6; margin:4px 0 0 }
#cubix-site .cs-offer-ledger .cs-commercial-prices .os-intro-price { display:table; padding:0; border:0; border-radius:0; background:transparent; color:#176b53; font-size:12px; line-height:1.6; font-weight:600; margin:0 0 5px }
#cubix-site .cs-offer-ledger .cs-commercial-prices .os-renewal-saving { font-size:12px; margin-top:6px }
#cubix-site .cs-offer-ledger .cs-commercial-prices .os-renewal-saving summary { color:#176b53; min-height:36px }
#cubix-site .cs-offer-ledger .cs-commercial-actions { grid-column:4; grid-row:1; display:flex; flex-direction:column; gap:6px; margin:0; padding:0; align-self:center }
#cubix-site .cs-offer-ledger .cs-commercial-actions .btn { width:100%; min-height:48px; padding:11px 14px; border-radius:6px; font-size:14px!important; line-height:1.5; text-align:start; justify-content:space-between; gap:12px; box-shadow:none }
#cubix-site .cs-offer-ledger .cs-commercial-actions .btn>span { flex:none }
#cubix-site .cs-offer-ledger .cs-commercial-compare-choice { width:100%; min-height:40px; margin:0; gap:8px; font-size:12px; line-height:1.5 }
#cubix-site .cs-offer-ledger .cs-commercial-compare-choice>span { font-size:12px; line-height:1.5; color:#49616f }
#cubix-site .cs-offer-ledger .cs-commercial-compare-choice input { width:17px; height:17px }
#cubix-site .cs-offer-ledger .cs-offer-row>:is(.cs-commercial-warning,.cs-commercial-license,[data-cs-offer-delivery]) { grid-column:1/-1; margin:12px 0 0; padding:0; font-size:13px; line-height:1.6; color:#49616f }
#cubix-site .cs-offer-ledger .cs-offer-details { grid-column:1/-1; margin:20px -26px 0; padding:0; background:#f4f8fa; border:0; border-top:1px solid #d9e5eb; border-radius:0; overflow:hidden }
#cubix-site .cs-offer-ledger .cs-offer-details>summary { display:flex; align-items:center; gap:20px; list-style:none; min-height:46px; padding:11px 26px; color:#265260; font-size:13px; line-height:1.6; font-weight:600; cursor:pointer }
#cubix-site .cs-offer-ledger .cs-offer-details>summary::after { content:''; width:8px; height:8px; flex:none; margin-inline-start:auto; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .15s }
#cubix-site .cs-offer-ledger .cs-offer-details[open]>summary::after { transform:rotate(225deg) }
#cubix-site .cs-offer-ledger .cs-offer-details>summary:focus-visible { outline:3px solid #087883; outline-offset:-4px }
#cubix-site .cs-offer-ledger .cs-offer-details-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:36px; padding:10px 26px 26px }
#cubix-site .cs-offer-ledger .cs-offer-details-body:not(:has(.cs-player-guidance)) { grid-template-columns:1fr }
#cubix-site .cs-offer-ledger .cs-offer-inclusions { display:grid; gap:12px; align-content:start; min-width:0 }
#cubix-site .cs-offer-ledger .cs-offer-inclusions .os-card-inclusion { margin:0; padding:0; border:0; background:transparent; color:#49616f; font-size:14px; line-height:1.7; display:flex; align-items:flex-start; gap:8px }
#cubix-site .cs-offer-ledger .cs-offer-inclusions .os-card-inclusion svg { flex:none; margin-top:4px; color:#2f7683 }
#cubix-site .cs-offer-ledger .cs-offer-inclusions .os-card-inclusion>span { color:#49616f; font-size:14px; line-height:1.7 }
#cubix-site .cs-offer-ledger .cs-player-guidance { margin:0; padding:0; border:0; background:transparent; border-radius:0; color:#49616f; min-width:0 }
#cubix-site .cs-offer-ledger .cs-player-heading>span { display:none }
#cubix-site .cs-offer-ledger .cs-player-heading small { color:#49616f; font-size:13px }
#cubix-site .cs-offer-ledger .cs-player-heading strong { color:#173140; font-size:17px; line-height:1.5; font-weight:600 }
#cubix-site .cs-offer-ledger .cs-player-guidance p { font-size:13px; line-height:1.7; margin:9px 0 0 }
#cubix-site .cs-offer-ledger .vps-bandwidth-offer { margin:0; padding:0; border:0; border-radius:0; background:transparent }
html[dir=rtl] #cubix-site .cs-offer-ledger :is(h3,.cs-commercial-price) { letter-spacing:0 }
@media(max-width:1149px) {
 #cubix-site .cs-offer-ledger { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px }
 #cubix-site .cs-offer-ledger .cs-offer-row { display:grid; grid-template-columns:minmax(0,1fr); padding:0; border:1px solid #c7d9e1; gap:0; align-items:start }
 #cubix-site .cs-offer-ledger .cs-commercial-card-heading { grid-column:1; grid-row:auto; order:0; padding:22px; background:#10313e; align-self:stretch; min-height:138px }
 #cubix-site .cs-offer-ledger .cs-commercial-card-heading h3 { color:#fff; font-size:22px; margin:7px 0 10px }
 #cubix-site .cs-offer-ledger .cs-commercial-kind { color:#b8e0e3 }
 #cubix-site .cs-offer-ledger .cs-commercial-card-heading .cs-commercial-host,#cubix-site .cs-offer-ledger .cs-commercial-card-heading .cs-commercial-host span { color:#d6e7ed }
 #cubix-site .cs-offer-ledger .cs-commercial-specs { grid-column:1; grid-row:auto; order:1; margin:0; padding:22px; gap:14px }
 #cubix-site .cs-offer-ledger .cs-commercial-specs dd { font-size:17px }
 #cubix-site .cs-offer-ledger .cs-commercial-prices { grid-column:1; grid-row:auto; order:2; margin:0 22px; padding:18px 0; border-top:1px solid #d9e5eb }
 #cubix-site .cs-offer-ledger .cs-commercial-actions { grid-column:1; grid-row:auto; order:4; padding:0 22px 20px; margin-top:auto }
 #cubix-site .cs-offer-ledger .cs-offer-row>:is(.cs-commercial-warning,.cs-commercial-license,[data-cs-offer-delivery]) { grid-column:1; grid-row:auto; order:3; padding:0 22px 18px; margin:0 }
 #cubix-site .cs-offer-ledger .cs-offer-details { grid-column:1; grid-row:auto; order:5; margin:0; align-self:end }
 #cubix-site .cs-offer-ledger .cs-offer-details>summary { padding-inline:22px }
 #cubix-site .cs-offer-ledger .cs-offer-details-body { grid-template-columns:1fr; padding:6px 22px 22px; gap:22px }
 #cubix-site .cs-offer-ledger .cs-player-guidance { border-top:1px solid #d9e5eb; padding-top:18px }
}
@media(max-width:600px) {
 #cubix-site .cs-offer-ledger { grid-template-columns:minmax(0,1fr); gap:18px }
 #cubix-site .cs-offer-ledger .cs-commercial-card-heading { min-height:0; padding:22px }
 #cubix-site .cs-offer-ledger .cs-commercial-specs { gap:12px; padding:22px }
 #cubix-site .cs-offer-ledger .cs-commercial-specs dt { font-size:12px }
 #cubix-site .cs-offer-ledger .cs-commercial-specs dd { font-size:16px }
 #cubix-site .cs-offer-ledger .cs-commercial-actions .btn { min-height:50px; font-size:15px!important }
}
@media(prefers-reduced-motion:reduce) {
 #cubix-site .cs-offer-ledger .cs-offer-row,#cubix-site .cs-offer-ledger .cs-offer-details>summary::after { transition:none }
}
