:root{--ink:#232b2f;--muted:#626f75;--line:#dce2e5;--soft:#f3f6f7;--accent:#d65013;--tint:#fff4eb;font-family:Arial,sans-serif;color:var(--ink);background:#e9ecee}
*{box-sizing:border-box}body{margin:0;min-width:1440px}html{scroll-behavior:smooth;scroll-padding-top:22px}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}th{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.design-review{width:1440px;padding:17px 80px 16px;margin:auto;background:#edf0f1;border-bottom:1px solid #d4dce0}.review-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:15px}.review-heading a{color:var(--muted)}.design-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.design-tabs a{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#fff;border:1px solid #cbd3d6;border-radius:4px;font-size:14px;text-decoration:none;white-space:nowrap}.design-tabs a>span{font-size:12px;color:#79898f}.design-tabs a:hover,.design-tabs a[aria-current]{background:var(--ink);color:white;border-color:var(--ink)}.design-tabs a[aria-current]>span{color:#ffb17e}#design-note{font-size:14px;line-height:1.6;margin-top:12px;color:#56666e;min-height:23px}
.tire-page{width:1440px;margin:auto;background:white}.eyebrow{display:block;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:1.3px;color:var(--accent);line-height:1.5;margin-bottom:13px}.tire-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:35px 80px 27px}.tire-intro h1{font-size:48px;line-height:1.1;letter-spacing:-1.7px}.tire-intro p{font-size:17px;line-height:1.6;color:var(--muted);margin-top:15px}.primary-prices{padding:0 80px 43px;scroll-margin-top:24px}.price-toolbar{display:flex;justify-content:space-between;align-items:center;margin:3px 0 20px}.price-toolbar h2{font-size:24px;letter-spacing:-.4px}.price-toolbar a,.price-toolbar>span{font-size:14px;color:var(--muted)}.table-frame{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:white}.price-table thead{background:var(--ink);color:#fff}.price-table thead th{padding:20px 22px;font-size:16px;line-height:1.4;vertical-align:top}.price-table th:first-child{width:15%}.price-table thead th span{display:block;margin-top:7px;font-size:13px;color:#becbd0;font-weight:400}.price-table thead .season-column{background:#af410d}.price-table thead .season-column span{color:#fff1e7}.price-table tbody tr:not(.group-row)>th,.price-table tbody tr:not(.group-row)>td{padding:17px 22px;border-bottom:1px solid var(--line);vertical-align:middle}.price-table tbody:last-child tr:last-child>*{border-bottom:0}.group-row th{background:#eff3f4;padding:14px 22px;font-size:15px;color:#495960;letter-spacing:.1px}.diameter{font-size:19px;white-space:nowrap;letter-spacing:-.3px}.amount{font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.25px}.amount>span{font-size:.78em;color:var(--muted);font-weight:400}.price-table td.season-column{background:var(--tint);font-weight:700}.price-table td.season-column .amount{font-size:23px}.price-table tr:hover td,.price-table tr:hover th.diameter{background:#f1f5f6}.price-table tr:hover td.season-column{background:#ffe5d2}.unspecified{font-size:14px;color:#77858b}.table-note{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:19px}.table-note p{font-size:14px;color:var(--muted);line-height:1.65}.table-note b{font-weight:500;color:var(--ink)}
.detail-section{padding:42px 80px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:25px}.section-heading h2{font-size:32px;letter-spacing:-.8px;line-height:1.2}.section-heading>p{max-width:360px;font-size:16px;line-height:1.6;color:var(--muted)}.section-heading .eyebrow{margin-bottom:10px}.surcharge-section{background:#f5f7f7}.supplement-table thead th,.individual-table thead th{background:#e9eef0;padding:17px 22px;font-size:15px;line-height:1.5}.supplement-table thead th:first-child{width:26%}.supplement-table thead th:last-child{width:34%}.supplement-table tbody th,.supplement-table td{border-top:1px solid var(--line);padding:17px 22px;font-size:16px;vertical-align:middle;line-height:1.55}.supplement-table tbody th>span{font-size:14px;font-weight:400;display:block;color:var(--muted);margin-bottom:7px}.supplement-table small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.supplement-table .vehicle-surcharge{font-size:14px;line-height:1.65}.supplement-table .amount{font-size:18px}.calculation-note{font-size:14px;line-height:1.65;color:var(--muted);padding:16px 20px;border-left:3px solid var(--accent);margin-top:20px;background:#fff}.individual-table td,.individual-table tbody th:not([colspan]){padding:15px 22px;border-bottom:1px solid var(--line)}.individual-table .amount{font-size:18px}.individual-table tbody:last-child tr:last-child>*{border-bottom:0}.swap-section{background:#f8f9fa}.swap-prices{display:grid;grid-template-columns:1fr 1fr;gap:30px}.swap-prices article{padding:25px 28px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent)}.swap-prices h3{font-size:21px;line-height:1.4;min-height:59px}.swap-prices thead th{font-size:13px;color:var(--muted);padding:12px 0}.swap-prices tbody td,.swap-prices tbody th{border-top:1px solid var(--line);padding:12px 0;font-size:16px}.swap-prices td:last-child,.swap-prices thead th:last-child{text-align:right}.swap-prices .amount{font-size:20px}.repair-section{display:grid;grid-template-columns:.85fr 1.65fr;gap:65px}.repair-section>div>p{font-size:16px;line-height:1.65;color:var(--muted)}.repair-list article{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:21px 0;border-top:1px solid var(--line)}.repair-list article:first-child{border-top:3px solid var(--accent)}.repair-list h3{font-size:18px;line-height:1.5;font-weight:600}.repair-list p{font-size:14px;line-height:1.6;margin-top:6px;color:var(--muted)}.repair-list .amount{font-size:24px}.goods-section{margin:0 80px 25px;padding:25px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:40px;align-items:center}.goods-section h2{font-size:18px;line-height:1.4}.goods-section>div{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:14px;line-height:1.5}.goods-section .amount{font-size:18px}.tire-footer{padding:28px 80px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px;color:var(--muted)}.tire-footer>div{display:flex;align-items:center;gap:20px}.tire-footer b{font-size:18px;color:var(--ink)}
/* 02: each vehicle class has its own table and introduction. */
[data-design="classes"] .tire-intro{padding-top:38px;padding-bottom:35px;background:#f7f9fa}[data-design="classes"] .tire-intro h1{font-size:43px}.by-classes{background:#f7f9fa}.class-price{border:1px solid var(--line);margin-bottom:27px;background:#fff;border-radius:7px;overflow:hidden}.class-price>header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;gap:35px}.class-price>header>div{display:flex;align-items:center;gap:19px}.class-index{display:grid;place-items:center;width:42px;height:42px;background:var(--tint);color:var(--accent);font-size:16px;border-radius:6px;flex-shrink:0}.class-price h2{font-size:25px;letter-spacing:-.5px}.class-diameters{font-size:15px;color:var(--muted);white-space:nowrap}.class-price .table-frame{border:0;border-top:1px solid var(--line);border-radius:0}.class-price .group-row{display:none}.class-price .price-table thead{background:#f0f4f5;color:var(--ink)}.class-price .price-table thead th span{color:var(--muted)}.class-price .price-table thead .season-column{background:var(--tint);color:#98370c}.class-price .price-table th:first-child{width:14%}.class-price .price-table tbody tr:not(.group-row)>th,.class-price .price-table tbody tr:not(.group-row)>td{padding-top:15px;padding-bottom:15px}
/* 03: open catalog with a section index. */
.catalog-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;padding:38px 50px 0}.catalog-menu{border-right:1px solid var(--line);padding:0 32px 0 12px}.catalog-menu h1{font-size:43px;line-height:1.05;letter-spacing:-1.8px}.catalog-menu nav{display:grid;margin-top:33px;gap:5px}.catalog-menu nav a{padding:14px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:16px}.catalog-menu nav a:hover{color:var(--accent)}.catalog-menu>p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:30px}.catalog-layout .primary-prices{padding:0 0 35px}.catalog-layout .section-heading h2{font-size:32px}.catalog-layout .section-heading>p{font-size:14px;max-width:250px}.catalog-layout .price-table th:first-child{width:14%}.catalog-layout .price-table th,.catalog-layout .price-table td{padding-left:14px!important;padding-right:14px!important}.catalog-layout .price-table thead th{font-size:14px}.catalog-layout .price-table .amount{font-size:19px}.catalog-layout .price-table .season-column .amount{font-size:22px}
/* 04: a contrasting opening and a broad light price sheet. */
.contrast-opening{background:var(--ink);color:#fff;padding-bottom:35px}.contrast-opening .tire-intro{padding-top:33px;padding-bottom:22px}.contrast-opening .tire-intro h1{font-size:43px}.contrast-opening .tire-intro p{color:#c6d0d4}.contrast-opening .eyebrow{color:#ffad76}.service-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 80px;padding-top:23px;border-top:1px solid #536168}.service-facts>span{font-size:14px;line-height:1.6;color:#c6d0d4}.service-facts b{display:block;font-size:18px;color:white;margin-bottom:3px}.contrast-sheet{padding-top:30px}.contrast-sheet .price-table td .amount{font-size:24px}.contrast-sheet .diameter{color:var(--accent);font-size:23px}.contrast-sheet .group-row th{background:#f7e9df;color:#81380f}
/* 05: three open service explanations tied to the same full price table. */
[data-design="services"] .tire-intro h1{font-size:43px}.service-choices{display:grid;grid-template-columns:repeat(3,1fr);margin:0 80px 28px;gap:22px}.service-choices article{padding:23px 25px;background:#f1f5f6;border-top:3px solid #aebbc1}.service-choices article:first-child{background:var(--tint);border-color:var(--accent)}.service-choices article>span{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.service-choices h2{font-size:22px;line-height:1.25;margin-top:12px;letter-spacing:-.4px}.service-choices p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:13px}
.contrast-opening .tire-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:75px}
.contrast-equipment{padding:12px 18px;background:#fff;border-radius:5px}
.contrast-equipment img{width:100%;height:203px;object-fit:contain}
.contrast-equipment figcaption{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.4;text-align:center}
/* 06: authentic equipment with a restrained introduction. */
.equipment-opening{padding:25px 80px 23px;display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.equipment-opening h1{font-size:44px;letter-spacing:-1.4px;line-height:1.1}.equipment-opening p{font-size:16px;line-height:1.7;color:var(--muted);margin-top:16px}.equipment-opening figure{height:227px}.equipment-opening img{width:100%;height:203px;object-fit:contain}.equipment-opening figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:8px}
/* 07: a compact row-based price list, consistent with the selected aircon design. */
[data-design="compact"] .tire-intro{padding-top:28px;padding-bottom:25px}[data-design="compact"] .tire-intro h1{font-size:44px}[data-design="compact"] .tire-intro p{margin-top:11px}.compact-summary{max-width:315px;border-left:3px solid var(--accent);padding-left:22px}.compact-summary b{font-size:31px;display:block;letter-spacing:-1px}.compact-summary span{font-size:14px;line-height:1.6;color:var(--muted);display:block;margin-top:5px}.compact-table thead th{padding:15px 16px;font-size:14px}.compact-table thead th:nth-child(1){width:18%}.compact-table thead th:nth-child(2){width:10%}.compact-table .class-cell{font-size:16px;line-height:1.6;vertical-align:top!important;background:#eff3f4;padding-top:20px!important}.compact-table .diameter{font-size:18px}.compact-table tbody tr:not(.group-row)>th,.compact-table tbody tr:not(.group-row)>td{padding:12px 16px}.compact-table tbody+tbody{border-top:2px solid #aebac0}.compact-table .amount{font-size:18px}.compact-table td.season-column .amount{font-size:21px}
/* 08: the rhythm and numbering of a service document. */
[data-design="passport"]{background:#f0f3f4}.passport-sheet{margin:0 60px;padding:30px 42px;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}.passport-opening{display:flex;justify-content:space-between;align-items:center;padding:5px 0 28px;gap:40px;border-bottom:3px solid var(--ink)}.passport-opening h1{font-size:43px;letter-spacing:-1.4px}.passport-opening p{margin-top:12px;color:var(--muted);font-size:16px}.passport-meta{display:grid;gap:9px;text-align:right;font-size:14px;color:var(--muted)}.passport-meta>b{font-size:26px;color:var(--ink)}.document-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:14px;color:var(--muted)}.document-bar>b{color:var(--accent);font-size:15px}.passport-sheet .primary-prices{padding:0}.passport-sheet .table-frame{border-radius:0;border-left:0;border-right:0}.passport-sheet .price-table thead{background:white;color:var(--ink);border-bottom:2px solid var(--ink)}.passport-sheet .price-table thead .season-column{background:white;color:var(--accent)}.passport-sheet .price-table thead th span{color:var(--muted)}.passport-sheet .price-table td.season-column{background:transparent}.passport-sheet .price-table tbody tr:not(.group-row)>th,.passport-sheet .price-table tbody tr:not(.group-row)>td{padding-top:15px;padding-bottom:15px}[data-design="passport"] .detail-section,[data-design="passport"] .goods-section,[data-design="passport"] .tire-footer{background:white}
/* 09: in-place explanations alongside the open table. */
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:29px;padding:0 50px 35px}.guide-layout .primary-prices{padding:0}.guide-layout .price-table th:first-child{width:14%}.guide-layout .price-table th,.guide-layout .price-table td{padding-left:14px!important;padding-right:14px!important}.guide-layout .price-table thead th{font-size:14px}.guide-layout .price-table .amount{font-size:19px}.guide-layout .price-table .season-column .amount{font-size:22px}.price-guide{background:#eff3f4;padding:25px 25px;border-top:3px solid var(--accent);align-self:start}.price-guide h2{font-size:28px;line-height:1.15;letter-spacing:-.6px}.price-guide>div{margin-top:22px;padding-top:19px;border-top:1px solid #d2dce0}.price-guide b{font-size:15px;line-height:1.4;display:block}.price-guide p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:9px}.price-guide>a{display:inline-block;font-size:14px;margin-top:25px}
/* 10: the complete price first, then the real workshop. */
.workshop-story{margin:0 80px 38px;display:grid;grid-template-columns:1.3fr 1fr;background:var(--ink);color:white;overflow:hidden;border-radius:6px}.workshop-story>img{width:100%;height:330px;object-fit:cover}.workshop-story>div{padding:32px 37px}.workshop-story .eyebrow{color:#ffad76}.workshop-story h2{font-size:35px;line-height:1.1;letter-spacing:-.8px}.workshop-story p{font-size:15px;line-height:1.6;color:#cbd5d9;margin-top:15px}.workshop-story a{font-size:20px;display:inline-block;margin-top:18px}.no-script{padding:45px;background:#fff;width:1440px;margin:auto;font-size:18px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Applied tire page: a white introduction above the contrasting service facts. */
.tire-page[data-view="standalone"] .contrast-opening > .tire-intro{background:#fff;color:var(--ink)}
.tire-page[data-view="standalone"] .contrast-opening > .tire-intro p{color:var(--muted)}
.tire-page[data-view="standalone"] .contrast-opening > .tire-intro .eyebrow{color:var(--accent)}