.tcp-page{--tcp-yellow: #fecb2f;--tcp-ink: #11110f;--tcp-muted: #68665f;--tcp-line: #dedcd4;--tcp-surface: #f7f6f2;background:var(--tcp-surface);color:var(--tcp-ink);font-family:var(--text-font-family)}.tcp-page,.tcp-page *{box-sizing:border-box}.tcp-hero{padding:42px 0 38px;border-bottom:1px solid #ead486;background:radial-gradient(circle at 85% 15%,rgba(254,203,47,.3),transparent 24%),linear-gradient(135deg,#fffdf8,#fff8e8 60%,#fff0bd);text-align:center}.tcp-hero .container,.tcp-shell{max-width:940px}.tcp-kicker{margin:0 0 8px;color:#856000;font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.tcp-hero h1{margin:0;color:var(--tcp-ink);font-family:var(--heading-font-family);font-size:clamp(34px,5vw,50px);font-weight:800;letter-spacing:-.035em;line-height:1.1;text-transform:none}.tcp-hero p:last-child{max-width:610px;margin:13px auto 0;color:var(--tcp-muted);font-size:15px;line-height:1.6}.tcp-shell{padding-top:36px;padding-bottom:64px}.tcp-stack{display:grid;gap:18px}.tcp-panel{padding:30px 34px;border:1px solid var(--tcp-line);border-radius:17px;background:#fff;box-shadow:0 8px 24px #11110f0d}.tcp-heading{display:flex;align-items:flex-start;gap:14px;padding-bottom:20px;border-bottom:1px solid #eceae4}.tcp-heading__number{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--tcp-yellow);color:var(--tcp-ink);font-size:16px;font-weight:800}.tcp-heading h2{margin:0 0 4px;color:var(--tcp-ink);font-family:var(--heading-font-family);font-size:23px;font-weight:800;letter-spacing:-.025em;line-height:1.2;text-transform:none}.tcp-heading p{margin:0;color:var(--tcp-muted);font-size:14px;line-height:1.5}.tcp-form{margin-top:22px}.tcp-form>label,.tcp-compare__form label>span{display:block;margin-bottom:7px;color:var(--tcp-ink);font-size:14px;font-weight:700;line-height:1.4}.tcp-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.tcp-form input,.tcp-compare__form input{width:100%;height:54px;padding:0 16px;border:2px solid #c8c6be;border-radius:10px;outline:0;background:#fff;color:var(--tcp-ink);font-family:var(--text-font-family);font-size:17px;font-weight:800;line-height:1;text-transform:uppercase}.tcp-form input:focus,.tcp-compare__form input:focus{border-color:var(--tcp-ink);box-shadow:0 0 0 4px #fecb2f45}.tcp-form__row>button,.tcp-compare__form>button{min-height:54px;padding:0 22px;border:2px solid var(--tcp-ink);border-radius:10px;background:var(--tcp-yellow);color:var(--tcp-ink);font-family:var(--text-font-family);font-size:13px;font-weight:800;cursor:pointer}.tcp-form__row>button:hover,.tcp-compare__form>button:hover,.tcp-primary-link:hover{background:#ffd75b;color:var(--tcp-ink)}.tcp-examples{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px}.tcp-examples>span{color:var(--tcp-muted);font-size:13px}.tcp-examples button{padding:5px 8px;border:1px solid #e3e1da;border-radius:6px;background:#fff;color:var(--tcp-ink);font-size:12px;font-weight:700;cursor:pointer}.tcp-message{margin:13px 0 0;padding:10px 12px;border:1px solid #e2aaa4;border-radius:9px;background:#fff4f3;color:#9e291f;font-size:12px;font-weight:600}.tcp-message[hidden]{display:none}.tcp-code-help{display:flex;align-items:center;gap:24px;margin-top:22px;padding:17px 19px;border:1px solid #eceae4;border-radius:11px;background:var(--tcp-surface)}.tcp-code-help__sample{display:flex;align-items:baseline;white-space:nowrap}.tcp-code-help__sample strong{color:var(--tcp-ink);font-size:25px;font-weight:800}.tcp-code-help__sample span{margin:0 4px;color:var(--tcp-ink);font-size:17px;font-weight:800}.tcp-code-help__labels{display:grid;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tcp-code-help__labels span{color:var(--tcp-muted);font-size:14px;line-height:1.35;text-align:center}.tcp-code-help__labels b{display:block;margin-bottom:2px;color:var(--tcp-ink);font-size:16px}.tcp-code-help__labels small{display:block;color:var(--tcp-muted);font-size:14px;line-height:1.35}.tcp-result-panel{border-color:var(--tcp-line);background:#fff}.tcp-answer{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:24px;align-items:center;margin-top:22px;padding:19px 21px;border:1px solid #e3e1da;border-radius:13px;background:var(--tcp-surface);text-align:left}.tcp-answer__label{margin:0 0 5px;color:var(--tcp-muted);font-size:13px;font-weight:800;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.tcp-answer__size{margin:0;color:var(--tcp-ink);font-family:var(--heading-font-family);font-size:clamp(26px,3vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.12}.tcp-answer__size strong{color:var(--tcp-ink);font-size:1em;font-weight:900}.tcp-answer__summary{margin:0;color:var(--tcp-muted);font-size:14px;line-height:1.5}.tcp-answer__summary strong{color:var(--tcp-ink)}.tcp-answer__range{margin:5px 0 0;color:var(--tcp-muted);font-size:14px;line-height:1.5}.tcp-answer__actions{display:flex;align-items:center;gap:17px;margin-top:16px}.tcp-primary-link{display:inline-flex;min-height:49px;padding:0 21px;align-items:center;justify-content:center;border:2px solid var(--tcp-ink);border-radius:9px;background:var(--tcp-yellow);color:var(--tcp-ink);font-size:13px;font-weight:800}.tcp-answer__actions p{margin:0;color:var(--tcp-muted);font-size:13px;line-height:1.5}.tcp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 0}.tcp-stats div,.tcp-compare__numbers div,.tcp-size-guide__grid span{padding:19px;border:1px solid #e6e4de;border-radius:10px;background:var(--tcp-surface)}.tcp-stats dt,.tcp-compare__numbers dt{color:var(--tcp-muted);font-size:14px;line-height:1.4}.tcp-stats dd,.tcp-compare__numbers dd{margin:7px 0 0;color:var(--tcp-ink);font-size:21px;font-weight:800;line-height:1.3}.tcp-compare__form{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:22px}.tcp-compare__form input{height:51px;font-size:15px}.tcp-compare__form>button{min-height:51px}.tcp-compare__arrow{padding-bottom:16px;color:#918e84;text-align:center}.tcp-compare__result{margin-top:16px}.tcp-compare__status{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #e3e1da;border-radius:10px;background:var(--tcp-surface)}.tcp-compare__status>span{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:50%;background:var(--tcp-yellow);color:var(--tcp-ink);font-weight:800}.tcp-compare__status strong{display:block;color:var(--tcp-ink);font-size:14px;line-height:1.4}.tcp-compare__status p{margin:2px 0 0;color:var(--tcp-muted);font-size:13px;line-height:1.4}.tcp-compare__status--warning{border-color:#e0c27a;background:#fff4d7}.tcp-compare__status--warning>span{background:#986500}.tcp-compare__status--warning strong,.tcp-compare__status--warning p{color:#765000}.tcp-compare__numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 0}.tcp-size-guide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.tcp-size-guide__grid span{color:var(--tcp-ink);font-size:14px;line-height:1.4}.tcp-size-guide__grid b{display:block;font-size:18px;font-weight:800}.tcp-size-guide__grid small{display:block;margin-top:4px;color:var(--tcp-muted);font-size:13px;line-height:1.4}@media screen and (max-width:700px){.tcp-hero{padding:34px 0 31px}.tcp-hero p:last-child{font-size:14px}.tcp-shell{padding-top:21px;padding-bottom:44px}.tcp-stack{gap:13px}.tcp-panel{padding:21px 18px;border-radius:14px}.tcp-heading{gap:12px;padding-bottom:17px}.tcp-heading h2{font-size:20px}.tcp-form__row,.tcp-compare__form{grid-template-columns:1fr}.tcp-form__row>button,.tcp-compare__form>button,.tcp-primary-link{width:100%}.tcp-code-help{display:block;padding:15px}.tcp-code-help__sample{justify-content:center}.tcp-code-help__labels{margin-top:12px}.tcp-answer{grid-template-columns:1fr;gap:12px;padding:17px}.tcp-answer__actions{align-items:stretch;flex-direction:column;gap:10px}.tcp-stats,.tcp-size-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcp-compare__arrow{display:none}.tcp-compare__numbers{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/tire-size-calculator-page.css.map */