/* Shopper adaptation of the existing My Yard visual tokens and composer geometry. */
:root{--canvas:#bec6c9;--surface:#d5dad9;--raised:#dfe3e0;--inset:#c7cfd0;--chrome:#b2bec4;--ink:#253039;--muted:#46545f;--border:#9aa9af;--red:#ae253b;--accent:#d9bcc3;--rail:208px}body{background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.primary{background:var(--red);border-color:var(--red);border-radius:7px;font-size:0.75rem}.primary:hover{background:#942033}.secondary{background:var(--surface);border-color:var(--border);border-radius:8px;color:var(--ink)}.secondary:hover{background:#b6c3cb}.muted,.small,.trim{color:var(--muted)}.textbtn{color:var(--red)}.topbar{left:var(--rail);height:68px;padding:0 24px;gap:12px;background:var(--chrome);border-color:var(--border)}.rail-toggle{font-size:1.25rem;width:30px}.mobile-brand{display:none}.composer{max-width:860px;height:48px;min-width:0;flex:1;margin:0}.composer-shell{position:absolute;top:0;left:0;width:100%;border-radius:10px}.searchbox{display:grid;grid-template-columns:21px minmax(0,1fr) auto;align-items:start;column-gap:10px;height:auto;min-height:48px;padding:4px 4px 4px 16px;border:1px solid #b76b7a;border-radius:10px;background:#efd2d9;box-shadow:0 1px 5px #9e4c5a20;color:#71515a}.searchbox>svg{margin-top:8px}.searchbox textarea{width:100%;min-width:0;height:38px;max-height:220px;resize:none;padding:8px 0;border:0;outline:none;background:transparent;font:inherit;font-size:0.875rem;line-height:22px;color:#342128}.searchbox textarea::placeholder{color:#71515a;opacity:1}.searchbox textarea:focus-visible{outline:0}.context-actions{display:flex;align-items:center;gap:5px}.searchbox .primary{border-radius:7px;height:38px;padding:0 15px;gap:12px}.context-caption{display:none;grid-column:2/-1;font-size:0.625rem;color:#71515a;padding:2px 10px 10px 0}.searchbox .clear-context{height:36px;width:36px;background:#92394c20;border:1px solid #92394c40;color:#63313e}.clear-context svg{height:21px;width:21px;stroke-width:2.4}.searchbox .clear-context:hover{background:#92394c38}.composer.is-open .composer-shell{box-shadow:0 20px 60px #0005;max-height:calc(100dvh - 85px);overflow:auto;isolation:isolate;border-radius:10px 10px 14px 14px}.composer.is-open .searchbox{border-radius:10px 10px 0 0}.composer.is-open textarea{height:112px}.composer.is-open .context-caption{display:block}.search-panel{position:static;top:auto;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px;padding:0 18px 13px;box-shadow:none}.composer-discovery{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:20px}.composer-recents{padding:18px 16px 12px 0;border-right:1px solid var(--border);min-width:0}.composer-recents h3{display:flex;gap:7px;align-items:center;font-size:0.75rem;margin-bottom:12px}.composer-recents h3 svg{width:15px;height:15px}.search-panel .suggestion{padding:9px 6px;font-size:0.75rem;border-radius:8px;gap:8px}.search-panel .suggestion:hover{background:var(--inset);color:var(--ink)}.suggestion>span{flex:1;min-width:0}.suggestion strong{display:block;font-size:0.75rem;font-weight:550;line-height:1.4}.suggestion small{display:block;color:var(--muted);font-size:0.625rem;margin-top:3px}.suggestion>svg{width:14px;height:14px;color:var(--muted)}.recent-all{display:flex;font-size:0.6875rem;align-items:center;gap:8px;margin-top:12px}.recent-all svg{width:14px;height:14px}.composer-refinements{padding:18px 0 12px;min-width:0}.composer-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px;font-size:0.6875rem}.composer-filter-heading strong{display:flex;gap:7px;align-items:center}.composer-filter-heading svg{width:14px;height:14px}.composer-filter-heading .textbtn{font-size:0.625rem}.composer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.composer-fields label{font-size:0.6875rem;line-height:1.5;color:var(--muted)}.composer-fields select{display:block;width:100%;background:var(--inset);color:var(--ink);border:1px solid var(--border);border-radius:8px;font-size:0.75rem;min-height:38px;padding:6px;margin-top:3px}.composer-location{display:flex;gap:7px;align-items:center;font-size:0.6875rem}.composer-location small{display:block;font-size:0.5625rem;margin-top:4px;color:var(--muted)}.composer-location svg{width:15px;height:15px}.search-panel .refinement-note{font-size:0.625rem;color:var(--muted);line-height:1.6;margin:9px 0 0}.composer-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:14px}.enter-preference{flex:1;font-size:0.6875rem;color:var(--muted);min-width:170px}.enter-preference>span{margin-right:10px}.enter-preference label{padding:6px 7px;background:var(--inset);display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);font-size:0.625rem;cursor:pointer}.enter-preference label:has(input:checked){background:var(--accent);color:var(--red)}.enter-preference input{width:10px;height:10px;margin:0;accent-color:var(--red)}.enter-preference small{display:block;font-size:0.625rem;margin-top:8px}.composer-demo{font-size:0.5625rem;color:var(--muted);margin:11px 0 0!important}.header-filter{height:46px;flex-shrink:0;font-size:0.75rem;gap:7px;padding:0 13px}.header-filter svg{width:19px}.location{margin-left:auto;font-size:0.6875rem;gap:5px}.location span{display:none}.avatar{background:var(--accent);color:var(--red)}.sidebar{top:0;width:var(--rail);padding:18px 12px;background:var(--chrome);border-color:var(--border)}.brand{display:flex;gap:9px;align-items:center;font-size:1.5625rem;letter-spacing:-1.2px;min-width:0;margin:0 8px 20px;padding:0}.brand img{height:32px;width:32px;border-radius:8px}.brand span{color:var(--ink)}.brand b{color:var(--red)}.scope-switch{display:flex;gap:10px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 10px;font-size:0.75rem;line-height:1.5;margin-bottom:18px}.scope-switch small{display:block;font-size:0.625rem;color:var(--muted);margin-top:3px}.scope-switch svg{width:17px;height:17px}.navlink{padding:12px;font-size:0.8125rem;gap:10px;border-radius:8px;color:var(--muted)}.navlink.active{color:#fff;background:#385260;border-left:3px solid #ce8391}.navlink:hover{background:#b6c3cb;color:var(--ink)}.nav-children{border-left:1px solid #879ca7;margin:0 5px 0 10px;padding-left:5px}.nav-children .navlink{font-size:0.75rem;padding:11px 9px;gap:8px}.nav-children svg{width:16px;height:16px}.navdivider{border-color:var(--border);margin:18px 0}.side-note{padding:15px 7px;color:var(--muted);font-size:0.6875rem}.side-note>strong{font-size:0.5625rem;letter-spacing:1.3px;margin-bottom:10px;color:var(--ink)}.side-note .dot{display:inline-block;background:var(--red)}.side-note .row strong{font-size:0.6875rem;color:var(--ink)}.main{margin:68px 0 0 var(--rail);padding:22px 26px 50px;max-width:2100px}.try-searches{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap;font-size:0.6875rem;color:var(--muted)}.try-searches>span{font-size:0.625rem;margin-right:4px}.try-searches button{border:1px solid var(--border);border-radius:6px;padding:7px 10px;background:var(--surface);font-size:0.6875rem}.try-searches button:hover{background:var(--accent)}.chips{margin-bottom:15px;border-bottom:1px solid var(--border);padding-bottom:13px;gap:8px}.chip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:0.6875rem;min-height:34px}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.toolbar{margin:14px 0 12px}.toolbar h2{font-size:1.4375rem;letter-spacing:-.5px}.toolbar h2 .small{font-weight:400;font-size:0.6875rem;letter-spacing:0;margin-left:8px}.toolbar select{background:var(--surface);border:1px solid var(--border);padding:8px;border-radius:8px;font-size:0.6875rem;color:var(--ink)}.view-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--inset)}.view-switch button{font-size:0.6875rem;padding:7px 10px;border-radius:5px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:var(--raised);color:var(--ink);box-shadow:0 1px 3px #0002}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.grid.continuation{margin-top:18px}.card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.photo{border-radius:9px 9px 0 0;aspect-ratio:16/9}.badge{top:9px;left:9px;background:#e8edf2;color:#253039;font-size:0.5625rem;border-radius:3px;padding:4px 7px}.save{width:28px;height:28px;right:8px;top:8px;background:#e8edf2e8}.save.saved{color:var(--red)}.cardinfo{padding:9px 0 0}.card-title,.trim{padding-left:10px;padding-right:10px}.card-title h3{font-size:0.875rem;line-height:1.35;font-weight:700}.cardinfo .trim{font-size:0.6875rem;color:var(--muted);line-height:1.5;margin-top:4px;min-height:32px}.shopper-price{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#bacad0;padding:10px;margin-top:9px}.shopper-price small{font-size:0.5625rem;letter-spacing:1px;color:var(--muted)}.shopper-price .price{font-size:1.375rem;line-height:1.15;margin-top:3px;letter-spacing:-.7px}.view-details{display:flex;gap:2px;align-items:center;font-size:0.625rem;color:var(--red)}.view-details svg{width:13px;height:13px}.specs{display:flex;justify-content:space-between;padding:9px 10px 0;margin:0;font-size:0.625rem;color:var(--muted)}.specs b{color:var(--ink);font-weight:500}.dealer-row{margin:0;padding:10px;gap:5px;font-size:0.625rem;align-items:center}.dealer-mark{width:23px;height:23px;font-size:0.5rem;background:#b4c6bb;color:#315746}.compare-mini{font-size:0.5625rem;padding:4px}.image-label{font-size:0.5625rem;background:#263d4be0}.match{margin-left:10px;background:#c5d7ca;color:#275b45;font-size:0.5625rem}.query-summary{background:var(--surface);border:1px solid var(--border);margin:12px 0;font-size:0.75rem;border-radius:8px}.followups button{background:var(--inset);border-color:var(--border);border-radius:6px}.active-filters{border-color:var(--border);color:var(--muted);font-size:0.6875rem}.intro{margin:8px 0 22px}.intro h1{font-size:1.5625rem}.intro p{font-size:0.75rem;color:var(--muted);margin-top:7px}.intro .eyebrow{display:none}.detail-summary,dialog,.compare-table{background:var(--surface);border-color:var(--border);color:var(--ink)}.detail-summary{border-top:2px solid var(--red);border-radius:10px}.detail-summary .price{color:var(--ink)}.detail-summary .dealer-row{border-color:var(--border)}.section{border-color:var(--border)}.section p,.detail-summary .muted{color:var(--muted)}.equipment span{background:var(--surface);border-color:var(--border)}.gallery-main{border-radius:10px}.section h2{font-size:1.25rem}.eyebrow{color:var(--muted)}.footer-note{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding-top:16px;margin-top:26px;color:var(--muted);font-size:0.625rem}.empty{background:var(--surface);border-color:var(--border)}.empty p{color:var(--muted)}.compare-table th{background:var(--inset)}.compare-table td,.compare-table th{border-color:var(--border)}.channel{background:var(--surface);border:1px solid var(--border)}dialog p,dialog label{color:var(--muted)}dialog input,dialog select,dialog textarea{background:var(--inset);border-color:var(--border);color:var(--ink)}.history-list{display:grid;gap:10px}.history-list>button{display:flex;gap:14px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:17px}.history-list>button>span{flex:1}.history-list strong{font-size:0.8125rem}.history-list small{display:block;font-size:0.6875rem;color:var(--muted);margin-top:6px}.list-view{display:block}.list-view .card{display:grid;grid-template-columns:200px 1fr;margin-bottom:10px;border-radius:8px}.list-view .photo{height:100%;border-radius:8px 0 0 8px;aspect-ratio:auto}.list-view .cardinfo{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;padding:10px}.list-view .trim{grid-column:1;min-height:0}.list-view .shopper-price{grid-column:2;grid-row:1/3;border:0;border-left:1px solid var(--border);margin:0;background:transparent}.list-view .specs{grid-column:1;grid-row:3}.list-view .dealer-row{grid-column:2;grid-row:3}.rail-collapsed{--rail:82px}.rail-collapsed .sidebar .brand span,.rail-collapsed .scope-switch,.rail-collapsed .sidebar .navlink span,.rail-collapsed .side-note{display:none}.rail-collapsed .brand{margin:0 auto 24px}.rail-collapsed .navlink{justify-content:center}.rail-collapsed .nav-children{margin:0;padding:0;border:0}
@media(min-width:1550px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){:root{--rail:180px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:20px}.topbar{padding:0 15px;gap:9px}.header-filter span{display:none}.location{display:none}.card-title h3{font-size:0.875rem}.toolbar h2 .small{display:none}.composer-discovery{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}}
@media(max-width:700px){:root{--rail:0px}body{background:var(--canvas)}.sidebar{display:none}.topbar{left:0;height:112px;display:grid;grid-template-columns:32px 1fr 46px;padding:10px 14px;gap:8px;background:var(--chrome)}.rail-toggle{display:none}.mobile-brand{display:flex;grid-row:1;grid-column:1}.mobile-brand img{width:30px;height:30px;border-radius:7px}.topbar .location{display:flex;grid-column:2;grid-row:1;margin:0;font-size:0.6875rem;color:var(--ink)}.topbar .location span{display:block}.topbar .avatar{display:grid;grid-row:1;grid-column:3;margin:auto;width:30px;height:30px}.composer{grid-column:1/3;grid-row:2;margin:0;height:44px;max-width:none}.header-filter{display:flex;grid-column:3;grid-row:2;width:46px;height:44px;padding:0;justify-content:center}.header-filter span{display:none}.searchbox{min-height:44px;padding-left:10px;gap:6px;grid-template-columns:17px minmax(0,1fr) auto}.searchbox textarea{font-size:0.75rem;height:34px;padding:5px 0}.searchbox>svg{width:17px;height:17px;margin-top:7px}.searchbox .primary{font-size:0;width:34px;height:34px;padding:0;gap:0}.searchbox .primary svg{width:18px}.searchbox .clear-context{width:30px;height:30px}.composer.is-open .composer-shell{width:calc(100vw - 28px);max-height:calc(100dvh - 135px)}.composer.is-open textarea{height:112px}.composer.is-open .searchbox .primary{font-size:0.6875rem;width:auto;padding:0 12px;gap:8px}.composer-discovery{grid-template-columns:1fr;gap:0}.composer-refinements{grid-row:1;padding-top:14px}.composer-recents{grid-row:2;border-right:0;border-top:1px solid var(--border);padding:12px 0}.composer-recents .suggestion:nth-of-type(n+3){display:none}.search-panel{padding:0 12px 12px}.composer-footer{flex-wrap:wrap;gap:12px}.composer-footer>.primary{flex:1;min-width:160px}.enter-preference{min-width:150px}.main{margin:112px 0 0;padding:16px 14px 95px}.try-searches{flex-wrap:nowrap;overflow:auto;white-space:nowrap;gap:6px;margin-bottom:13px;scrollbar-width:none}.try-searches button{font-size:0.625rem;padding:7px}.chips{padding-bottom:10px;margin:0 0 12px;gap:6px}.chip{font-size:0.625rem;padding:7px 9px}.toolbar{flex-wrap:wrap;gap:10px;margin:12px 0}.toolbar h2{font-size:1.4375rem}.toolbar>.row{width:100%;justify-content:space-between}.toolbar select{font-size:0.6875rem;max-width:180px}.view-switch button{font-size:0.6875rem}.grid{grid-template-columns:1fr;gap:18px}.photo{aspect-ratio:16/9}.card-title h3{font-size:1rem}.cardinfo .trim{min-height:0;margin-bottom:8px;font-size:0.75rem}.shopper-price .price{font-size:1.5rem}.specs{font-size:0.6875rem;padding-top:10px}.dealer-row{font-size:0.6875rem}.compare-mini{font-size:0.625rem}.mobilebar{background:var(--chrome);border-color:var(--border);backdrop-filter:none}.mobilebar a{color:var(--muted)}.mobilebar a.active{color:var(--red)}.mobile-contact{background:var(--surface);border-color:var(--border)}.detail-summary{background:transparent}.footer-note{display:block;font-size:0.5625rem}.footer-note>span{display:block;margin-top:7px}.list-view .card{grid-template-columns:115px 1fr}.list-view .cardinfo{display:block;padding:7px}.list-view .card-title h3{font-size:0.75rem}.list-view .trim{font-size:0.625rem}.list-view .shopper-price{border:0;padding:6px 10px}.list-view .shopper-price .price{font-size:1.1875rem}.list-view .shopper-price small{font-size:0.5rem}.list-view .view-details{display:none}.list-view .specs{font-size:0.5625rem}.list-view .dealer-row{font-size:0.5625rem}.list-view .dealer-mark{display:none}.list-view .compare-mini{font-size:0.5rem}.list-view .badge{font-size:0.5rem;max-width:70px}.list-view .save{top:auto;bottom:28px}.list-view .image-label{font-size:0.4375rem}.rail-collapsed .main{margin-left:0}.rail-collapsed .topbar{left:0}}

/* Keep the submit action visible while longer search refinements scroll. */
.composer-footer{position:sticky;bottom:-13px;background:var(--surface);padding:12px 0;z-index:2}.composer-demo{padding-bottom:2px}.context-caption{margin:0}.composer-recents h3{margin-top:0}