/* Home search panel (2026-10-19, Jason: "home = Expedia-style search with the brand logo"). CSS-only tabs: each tab is a real radio, each panel a plain GET form to the page that already does the job. */
.hero-v2 .hero-content{width:100%}
/* The brand lines are as wide as their words, not the whole row (the panel made the hero taller, so the photo sits larger behind them). */
.hero-brand .hb-1,.hero-brand .hb-2{width:fit-content}
.sfp-search{--sfp-link:var(--color-brand-blue)}
[data-theme="dark"] .sfp-search{--sfp-link:#7fb0ff}
@media (prefers-color-scheme: dark){:root:not([data-theme]) .sfp-search{--sfp-link:#7fb0ff}}

.sfp-search{position:relative;margin-top:28px;max-width:1080px;background:var(--color-surface);color:var(--color-text);border-radius:18px;box-shadow:0 18px 50px rgba(3,10,30,.45);padding:18px 22px 20px;text-align:left}
.sfp-search-head{display:flex;align-items:center;gap:16px;padding-bottom:12px}
.sfp-search-logo{width:120px;height:60px;border-radius:8px;flex:0 0 auto;background:#fff}
.sfp-search-title{margin:0;font-weight:800;font-size:clamp(1.1rem,.95rem + .6vw,1.45rem);color:var(--color-text)}
.sfp-tab-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sfp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-divider);margin:0 -22px 18px;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.sfp-tab{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-weight:700;font-size:15px;color:var(--color-text-muted,#4a5875);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
.sfp-tab:hover{color:var(--color-text)}
.sfp-tab .ico{width:22px;height:22px}
#sfpTabService:checked~.sfp-tabs [for=sfpTabService],#sfpTabQuote:checked~.sfp-tabs [for=sfpTabQuote],#sfpTabStore:checked~.sfp-tabs [for=sfpTabStore],#sfpTabTrack:checked~.sfp-tabs [for=sfpTabTrack]{color:var(--sfp-link);border-bottom-color:var(--sfp-link)}
#sfpTabService:focus-visible~.sfp-tabs [for=sfpTabService],#sfpTabQuote:focus-visible~.sfp-tabs [for=sfpTabQuote],#sfpTabStore:focus-visible~.sfp-tabs [for=sfpTabStore],#sfpTabTrack:focus-visible~.sfp-tabs [for=sfpTabTrack]{outline:3px solid var(--sfp-link);outline-offset:-3px;border-radius:6px 6px 0 0}
.sfp-panel{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}
#sfpTabService:checked~.sfp-panel-service,#sfpTabQuote:checked~.sfp-panel-quote,#sfpTabStore:checked~.sfp-panel-store,#sfpTabTrack:checked~.sfp-panel-track{display:grid}
.sfp-panel-store,.sfp-panel-track{grid-template-columns:minmax(0,1fr) auto}
.sfp-field{display:grid;gap:2px;border:1px solid var(--color-control-border);border-radius:12px;padding:8px 14px 6px;background:var(--color-surface);min-width:0}
.sfp-field:focus-within{border-color:var(--sfp-link);box-shadow:0 0 0 2px var(--sfp-link)}
.sfp-field>span{font-size:13px;font-weight:700;color:var(--color-text-muted,#4a5875)}
.sfp-field select,.sfp-field input{border:0;padding:2px 0 4px;margin:0;background:transparent;color:var(--color-text);font:inherit;font-size:16px;font-weight:600;min-height:32px;width:100%;outline:0;box-shadow:none}
.sfp-go.btn{min-height:60px;border-radius:30px;padding-inline:28px;font-weight:800}
.sfp-panel-note{grid-column:1/-1;margin:2px 0 0;font-size:14px;color:var(--color-text-muted,#4a5875)}
.sfp-panel-note a{color:var(--sfp-link);font-weight:700}
.sfp-search :focus-visible{outline-color:var(--sfp-link)}
.hero-v2 .sfp-search+.hero-badges{margin-top:22px}
@media(max-width:760px){.sfp-search{margin-top:20px;padding:14px 16px 16px;border-radius:16px}.sfp-search-logo{width:96px;height:48px}.sfp-tabs{margin:0 -16px 14px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:visible}.sfp-tab{flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;min-height:58px;font-size:12.5px;white-space:normal;text-align:center;line-height:1.15}.sfp-panel,.sfp-panel-store,.sfp-panel-track{grid-template-columns:1fr}.sfp-go.btn{width:100%;min-height:52px}}
@media print{.sfp-search{display:none}}
.hero-pay{margin:22px 0 0}.hero-pay .btn{font-size:1.2rem;min-height:60px;padding:0 34px}
