/* /ceny/: shelf of systems above the tables, table fixes (2026-10-19). Loaded only by /ceny/. */

/* Shelf: one card per system with its starting price, links to the table below */
.page-prices .prices-hero{padding-bottom:8px}
.page-prices .price-shelf{margin-block:24px 8px}
.page-prices .price-shelf-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.page-prices .price-shelf-card{display:grid;grid-template-rows:96px auto 1fr auto auto;height:100%;padding:20px 20px 18px;border-radius:var(--ds-radius-card);background:var(--ds-color-surface-assistant);color:var(--ds-color-text);text-decoration:none;transition:box-shadow var(--ds-motion-fast) var(--ds-motion-ease),transform var(--ds-motion-fast) var(--ds-motion-ease),background var(--ds-motion-fast) var(--ds-motion-ease)}
.page-prices .price-shelf-card img{width:100%;height:96px;object-fit:contain;object-position:left center;margin-bottom:16px}
.page-prices .price-shelf-name{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.page-prices .price-shelf-what{margin-top:4px;font-size:14px;line-height:1.45;color:var(--ds-color-text-secondary)}
.page-prices .price-shelf-price{display:flex;align-items:baseline;gap:6px;margin-top:20px;font-size:14px;color:var(--ds-color-text-secondary)}
.page-prices .price-shelf-price strong{font-size:24px;font-weight:600;letter-spacing:-.03em;color:var(--ds-color-text);white-space:nowrap;font-variant-numeric:tabular-nums}
.page-prices .price-shelf-range{margin-top:2px;font-size:13px;color:var(--ds-color-text-secondary)}
@media(hover:hover){.page-prices .price-shelf-card:hover{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-card-hover);transform:translateY(-2px)}}
.page-prices .price-shelf-card:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.page-prices .price-shelf-card{transition:none}.page-prices .price-shelf-card:hover{transform:none}}

/* Section headings: the action next to each table is a real button */
.page-prices .full-price-heading>.button{margin-top:0;white-space:nowrap;justify-self:end}

/* Tables: row stripe runs through the sticky first column too */
.page-prices .full-price-table tbody tr:nth-child(even)>th{background:var(--ds-color-surface-soft)}
@media(hover:hover){.page-prices .full-price-table tbody tr:hover>th{background:var(--ds-color-surface-assistant)}}
/* Two-column tables: keep the price next to its row instead of across the page */
.page-prices .full-price-scroll.is-narrow{max-width:640px}
/* CUBE: version group above the size columns */
.page-prices .full-price-table .price-group-row>*{padding-block:12px 0;border-bottom:0;background:var(--ds-color-surface-assistant);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:right;color:var(--ds-color-accent)}
.page-prices .full-price-table .price-group-row>th+th{border-left:1px solid var(--ds-color-border)}
.page-prices #price-cube .full-price-table thead tr:last-child th:nth-child(4){border-left:1px solid var(--ds-color-border)}

/* Systems with a short two-column table: description left, table right, so the page is shorter */
@media(min-width:1001px){
 .page-prices .full-price-group:has(>.full-price-scroll.is-narrow){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:56px;align-items:start}
 .page-prices .full-price-group:has(>.full-price-scroll.is-narrow)>.full-price-heading{grid-template-columns:72px minmax(0,1fr);margin:0}
 .page-prices .full-price-group:has(>.full-price-scroll.is-narrow)>.full-price-heading>.button{grid-column:2;justify-self:start}
 .page-prices .full-price-group:has(>.full-price-scroll.is-narrow)>.full-price-scroll{max-width:none;margin:0}
}

@media(max-width:1200px){
 .page-prices .price-shelf-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .page-prices .price-shelf{margin-block:16px 0}
 .page-prices .price-shelf-list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--ds-color-border)}
 .page-prices .price-shelf-card{grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"img name price" "img what range";column-gap:14px;row-gap:2px;align-items:center;padding:14px 0;border-radius:0;border-bottom:1px solid var(--ds-color-border);background:none}
 .page-prices .price-shelf-card img{grid-area:img;width:56px;height:56px;margin:0;object-position:center}
 .page-prices .price-shelf-name{grid-area:name;font-size:16px}
 .page-prices .price-shelf-what{grid-area:what;margin:0;font-size:13px;line-height:1.35}
 .page-prices .price-shelf-price{grid-area:price;justify-self:end;margin:0;gap:4px;font-size:12px}
 .page-prices .price-shelf-price strong{font-size:16px;letter-spacing:-.01em}
 .page-prices .price-shelf-range{grid-area:range;justify-self:end;margin:0;font-size:12px;text-align:right}
 .page-prices .full-price-heading>.button{justify-self:stretch;width:100%}
 /* CUBE fits the screen: all four versions visible without sideways scroll */
 .page-prices #price-cube .full-price-table{min-width:0}
 .page-prices #price-cube .full-price-table th,.page-prices #price-cube .full-price-table td{padding:11px 4px;font-size:12.5px;letter-spacing:0}
 .page-prices #price-cube .full-price-table th:first-child{padding-inline:4px 0}
 .page-prices #price-cube .full-price-table td:last-child,.page-prices #price-cube .full-price-table thead th:last-child{padding-right:8px}
 .page-prices #price-cube .full-price-table thead th{font-size:12px}
 .page-prices #price-cube .matrix-hint{display:none}
 .page-prices #price-cube .full-price-table .price-group-row>*{font-size:12px;letter-spacing:0;text-transform:none;white-space:normal}
}