/* New panels are homepage/desktop-only. The existing card window is untouched. */
.catalog-rail--left {display:none;}
.home-empty-panel {display:none;}
@media(hover:hover) and (pointer:fine){
 /* Keep the inner edges fixed beside the 1480px search/card window. Fill only
    outwards, leaving the same gap to the canvas edge and between all panels.
    Below 1920px the existing desktop canvas is scaled, not reflowed. */
 .catalog-home-blocks .catalog-rail {--home-rail-gap:18px;left:calc(50% + 740px + var(--home-rail-gap));width:calc(max(960px,50vw) - 740px - 2 * var(--home-rail-gap));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--home-rail-gap);}
 .catalog-home-blocks .catalog-rail--left {display:grid;left:auto;right:calc(50% + 740px + var(--home-rail-gap));}
 .catalog-home-blocks .home-empty-panel {display:flex;}
 .catalog-home-blocks .hero-bottom-left {left:18px;top:calc(var(--topbar-h) + 100px);bottom:auto;width:calc(max(960px,50vw) - 776px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
 .catalog-home-blocks .hero-bottom-left > button {display:flex;align-items:center;min-width:0;justify-content:center;gap:2px;padding:6px 1px;font:700 11px/16px var(--font);white-space:nowrap;text-align:center;}
 .catalog-home-blocks .hero-bottom-left svg,.catalog-home-blocks .hero-bottom-left .hits-flame {display:block;flex:0 0 14px;width:14px;height:16px;margin:0;}
 .catalog-home-blocks .hero-bottom-left .hits-flame {font-size:14px;line-height:16px;text-align:center;}
 .catalog-home-blocks .hero-bottom-left > button > [data-i18n] {display:block;line-height:16px;}
 .catalog-home-blocks .about-service-link {top:calc(100% + 960px - 18px);right:18px;bottom:auto;translate:0 -100%;}
 /* Crop only the display viewport around the emblem, not the original file. */
 .home-new-panel .catalog-brand-mark:has(img[data-icon-original$="/changan.png"]) {position:relative;overflow:hidden;background:#edf1f5;}
 .home-new-panel .catalog-brand-mark img[data-icon-original$="/changan.png"] {position:absolute;width:100px;height:auto;max-width:none;left:-14px;top:-19px;filter:none;}
}
@media(hover:hover) and (pointer:fine) and (min-width:2100px){
 .catalog-home-blocks .hero-bottom-left > button {font-size:12px;}
}
/* Keep the longer Kazakh label readable instead of shrinking its text. */
@media(hover:hover) and (pointer:fine) and (max-width:2099px){
 .catalog-home-blocks:lang(kk) .hero-bottom-left {top:calc(var(--topbar-h) + 88px);}
 .catalog-home-blocks:lang(kk) .hero-bottom-left > button {min-height:46px;white-space:normal;}
 .catalog-home-blocks:lang(kk) .hero-bottom-left > button > [data-i18n] {min-width:0;}
}
.catalog-rail--left .home-panel-footer {flex:0 0 auto;padding-top:7px;margin-top:4px;border-top:1px solid var(--line);color:var(--amber);font:600 12px/1.3 var(--font);text-decoration:none;}
.catalog-rail--left .home-panel-footer:hover {text-decoration:underline;}
.catalog-rail--left .home-panel-note {color:var(--ink-3);font:500 12px/1.5 var(--font);padding:6px 0;}
.home-custom-budget {flex:0 0 auto;margin-top:4px;}
.home-custom-budget form {margin:0;}
.home-budget-heading {display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:4px;color:var(--amber);font:600 11px/1.3 var(--font);}
.home-budget-inputs {display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.home-budget-inputs input,.home-tire-form input,.home-tire-form select {display:block;box-sizing:border-box;min-width:0;width:100%;height:28px;margin:0;padding:4px 6px;border:1px solid var(--line,#343a42);border-radius:5px;background:var(--panel,#11151b);color:var(--ink,#e8ebf1);font:500 12px/18px var(--font,system-ui,sans-serif);}
.home-budget-inputs input::-webkit-inner-spin-button,.home-tire-form input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.home-budget-inputs input,.home-tire-form input {appearance:textfield;-moz-appearance:textfield;}
.home-budget-inputs input:focus-visible,.home-tire-form input:focus-visible,.home-tire-form select:focus-visible {outline:1px solid var(--amber,#ffb400);outline-offset:1px;}
.home-tire-form select:disabled {opacity:.5;cursor:not-allowed;}
.home-custom-budget button,.home-tire-form button {box-sizing:border-box;width:100%;height:28px;margin-top:5px;padding:3px 7px;border:1px solid var(--amber,#ffb400);border-radius:5px;background:rgba(var(--amber-rgb,255,180,0),.12);color:var(--amber,#ffb400);font:700 12px/18px var(--font,system-ui,sans-serif);cursor:pointer;}
.home-custom-budget button:hover,.home-tire-form button:hover {background:rgba(var(--amber-rgb,255,180,0),.22);}
.home-budget-heading button {flex:0 0 auto;width:auto;height:22px;margin:0;padding:2px 5px;font-size:11px;line-height:16px;}
.home-budget-inputs input:focus {outline:1px solid var(--amber,#ffb400);outline-offset:-1px;border-color:var(--amber,#ffb400);}
.home-tire-form {display:flex;flex-direction:column;gap:5px;min-height:0;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;}
.home-tire-form::-webkit-scrollbar {display:none;}
.home-tire-form button {flex:0 0 28px;margin:0;}
.home-tire-status {margin:0;color:var(--ink-3,#aab0ba);font:500 11px/1.3 var(--font,system-ui,sans-serif);}
.home-tire-form [aria-busy=true] {cursor:progress;}
.home-tire-dialog {box-sizing:border-box;width:min(640px,calc(100vw - 40px));max-height:80vh;padding:20px;border:1px solid rgba(var(--amber-rgb,255,180,0),.6);border-radius:12px;background:var(--panel,#11151b);color:var(--ink,#e8ebf1);font:400 14px/1.5 var(--font,system-ui,sans-serif);overflow:auto;}
.home-tire-dialog::backdrop {background:rgba(0,0,0,.72);}
.home-tire-dialog header {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;}
.home-tire-dialog h2 {margin:0;color:var(--amber,#ffb400);font-size:18px;}
.home-tire-dialog h3,.home-tire-results h3 {font-size:14px;line-height:1.5;}
.home-tire-close {flex:0 0 28px;min-height:28px;border:1px solid var(--line,#343a42);border-radius:5px;background:transparent;color:inherit;cursor:pointer;}
.home-tire-table {width:100%;border-collapse:collapse;text-align:left;font-size:13px;}
.home-tire-table th,.home-tire-table td {padding:7px 8px;border-bottom:1px solid var(--line,#343a42);overflow-wrap:anywhere;}
.home-tire-table th {color:var(--amber,#ffb400);}
.home-tire-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0;}
.home-tire-facts dt {font-size:12px;color:var(--ink-3,#aab0ba);}
.home-tire-facts dd {margin:0;overflow-wrap:anywhere;}
.home-tire-note {color:var(--ink-3,#aab0ba);font-size:12px;}
/* Native GET fallback for the same lookup, including browsers without JS. */
.home-tire-page {--panel:#11151b;--ink:#e8ebf1;--ink-3:#aab0ba;--line:#343a42;--amber:#ffb400;--amber-rgb:255,180,0;--font:system-ui,sans-serif;margin:0;background:#090c10;color:var(--ink);font:400 15px/1.5 var(--font);}
.home-tire-page main {box-sizing:border-box;width:min(720px,100%);margin:32px auto;padding:20px;}
.home-tire-page a {color:var(--amber);}
.home-tire-page h1 {font-size:24px;}
.home-tire-page .home-tire-form {max-width:340px;margin:20px 0;}
.home-tire-page .home-tire-form input,.home-tire-page .home-tire-form select,.home-tire-page .home-tire-form button {height:36px;font-size:14px;}