:root{--picker-gold:#cdb47a;--picker-border:#e4e2dc;--picker-ink:#252729}
[hidden]{display:none!important}
main>section.sofa-picker-intro{padding-bottom:32px!important}
main>section.sofa-picker-catalog{padding-top:0!important}
main>section.sofa-picker-catalog>.container{position:relative}
.tags-row.preview-expanded{max-height:none!important;height:auto!important;overflow:visible!important}
.picker-shell{background:#fff;border:1px solid var(--picker-border);border-radius:10px;overflow:hidden;margin-bottom:28px;color:var(--picker-ink)}
.picker-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 26px;cursor:pointer;font-size:21px;font-weight:500;list-style:none}
.picker-title::-webkit-details-marker,.picker-extras summary::-webkit-details-marker,.exact-sizes summary::-webkit-details-marker{display:none}
.picker-title>span{display:flex;align-items:center;gap:14px}
.picker-title .bi-sliders2{color:#a48a52;font-size:21px}
.picker-chevron{font-size:17px;color:#8c8370;transition:transform .18s}
.picker-shell[open] .picker-chevron{transform:rotate(180deg)}
#selectionBadge:not(:empty){background:#f4efe3;color:#7c673d;border-radius:20px;font-size:12px;padding:2px 8px}
.picker-body{padding:0 26px 24px}
.picker-intro{font-size:14px;color:#858585;margin:-4px 0 24px}
.picker-ranges{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:26px}
.picker-range,.picker-shapes{margin:0;padding:0;border:0;min-width:0}
.picker-shell legend,.field-title{display:block;float:none;width:auto;font-size:14px;font-weight:500;color:#454545;margin:0 0 9px;line-height:1.5}
.picker-pair{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:8px;align-items:center}
.picker-pair label{position:relative;min-width:0}
.picker-pair label>span{position:absolute;top:7px;left:13px;font-size:10px;color:#898989;pointer-events:none}
.range-dash{color:#aaa;text-align:center;font-size:13px}
.picker-shell select,#sort{font-family:inherit;color:#3b3b3b;font-size:14px;line-height:1.4;border:1px solid #e6e6e6;background:#fafafa;border-radius:6px;min-width:0;width:100%;height:51px;padding:10px 33px 10px 13px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23847a65' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}
.picker-pair select{padding-top:21px;padding-bottom:5px;height:55px;font-size:13px}
.picker-shell select:focus-visible,.picker-shell button:focus-visible,.active-chip:focus-visible,#sort:focus-visible,.picker-shell summary:focus-visible{outline:2px solid #b79a61;outline-offset:3px}
.picker-note{font-size:12px;color:#929292;margin:12px 0 24px;line-height:1.65}
.picker-second{display:grid;grid-template-columns:1.45fr .9fr .9fr;align-items:end;gap:26px}
.shape-options{display:flex;gap:7px;flex-wrap:wrap}
.shape-option{position:relative;cursor:pointer}
.shape-option input{position:absolute;opacity:0;width:1px;height:1px}
.shape-option span{display:block;font-size:13px;padding:15px 16px;border:1px solid #e6e6e6;border-radius:6px;line-height:19px;white-space:nowrap}
.shape-option input:checked+span{background:#f7f2e7;border-color:#cbb477;color:#715c32}
.shape-option input:focus-visible+span{outline:2px solid #b79a61;outline-offset:3px}
.modular-option{font-size:14px;display:flex;align-items:center;gap:10px;min-height:51px;cursor:pointer}
.modular-option input{accent-color:#b79a61;width:18px;height:18px;flex:0 0 auto}
.picker-extras{border-top:1px solid #f0efeb;margin-top:23px;padding-top:17px}
.picker-extras>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;width:fit-content;font-size:14px;color:#8d7749}
.picker-extras[open]>summary .bi-plus{transform:rotate(45deg)}
.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:720px;margin-top:20px}
.exact-sizes{font-size:13px;margin-top:20px;color:#777}
.exact-sizes>summary{cursor:pointer;text-decoration:underline;text-decoration-color:#d5c6a8;text-underline-offset:4px;list-style:none}
.exact-sizes p{font-size:12px;margin:15px 0 0;max-width:660px}
.picker-actions{display:flex;align-items:center;gap:25px;margin-top:23px}
.picker-actions .btn{min-height:48px;min-width:240px;font-size:15px;border-radius:6px;padding:12px 24px}
.picker-reset{border:0;background:none;color:#888;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:12px 0}
#draftCount{font-size:12px;color:#876330;max-width:280px;line-height:1.5}
.picker-footnote{font-size:11px;line-height:1.65;color:#959595;margin:15px 0 0}
#resultToolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 15px;scroll-margin-top:100px}
#resultCount{font-size:14px;color:#7b7b7b}
#resultCount strong{font-weight:500;color:#333}
#sort{height:40px;border:0;background-color:transparent;font-size:13px;width:215px;color:#777}
#activeFilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
#activeFilters:empty{display:none}
.active-chip{font-size:12px;background:#eee9dd;border:0;padding:7px 10px;border-radius:20px;color:#766344;display:inline-flex;align-items:center;gap:9px}
.active-chip span[aria-hidden]{font-size:17px;line-height:1}
.product-card-photo{aspect-ratio:4/3;display:block;overflow:hidden;margin-bottom:8px}
.product-card-photo img{width:100%;height:100%;object-fit:contain;display:block}
.product-card .product-link{color:inherit;text-decoration:none}
.product-card:hover .product-name-base{color:#b09861}
.result-dimensions{font-size:12px;line-height:1.5;color:#909090;margin:0 0 12px}
.result-sleep{margin-left:8px;color:#9b895f}
.empty-results{text-align:center;padding:65px 20px 75px;color:#888}
.empty-results>i{font-size:30px;color:#b59a64}
.empty-results h2{font-size:24px;font-weight:400;color:#333;margin:20px 0 12px}
.empty-results p{font-size:14px}
.empty-results .btn{font-size:14px;margin-top:12px}
#moreResults{text-align:center;margin-top:30px}
#moreResults button{font-size:14px;padding:11px 25px;border-color:#cec8ba;color:#777}
#moreResults p{font-size:12px;color:#999;margin-top:12px}
.local-label{position:fixed;bottom:12px;left:12px;z-index:1060;padding:7px 11px;border-radius:6px;background:#282828e8;color:#fff;font-size:11px;box-shadow:0 2px 8px #0002}
.local-label button{color:#bbb;border:0;background:none;margin-left:6px;font-size:16px;line-height:14px}
.preview-toast{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:1100;background:#292929;color:white;border-radius:6px;padding:14px 20px;max-width:90vw;width:440px;font-size:13px}
@media(min-width:768px) and (max-width:1199px){.picker-ranges{gap:15px;grid-template-columns:1fr 1fr 1.15fr}.picker-pair{gap:3px;grid-template-columns:minmax(0,1fr) 7px minmax(0,1fr)}.picker-pair select{font-size:12px;padding-left:9px;padding-right:23px;background-position:right 8px center}.picker-pair label>span{left:9px}.picker-second{grid-template-columns:1.4fr 1fr;gap:18px}.modular-option{grid-column:1/-1;min-height:25px}.shape-option span{padding:14px 12px}}
@media(max-width:767px){main>section.sofa-picker-intro{padding-top:30px!important;padding-bottom:24px!important}.picker-title{font-size:17px;padding:19px 17px}.picker-title>span{gap:10px}.picker-title .bi-sliders2{font-size:18px}.picker-body{padding:0 17px 18px}.picker-intro{font-size:12px;margin:0 0 22px;line-height:1.7}.picker-ranges{grid-template-columns:1fr;gap:18px}.picker-pair{gap:10px;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr)}.picker-shell legend,.field-title{font-size:13px}.picker-pair select{font-size:14px;height:54px}.picker-note{font-size:11px;margin-bottom:24px}.picker-second{grid-template-columns:1fr;gap:20px}.shape-options{gap:6px}.shape-option span{font-size:12px;padding:13px 12px}.picker-sleep select{height:46px}.modular-option{font-size:13px;min-height:20px}.extras-grid{grid-template-columns:1fr;gap:16px}.picker-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-top:24px}.picker-actions .btn{min-width:0;font-size:14px;padding:12px 10px}.picker-actions #draftCount{grid-column:1/-1;max-width:none}.picker-actions #draftCount:empty{display:none}.picker-footnote{font-size:10px}.picker-shell{margin-bottom:20px}.picker-reset{font-size:12px}#resultToolbar{align-items:start;gap:8px}#resultCount{font-size:12px;max-width:52%;line-height:1.6;padding-top:10px}#sort{font-size:11px;width:160px;padding-right:22px;background-position:right 3px center;padding-left:0}.product-card .product-name-base{font-size:19px}.empty-results{padding:40px 15px}.empty-results h2{font-size:21px}.local-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 12.10.2026 — согласованное выравнивание верхних блоков. */
:root{--catalog-stack-gap:1.5rem}
main>section.sofa-picker-intro{background:#fff;padding-bottom:var(--catalog-stack-gap)!important}
main>section.sofa-picker-intro>.container{display:flex;flex-direction:column;gap:var(--catalog-stack-gap)}
main>section.sofa-picker-intro>.container>h1,
main>section.sofa-picker-intro>.container>p{margin:0!important}
main>section.sofa-picker-intro .tags-row{--bs-gutter-y:0;margin-top:0!important;margin-bottom:0!important;row-gap:.25rem;max-height:calc(2.25rem + 2px);padding-right:3rem}
main>section.sofa-picker-intro .tags-row>*{margin-top:0!important}
#tablePicker{margin:0;padding:0;min-width:0}
#tablePicker .picker-shell{margin:0;background:#f8f9fa}
#tablePicker select,#tablePicker .shape-option span{background-color:#fff}
#tablePicker .shape-option input:checked+span{background-color:#f7f2e7}
main>section.sofa-picker-catalog{padding-top:var(--catalog-stack-gap)!important}

/* Более компактная строка подбора: 59px на компьютере, около54px на телефоне. */
.picker-title{padding:15px 22px;font-size:18px}
.picker-title>span{gap:11px}
.picker-title .bi-sliders2{font-size:18px}
.picker-title .picker-chevron{font-size:15px}
@media(max-width:767px){.picker-title{padding:13px 17px;font-size:16px}.picker-title>span{gap:10px}.picker-title .bi-sliders2{font-size:17px}}

/* Кнопка подбора в форме капсулы, панель настроек отдельно под ней. */
#tablePicker .picker-shell{background:transparent;border:0;border-radius:0;overflow:visible}
#tablePicker .picker-title{width:fit-content;max-width:100%;min-height:42px;padding:8px 17px;border:1px solid #e4e2dc;border-radius:999px;background:#f8f9fa;gap:18px;font-size:15px;line-height:22px;font-weight:500}
#tablePicker .picker-title>span{gap:9px}
#tablePicker .picker-title .bi-sliders2{font-size:16px;line-height:22px}
#tablePicker .picker-title .picker-chevron{font-size:12px;line-height:22px}
#selectionBadge:empty{display:none}
#tablePicker .picker-body{margin-top:var(--catalog-stack-gap);padding:24px 26px;border:1px solid #e4e2dc;border-radius:10px;background:#f8f9fa}
@media(hover:hover){#tablePicker .picker-title:hover{background:#d3d4d5;border-color:#c6c7c8}}
@media(max-width:767px){#tablePicker .picker-title{font-size:14px;min-height:44px;padding:9px 14px;gap:13px}#tablePicker .picker-title>span{gap:8px}#tablePicker .picker-body{padding:21px 17px 18px}}

/* Тонкая обводка сортировки с сохранением видимого фокуса. */
#sort:focus,#sort:focus-visible{outline:1px solid #b79a61;outline-offset:1px;box-shadow:none}

#pickerError{font-size:14px;padding:12px 16px;margin:12px 0;background:#fff6e9;border:1px solid #e6cf9f;border-radius:6px}
#pickerError button{background:none;border:0;text-decoration:underline;color:#836735}
#results[aria-busy="true"]{opacity:.55;pointer-events:none}
.picker-second:empty{display:none}
.picker-second:has(> :only-child){grid-template-columns:1fr}

/* Table controls: same approved capsule and vertical rhythm as sofas. */
.table-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.table-field{display:block;min-width:0;margin:0}
.table-field .field-title{font-size:13px;line-height:20px;min-height:20px}
.table-field select{height:46px;font-size:13px}
.table-extras{margin-top:20px}
#tablePicker .picker-intro{margin:0 0 20px}
#tablePicker select:focus,#tablePicker select:focus-visible{outline:1px solid #b79a61;outline-offset:1px;box-shadow:none}
@media(min-width:768px) and (max-width:1199px){.table-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.table-fields{grid-template-columns:1fr;gap:16px}.table-field select{font-size:16px}.table-field .field-title{min-height:0}.table-extras{margin-top:16px}}

.table-fields{grid-template-columns:repeat(var(--table-field-count,4),minmax(0,1fr))}
@media(min-width:768px) and (max-width:1199px){.table-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.table-fields{grid-template-columns:1fr}}
#tablePicker option:disabled{color:#aaa}