.sys-title {font-size:clamp(19px,2vw,25px);letter-spacing:-.025em;line-height:1.2;margin:8px 0 20px;font-weight:600}
.sys .sys-components {font-size:15px;line-height:1.55;color:var(--muted);margin:14px 0}
.sys-performance {margin:20px 0;text-align:left}
.sys-performance h4 {font-size:12px;font-weight:600;margin:0 0 5px}
.sys-performance .perf-context,.sys-performance .perf-disclaimer {font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 13px}
.sys-performance .perf-item {margin:13px 0}
.sys-performance .perf-label {display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:7px}
.sys-performance .perf-label strong {font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.sys-performance .pr-track {height:6px;background:var(--wash);border-radius:4px;overflow:hidden}
.sys-performance .pr-fill {height:100%;background:var(--ink);border-radius:4px}
.sys-performance details {font-size:11px;line-height:1.6;color:var(--muted)}
.sys-performance details summary {cursor:pointer}
.sys-performance a {text-underline-offset:3px}
.sys .sys-details {text-align:left}
.sys .sys-details .sd-row {grid-template-columns:76px minmax(0,1fr);overflow-wrap:anywhere}
.sys > .btn {width:100%;margin-top:14px;white-space:normal}
.sys .sys-price {margin-top:8px}
.sys details.product-extra {margin-top:15px;text-align:left;font-size:14px;line-height:1.7}
.sys details.product-extra summary{font-size:14px;font-weight:600;cursor:pointer;padding:8px 0}
.sys details.product-extra ul{padding-left:18px;margin:12px 0}
.sys-key-specs{list-style:none;padding:0;margin:18px 0 8px;text-align:left}
.sys-key-specs li{padding:10px 0;border-bottom:1px solid var(--hairline,var(--line));overflow-wrap:anywhere}
.sys-key-specs .spec-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:3px}
.sys-key-specs strong{display:block;font-size:15px;line-height:1.45;font-weight:600}
.sys .sys-price{font-size:26px;display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px}
.sys .sys-price del{font-size:16px;color:var(--muted);font-weight:400}
.sale-badge{align-self:center;padding:4px 10px;background:#e7efe9;color:#24543a;border-radius:999px;font-size:11px;font-weight:600;margin:12px 0 0}
.sale-price{color:#24543a;font-weight:650}
.sys .sys-details .sd-row{font-size:14px;grid-template-columns:1fr;gap:2px}
.sys .sys-details dd{margin:0}
.sys .sys-toggle{font-size:13px;letter-spacing:.04em}
.sys>.performance-link{font-size:13px;letter-spacing:0;line-height:1.4;padding:13px 8px;text-align:center}
.sys .sys-desc{font-size:13px}
@media(max-width:600px){.sys-title{font-size:24px}.sys-performance .perf-label{font-size:13px}}
@media(min-width:620px){.sys-title{min-height:2.4em}}

.launch-badge{align-self:center;padding:4px 10px;background:#edf0ef;color:#35443d;border-radius:999px;font-size:11px;font-weight:600;margin:12px 0 0}

/* Stock changes must not stretch descriptions or move the other card rows. */
.sys--listing .sys-desc{flex:0 0 auto;width:100%;overflow-wrap:anywhere}
.sys--listing .sys-promotion{min-height:26px;margin-top:12px;align-self:center}
.sys--listing .sys-promotion:empty{visibility:hidden}
.sys--listing .sys-purchase{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:14px;text-align:center;white-space:normal}
.sys--listing .sys-key-specs li[aria-hidden="true"]{visibility:hidden}

/* Shared tracks align titles, prices, specs and actions even when text wraps. */
@supports(grid-template-rows:subgrid){
 .sys-grid--live{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(20px,2.5vw,30px);row-gap:0}
 .sys-grid--live .sys--listing{display:grid;grid-template-rows:subgrid;grid-row:span 14;gap:0;margin-bottom:clamp(20px,2.5vw,30px)}
 .sys--listing>*{min-width:0}
 .sys--listing .sys-promotion{justify-self:center}
 .sys--listing .sys-key-specs{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
 @media(min-width:620px){.sys-grid--live{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(min-width:1040px){.sys-grid--live{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @media(min-width:1360px){.sys-grid--live{grid-template-columns:repeat(5,minmax(0,1fr))}}
}