/* Compact search choices. All styling stays inside the search experience. */
#search-quick-filters-2036 { min-width: 0; }
.sqf-rail { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; overflow-x: auto; scrollbar-width: thin; overscroll-behavior-x: contain; padding: 3px 2px 7px; }
.sqf-chip { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 10px 14px; border: 1px solid #e4e1dd; border-radius: 100px; background: #fff; color: #292520; font: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; transition: border-color .15s, background .15s; }
.sqf-chip svg { width: 17px; height: 17px; flex: 0 0 auto; }
.sqf-chip svg:last-child:not(:first-child) { width: 13px; height: 13px; }
.sqf-chip:hover { border-color: #79736c; }
.sqf-chip.is-active { border-color: #302a24; background: #f6f4f1; box-shadow: inset 0 0 0 .5px #302a24; }
.sqf-chip:focus-visible, .sqf-modal button:focus-visible, .sqf-modal input:focus-visible { outline: 2px solid #9b7043; outline-offset: 3px; }
.sqf-chip:disabled { cursor: wait; opacity: .55; }
.sqf-count { display: grid; place-items: center; min-width: 19px; height: 19px; padding: 0 4px; border-radius: 50%; background: #292520; color: white; font-size: 10px; }
.sqf-count[hidden] { display: none; }
.sqf-modal #filters-modal-content { width: min(100%, 650px); border-radius: 24px; }
.sqf-modal #filters-modal-content > :first-child { border-radius: 24px 24px 0 0; }
.sqf-modal #filters-modal-content > :last-child { z-index: 2; gap: 14px; }
.sqf-modal h2 { font-size: 17px; letter-spacing: -.025em; }
.sqf-price-help { margin: -4px 0 24px; font-size: 12px; line-height: 1.6; color: #756e67; }
#sqf-modal-options { margin-bottom: 28px; padding-bottom: 10px; border-bottom: 1px solid #ede9e5; }
#sqf-modal-options h3 { margin: 0 0 8px; color: #25211d; font-size: 17px; font-weight: 600; }
.sqf-option { display: flex; justify-content: space-between; align-items: center; gap: 22px; min-height: 70px; padding: 14px 0; cursor: pointer; }
.sqf-option + .sqf-option { border-top: 1px solid #f1eeea; }
.sqf-option strong { display: block; color: #302a24; font-size: 14px; font-weight: 600; }
.sqf-option small { display: block; margin-top: 4px; color: #777068; font-size: 12px; line-height: 1.5; }
.sqf-option input { flex: 0 0 auto; width: 23px; height: 23px; accent-color: #302a24; cursor: pointer; }
.sqf-modal .luvia-chip { border-width: 1px; border-radius: 12px; box-shadow: none; }
.sqf-modal .luvia-chip .lvf-ico { width: 25px; height: 25px; background: none; border: none; }
.sqf-modal .luvia-chip .lvf-lab { font-size: 12px; font-weight: 600; }
.sqf-modal .luvia-chip .lvf-coche { display: none; }
.sqf-modal .luvia-chip.selected { background: #f6f4f1; color: #302a24; border-color: #302a24; box-shadow: inset 0 0 0 .5px #302a24; }
.sqf-modal .luvia-chip.selected .lvf-ico { background: none; border: none; color: inherit; }
.sqf-modal .lvf-appliquer { min-height: 46px; padding: 12px 20px; border-radius: 12px; font-size: 13px; white-space: nowrap; }
.sqf-modal .lvf-effacer { min-height: 44px; font-size: 12px; }
@media (max-width: 767px) {
    .sqf-rail { gap: 7px; scrollbar-width: none; }
    .sqf-rail::-webkit-scrollbar { display: none; }
    .sqf-chip { min-height: 42px; padding: 10px 12px; font-size: 11px; }
    .sqf-modal > div { min-height: 100dvh; align-items: flex-end; padding: 0; }
    .sqf-modal #filters-modal-content { max-height: calc(100dvh - 24px); border-radius: 22px 22px 0 0; }
    .sqf-modal #filters-modal-content > div { padding-left: 20px; padding-right: 20px; }
    .sqf-modal #filters-modal-content > :last-child { padding-bottom: max(18px, env(safe-area-inset-bottom)); }
    .sqf-modal #price-range-container h3 { font-size: 16px; }
    .sqf-modal #price-range-container .lvf-valeur { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .sqf-chip { transition: none; } .sqf-modal .lvf-bar { animation: none; } }
