/* Shared storefront palettes, header, footer and primary actions. */
:root:is([data-design="home-v2"],[data-design="catalog-v2"],[data-design="service-v2"],[data-design="store-v2"]){--ui-font:Play,Arial,sans-serif;--content-width:1236px;--page-gutter:32px;
 --image-surface:0 0% 100%;--on-brand:0 0% 100%;--accent:355 85% 47%;
 --space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;}
:root:is([data-design="home-v2"],[data-design="catalog-v2"],[data-design="service-v2"],[data-design="store-v2"])[data-theme="light"]{--canvas:213 50% 99%;--surface:0 0% 100%;--surface-muted:212 38% 95%;--surface-strong:215 47% 12%;
 --ink:220 65% 10%;--ink-soft:216 44% 20%;--ink-muted:215 24% 43%;--line:214 35% 83%;
 --brand:212 100% 40%;--brand-solid:212 100% 35%;--brand-soft:211 90% 94%;
 --success:146 61% 28%;--warning:33 86% 31%;--danger:0 67% 41%;--on-danger:0 0% 100%;}
:root:is([data-design="home-v2"],[data-design="catalog-v2"],[data-design="service-v2"],[data-design="store-v2"])[data-theme="dark"]{--canvas:211 50% 7%;--surface:211 43% 10%;--surface-muted:212 35% 15%;--surface-strong:211 38% 19%;
 --ink:210 45% 98%;--ink-soft:213 30% 90%;--ink-muted:215 25% 72%;--line:213 25% 29%;
 --brand:211 100% 67%;--brand-solid:212 100% 43%;--brand-soft:212 70% 19%;
 --success:145 55% 60%;--warning:38 85% 67%;--danger:0 80% 69%;--on-danger:0 0% 100%;}
.storefront-page{font:16px/1.4 var(--ui-font);color:hsl(var(--ink));background:hsl(var(--canvas))}
.home-container{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-width);margin-inline:auto}
.storefront-page h1,.storefront-page h2,.storefront-page h3{overflow-wrap:normal;letter-spacing:-.8px}
/* Default link color must not override button and component foregrounds. */
:where(.storefront-page) a{color:hsl(var(--brand))}
.storefront-page .home-action{background:hsl(var(--accent));color:hsl(var(--on-brand));border:1px solid hsl(var(--accent));border-radius:3px;min-height:44px;padding:10px 18px;font-size:15px;line-height:1.2;gap:12px}
.storefront-page .home-action:hover{background:hsl(var(--accent)/.9);color:hsl(var(--on-brand));text-decoration:none}
.storefront-page .home-action:disabled{opacity:1;background:hsl(var(--accent)/.58);border-color:transparent;cursor:not-allowed}
.home-header a{color:hsl(var(--ink));text-decoration:none}
.home-header a:hover{color:hsl(var(--brand))}
.home-topbar{background:hsl(var(--brand-soft)/.45);font-size:12px;border-bottom:1px solid hsl(var(--line)/.4)}
.home-topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:34px}
.home-topbar-inner>a{display:flex;align-items:center;gap:8px;min-width:0}
.home-topbar-inner>a>span:last-child{min-width:0;overflow-wrap:anywhere}
.home-topbar-inner>a>lumen-icon{flex-shrink:0}
.home-topbar lumen-icon{width:16px;height:16px;color:hsl(var(--brand))}
.home-topbar nav{display:flex;gap:24px;align-items:center}
.home-topbar nav a+a{border-left:1px solid hsl(var(--line));padding-left:24px}
.home-header-main{display:grid;grid-template-columns:204px minmax(0,1fr) auto auto;gap:28px;align-items:center;padding:14px 0 10px}
.home-logo{display:inline-flex;flex-direction:column;align-items:center;width:204px;max-width:100%;text-decoration:none;color:hsl(var(--ink))}
.home-logo img{display:block;width:100%;height:auto;object-fit:contain}
.home-logo span{display:block;letter-spacing:10px;font:700 18px/1.4 var(--ui-font);padding-left:9px}
:root[data-theme="dark"] .home-logo img{filter:none}
.home-main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;align-items:center}
.home-main-nav a{font-size:15px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.home-phone{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:hsl(var(--ink))}
.home-phone strong{font-size:22px;letter-spacing:-.4px}
.home-phone lumen-icon{color:hsl(var(--brand));width:27px;height:27px}
.storefront-page .home-booking{min-height:48px;padding-inline:21px;font-size:18px}
.home-booking lumen-icon{width:24px;height:24px}
.home-shopping{display:grid;grid-template-columns:minmax(260px,1fr) auto 44px;gap:26px;align-items:center;padding-bottom:14px}
.home-search{display:flex;align-items:center;background:hsl(var(--surface)/.75);border:1px solid hsl(var(--line));border-radius:3px;min-width:0;height:44px}
.storefront-page .home-search input.ui-input{background:none;border:0;box-shadow:none;font-size:14px;min-height:42px;padding:8px 12px 8px 0}
.storefront-page .home-search button{padding:8px 12px;min-width:44px;min-height:42px;background:transparent;color:hsl(var(--brand))}
.home-search input:focus-visible{outline-offset:0}
.home-shopping-links{display:flex;align-items:center;gap:28px}
.home-shopping-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:13px;white-space:nowrap}
.home-shopping-links lumen-icon{width:25px;height:25px;color:hsl(var(--brand))}
.home-cart-count{font-size:12px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;min-width:24px;height:24px;padding:0 5px;background:hsl(var(--brand-solid));color:hsl(var(--on-brand))}
.storefront-page .home-theme-toggle{padding:9px;min-width:44px;min-height:44px;border:1px solid hsl(var(--line));border-radius:50%;color:hsl(var(--brand));background:hsl(var(--surface)/.75)}
.home-theme-toggle lumen-icon{width:22px;height:22px}
.storefront-page .home-theme-toggle:hover{background:hsl(var(--brand-soft));color:hsl(var(--brand));border-color:hsl(var(--brand))}
.home-theme-sun{display:none}
:root[data-theme="dark"] .home-theme-sun{display:inline-flex}
:root[data-theme="dark"] .home-theme-moon{display:none}
.home-footer{background:hsl(var(--surface));padding:14px 0 12px}
.home-footer-contact{display:flex;align-items:center;gap:40px;justify-content:space-between}
.home-footer .home-logo{width:155px;flex:0 0 auto}
.home-footer .home-logo span{font-size:13px;letter-spacing:8px}
.home-address{display:flex;align-items:center;gap:14px;min-height:44px;font-size:14px;flex:1;border-left:1px solid hsl(var(--line));padding-left:40px}
.home-address lumen-icon{width:22px;height:22px}
.home-footer .home-phone strong{font-size:21px}
.home-footer-more{font-size:12px;margin-top:8px}
.home-footer-more summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:26px;color:hsl(var(--ink-muted));list-style:none}
.home-footer-more summary::-webkit-details-marker{display:none}
.home-footer-more summary lumen-icon{width:14px;height:14px}
.home-footer-more nav{display:flex;flex-wrap:wrap;gap:8px 22px;padding-block:12px}
.home-footer-legal{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:hsl(var(--ink-muted));margin-top:8px}
.home-footer-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.home-footer-note{font-size:10px;color:hsl(var(--ink-muted));margin:7px 0 0}
.storefront-page .runtime-note{padding:5px 16px;font-size:10px;line-height:1.4;text-align:center;background:hsl(var(--surface-muted));color:hsl(var(--ink-muted))}
/* Series retain their identity in both themes; SVG exports keep their source colours. */
.storefront-page [style*="--series-raw"]{--series-color:var(--series-raw)}
:root[data-theme="dark"] .storefront-page [style*="--series-raw"]{--series-color:color-mix(in srgb,var(--series-raw) 52%,white)}
.storefront-page .radar-series :is(polygon,path){stroke:var(--series-color)}
.storefront-page .radar-series polygon,.storefront-page .radar-series circle{fill:var(--series-color)}
.storefront-page .radar-series circle{stroke:hsl(var(--surface))}
.storefront-page .tyre-comparison-best{background:hsl(var(--success)/.12)!important;color:hsl(var(--success))}
.storefront-page .tyre-medal-tooltip{background:hsl(var(--surface-strong));color:hsl(var(--ink));border:1px solid hsl(var(--line))}
:root[data-theme="light"] .storefront-page .tyre-medal-tooltip{color:hsl(var(--on-brand))}
.storefront-page .tyre-medal-tooltip span+span{color:inherit;opacity:.85}
.storefront-page .tyre-medal-tooltip:after{border-top-color:hsl(var(--surface-strong))}
.storefront-page .tyre-medal-tooltip.is-below:after{border-top-color:transparent;border-bottom-color:hsl(var(--surface-strong))}
@media(max-width:1279px){
:root:is([data-design="home-v2"],[data-design="catalog-v2"],[data-design="service-v2"],[data-design="store-v2"]){--page-gutter:28px}
.home-header-main{grid-template-columns:180px 1fr auto;gap:22px}
.home-header-main .home-logo{width:180px}
.home-main-nav{grid-column:2;grid-row:1;gap:20px}
.home-main-nav a{font-size:14px}
.home-header-main .home-phone{grid-column:2;grid-row:2;justify-self:end;margin-top:-7px}
.home-header-main .home-phone strong{font-size:19px}
.home-booking{grid-column:3;grid-row:1/3}
.home-header-main .home-logo{grid-row:1/3}
.home-header-main{padding-bottom:7px}
.home-shopping{gap:16px}
.home-shopping-links{gap:18px}
.home-shopping-links a{font-size:12px;gap:7px}
.home-footer-contact{gap:25px}
.home-address{padding-left:25px;font-size:13px}
.home-footer .home-phone strong{font-size:19px}
}
@media(max-width:1023px){
:root:is([data-design="home-v2"],[data-design="catalog-v2"],[data-design="service-v2"],[data-design="store-v2"]){--page-gutter:24px}
.home-header-main{grid-template-columns:160px 1fr auto;gap:16px}
.home-header-main .home-logo{width:160px}
.home-logo span{font-size:15px;letter-spacing:8px}
.home-main-nav{gap:18px;justify-content:flex-end}
.home-main-nav a{font-size:13px}
.storefront-page .home-booking{font-size:15px;padding-inline:13px}
.home-phone strong{font-size:18px}
.home-shopping{grid-template-columns:minmax(220px,1fr) auto 44px;gap:15px}
.home-shopping-links{gap:16px}
.home-shopping-links a>span{display:none}
.home-footer-contact{flex-wrap:wrap;gap:16px}
.home-footer .home-phone{margin-left:auto}
.home-address{flex:1;min-width:230px;padding-left:20px}
.home-footer .home-phone strong{font-size:18px}
}
@media(max-width:767px){
:root:is([data-design="home-v2"],[data-design="catalog-v2"],[data-design="service-v2"],[data-design="store-v2"]){--page-gutter:18px}
.home-topbar{font-size:11px}
.home-topbar-inner{min-height:32px;gap:8px}
.home-topbar-inner>a{gap:5px}
.home-topbar nav{display:none}
.home-header-main{grid-template-columns:142px 1fr;gap:10px 14px;padding-block:12px 4px}
.home-header-main .home-logo{width:142px;grid-column:1;grid-row:1/3;align-self:center}
.home-logo span{font-size:13px;letter-spacing:7px;padding-left:6px}
.home-header-main .home-phone{grid-column:2;grid-row:1;margin:0;justify-self:end;gap:6px}
.home-header-main .home-phone strong{font-size:15px}
.home-phone lumen-icon{width:20px;height:20px}
.storefront-page .home-booking{grid-column:2;grid-row:2;justify-self:end;min-height:38px;min-width:145px;font-size:14px;padding:8px 12px;gap:8px}
.home-booking lumen-icon{width:20px;height:20px}
.home-main-nav{grid-column:1/-1;grid-row:3;flex-wrap:wrap;justify-content:flex-start;gap:0 14px;padding-top:5px}
.home-main-nav a{min-height:38px;font-size:12px}
.home-shopping{grid-template-columns:1fr 44px;gap:9px;padding-bottom:7px}
.home-search{grid-column:1/-1;height:42px}
.storefront-page .home-search input{font-size:12px;min-height:40px}
.storefront-page .home-search button{min-height:40px}
.home-shopping-links{justify-content:space-between;gap:12px}
.home-shopping-links a{gap:5px;min-height:42px}
.home-shopping-links lumen-icon{width:23px;height:23px}
.home-shopping-links a>span{display:inline;font-size:10px}
.home-shopping-links a[aria-label="Сравнение"]>span{display:none}
.home-shopping-links a[aria-label="Избранное"]>span{display:none}
.home-shopping-links a[aria-label="Личный кабинет"]>span{display:none}
.home-shopping-links a[aria-label="Войти"]>span{display:none}
.home-footer{padding-top:18px}
.home-footer-contact{gap:15px;justify-content:flex-start}
.home-footer .home-logo{width:126px}
.home-footer .home-logo span{font-size:11px;letter-spacing:6px}
.home-footer .home-phone{margin-left:auto;gap:6px}
.home-footer .home-phone strong{font-size:15px}
.home-address{order:3;border:0;padding:0;min-width:0;flex-basis:100%;font-size:12px;gap:10px}
.home-footer-more summary{min-height:38px;font-size:12px}
.home-footer-more nav a{min-height:30px;display:flex;align-items:center}
.home-footer-legal{font-size:10px;gap:8px 14px}
.home-footer-note{font-size:9px;line-height:1.4}
}
@media(max-width:374px){
:root:is([data-design="home-v2"],[data-design="catalog-v2"],[data-design="service-v2"],[data-design="store-v2"]){--page-gutter:14px}
.home-header-main{grid-template-columns:120px 1fr;gap:8px}
.home-header-main .home-logo{width:120px}
.home-header-main .home-phone strong{font-size:13px}
.home-header-main .home-phone lumen-icon{width:17px;height:17px}
.storefront-page .home-booking{min-width:138px;font-size:13px}
.home-main-nav a{font-size:10px}
.home-main-nav{gap:5px}
.home-footer .home-logo{width:105px}
.home-footer .home-phone strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
.storefront-page *{scroll-behavior:auto!important;transition:none!important}
}