/*
 * Standalone styles for the tyre search box.
 * The Mobile 2026 theme already carries these rules, so on that theme
 * this file simply re-states them; on any other theme it makes the box
 * look right on its own. Variables fall back when the theme has none.
 */
.m26-search{--m26-red:#dc1c29;--m26-dark:#181c1d;--m26-light:#f5f5f5;--m26-line:#e6e6e6;--m26-text-soft:#6a6d70}
.m26-search{width:100%;max-width:620px;background:#fff;border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 50px rgba(0,0,0,.14);color:var(--m26-dark);font-family:inherit;box-sizing:border-box}
.m26-search *,.m26-search *::before,.m26-search *::after{box-sizing:border-box}
.m26-search__tabs{display:flex;gap:6px;padding:2px 2px 0}
.m26-search__tab{flex:1;border:0;background:transparent;color:var(--m26-text-soft);border-radius:999px;padding:9px 10px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-family:inherit;line-height:1.3}
.m26-search__tab.is-active{background:var(--m26-red);color:#fff}
.m26-search__panel{display:none;flex-direction:column;gap:8px;margin:0}
.m26-search__panel.is-active{display:flex}
.m26-search__row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.m26-search__field{flex:1 1 100%;display:flex;align-items:stretch;border:1.5px solid var(--m26-line);border-radius:12px;overflow:hidden;background:#fff;min-width:0}
.m26-search__field.is-reg{background:#ffd60a;border-color:#e8c200}
.m26-search__plate{background:#003fa3;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:13px;font-weight:800;flex:0 0 auto}
.m26-search__input{flex:1;border:0;background:transparent;padding:0 14px;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--m26-dark);height:50px;outline:none;min-width:0}
.m26-search__input::placeholder{color:rgba(24,28,29,.45);font-weight:600;letter-spacing:.02em}
.m26-search__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--m26-red);color:#fff;border:0;border-radius:12px;padding:0 22px;height:50px;font-size:13px;font-weight:700;letter-spacing:.07em;cursor:pointer;font-family:inherit;flex:1 1 100%;text-transform:uppercase}
.m26-search__btn:hover{filter:brightness(.9)}
.m26-search__btn[disabled]{opacity:.6;cursor:progress}
.m26-search__selects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1 1 100%}
.m26-search__selects select{height:50px;border:1.5px solid var(--m26-line);border-radius:12px;padding:0 12px;font-size:15px;font-weight:700;font-family:inherit;color:var(--m26-dark);background:#fff;min-width:0}
.m26-search__note{font-size:11.5px;color:var(--m26-text-soft);padding:0 4px 4px;line-height:1.5;margin:0}
.m26-search__result{border-top:1px solid var(--m26-line);margin-top:2px;padding:14px 6px 6px;font-size:14px;line-height:1.7;display:none}
.m26-search__result.is-visible{display:block}
.m26-search__result h4{margin:0 0 8px;font-size:17px;color:var(--m26-dark)}
.m26-search__result p{margin:0 0 6px}
.m26-spec{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.m26-spec li{display:flex;gap:10px;align-items:baseline;background:var(--m26-light);border-radius:8px;padding:9px 12px;margin:0;font-size:13.5px}
.m26-spec b{color:var(--m26-dark);min-width:64px;flex:0 0 auto}
.m26-search__error{color:var(--m26-red);font-weight:700;font-size:13.5px;margin:0}
.m26-search--inline{box-shadow:none;border:1px solid var(--m26-line);max-width:100%}
@media (min-width:640px){
  .m26-search__row{flex-wrap:nowrap}
  .m26-search__field{flex:1 1 auto}
  .m26-search__btn{flex:0 0 auto}
  .m26-spec{grid-template-columns:1fr 1fr}
}