/* Desktop only. The existing mobile search dialog is intentionally unchanged. */
 .cdb-modal:not([open]),.cdb-quick-row[hidden]{display:none!important}
@media(min-width:769px){
 /* The compact search shell is non-interactive; its top-layer dialog is not. */
 #cdb-desktop .cdb-modal{pointer-events:auto}
 #cdb-desktop .cdb-quick-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 24px 0;min-height:64px;pointer-events:auto}
 #cdb-desktop .cdb-quick-options{display:flex;align-items:center;gap:8px}
 #cdb-desktop .cdb-quick-divider{height:24px;border-inline-start:1px solid #ddd}
 #cdb-desktop .cdb-quick-row .cdb-filters,#cdb-desktop .cdb-quick-chip{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #ddd;border-radius:30px;background:#fff;color:#222;font-size:14px;font-weight:500;min-height:44px;cursor:pointer}
 #cdb-desktop .cdb-quick-chip svg{height:16px;width:16px;transition:transform 180ms}
 #cdb-desktop .cdb-quick-chip[aria-expanded=true]{border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed}
 #cdb-desktop .cdb-quick-chip[aria-expanded=true] svg{transform:rotate(180deg)}
 #cdb-desktop:has(.cdb-quick-row:not([hidden])) .cdb-search-row>.cdb-filters{display:none!important}
 #cdb-desktop .cdb-quick-row .cdb-filters{width:auto}
 #cdb-desktop .cdb-quick-row .cdb-filters>span{display:inline!important}
 #cdb-desktop .cdb-quick-row .cdb-filters .cdb-badge{position:static}
 /* Commit compact dimensions together; layout animation here repeatedly
    reflows the sticky search area during momentum scrolling. */
 #cdb-desktop .cdb-quick-row,#cdb-desktop .cdb-quick-row .cdb-filters,#cdb-desktop .cdb-quick-chip{transition:none}
 #cdb-desktop.cdb-compact .cdb-quick-row{position:fixed;top:82px;inset-inline:0;gap:8px;min-height:50px;padding:6px 24px;background:#fff;border-bottom:2px solid #ebebeb}
 #cdb-desktop.cdb-compact .cdb-quick-options{gap:6px}
 #cdb-desktop.cdb-compact .cdb-quick-row .cdb-filters,#cdb-desktop.cdb-compact .cdb-quick-chip{min-height:36px;padding:6px 12px;gap:6px;font-size:12px;line-height:18px}
 #cdb-desktop.cdb-compact .cdb-quick-row .cdb-filters>svg{width:16px;height:16px}
 #cdb-desktop.cdb-compact .cdb-quick-chip>svg{width:14px;height:14px}
 #cdb-desktop.cdb-compact .cdb-quick-divider{height:20px}
 #cdb-desktop.cdb-compact .cdb-quick-row .cdb-badge{min-width:18px;height:18px;font-size:10px}
 #cdb-desktop .cdb-modal{inset:0;margin:auto;width:568px;max-width:calc(100vw - 64px);height:min(780px,calc(100dvh - 80px));max-height:calc(100dvh - 80px);padding:0;border:0;border-radius:32px;background:#fff;color:#222;box-shadow:0 0 0 1px #00000005,0 8px 24px #0000001a;overflow:hidden;font:inherit}
 #cdb-desktop .cdb-modal::backdrop{background:rgba(0,0,0,.4);animation:cdb-backdrop-in 250ms ease-out}
 /* Keep the native dialog and its scrolling surface opaque and paint-isolated.
    The catalogue must never be composited into the modal during momentum scroll. */
 #cdb-desktop .cdb-modal{isolation:isolate;contain:paint;overscroll-behavior:none}
 #cdb-desktop .cdb-modal #cdb-popover{position:relative!important;inset:auto!important;width:100%!important;height:100%;max-height:none!important;border:0;border-radius:0;padding:0;box-shadow:none;display:flex;background:#fff}
 #cdb-desktop .cdb-modal .cdb-pop-head{position:relative;min-height:64px;justify-content:center;margin:0;padding:16px 64px;border-bottom:1px solid #ddd}
 #cdb-desktop .cdb-modal #cdb-title{font-size:16px;font-weight:700;text-align:center}
 #cdb-desktop .cdb-modal .cdb-close{position:absolute;inset-inline-end:16px;top:16px;border:0;width:32px;height:32px;font-size:24px;border-radius:50%}
 #cdb-desktop .cdb-modal .cdb-close:hover{background:#f7f7f7}
 #cdb-desktop .cdb-modal .cdb-pop-head,#cdb-desktop .cdb-modal .cdb-pop-footer{flex-shrink:0;position:relative;z-index:1;background:#fff}
 #cdb-desktop .cdb-modal .cdb-form{flex:1;min-height:0;background:#fff}
 #cdb-desktop .cdb-modal .cdb-content{position:relative;z-index:0;padding:0 24px;flex:1;min-height:0;background:#fff;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;contain:paint;isolation:isolate}
 #cdb-desktop .cdb-modal .cdb-content section{padding:28px 0;margin:0;border-top:1px solid #ebebeb}
 #cdb-desktop .cdb-modal .cdb-content section:first-child{border-top:0}
 #cdb-desktop .cdb-modal .cdb-content h3{font-size:18px;font-weight:650;margin:0 0 18px}
 #cdb-desktop .cdb-modal .cdb-content h4{font-size:14px;font-weight:500}
 #cdb-desktop .cdb-modal .cdb-options{display:flex;flex-wrap:wrap;gap:10px}
 #cdb-desktop .cdb-choice[hidden]{display:none!important}
 #cdb-desktop .cdb-modal .cdb-choice{min-height:46px;border-radius:26px;padding:10px 16px;font-size:14px;gap:8px}
 #cdb-desktop .cdb-modal .cdb-choice[aria-pressed=true]{color:#6d28d9;background:#faf7ff}
 #cdb-desktop .cdb-modal .cdb-check{width:15px;height:15px;font-size:10px}
 #cdb-desktop .cdb-modal .cdb-choice:not([aria-pressed=true])>.cdb-check{display:none}
 #cdb-desktop .cdb-modal .cdb-field label{font-size:13px;font-weight:500}
 #cdb-desktop .cdb-modal .cdb-field input{font-size:15px}
 #cdb-desktop .cdb-modal .cdb-price-grid input{border-radius:30px;text-align:center}
 #cdb-desktop .cdb-modal .cb-histogram{margin-block:2px 16px}
 #cdb-desktop .cdb-modal .cb-status{min-height:20px;margin-bottom:0}
 #cdb-desktop .cdb-modal .cdb-pop-footer{padding:18px 24px;border-top:1px solid #ddd;background:#fff;min-height:84px;box-shadow:0 -4px 12px #00000004}
 #cdb-desktop .cdb-done{color:#fff;background:#7c3aed;min-height:44px;border-radius:12px;font-size:14px;padding:12px 18px}
 #cdb-desktop .cdb-done:hover{background:#6d28d9}
 #cdb-desktop .cdb-modal .cdb-clear{font-size:14px;font-weight:600}
 #cdb-desktop .cdb-modal .cdb-error{padding:8px 24px}
 #cdb-desktop .cdb-recommendations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 #cdb-desktop .cdb-modal .cdb-recommendation{position:relative;display:flex;flex-direction:column;justify-content:flex-start;border:0;box-shadow:none;background:transparent;padding:0;font-size:13px;line-height:1.35;text-align:center;gap:10px}
 #cdb-desktop .cdb-modal .cdb-recommendation>span{flex:none}
 #cdb-desktop .cdb-recommendation-art{width:100%;aspect-ratio:1.05;border:1px solid #ddd;border-radius:14px;display:grid;place-items:center;background:#fff;color:#7c3aed}
 #cdb-desktop .cdb-recommendation-art svg{width:38px;height:38px;stroke-width:1.3}
 #cdb-desktop .cdb-recommendation:hover .cdb-recommendation-art,#cdb-desktop .cdb-recommendation[aria-pressed=true] .cdb-recommendation-art{border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed}
 #cdb-desktop .cdb-recommendation>.cdb-check{position:absolute;top:7px;inset-inline-end:7px}
 #cdb-desktop .cdb-recommendation>.cm-category-thumb{display:none}
 #cdb-desktop .cdb-recommendation:has(>.cm-category-thumb) .cdb-recommendation-art{display:none}
 #cdb-desktop .cdb-recommendation>.cm-category-thumb{width:100%;height:auto;aspect-ratio:1.05;border:1px solid #ddd;border-radius:14px;margin:0;flex:none}
 #cdb-desktop .cdb-recommendation:has(>.cm-category-thumb)>.cm-category-thumb{display:block}
 #cdb-desktop .cdb-modal .cdb-options .cm-category-thumb{width:28px;height:28px;border-radius:8px;flex:none}
 #cdb-desktop .cdb-modal .cdb-recommendation[aria-pressed=true]>.cm-category-thumb{border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed}
 @media(max-width:1100px){#cdb-desktop.cdb-compact .cdb-quick-row{top:152px}.cdb-quick-row{flex-wrap:wrap}}
 @media(prefers-reduced-motion:reduce){#cdb-desktop .cdb-modal::backdrop{animation:none}}
 @keyframes cdb-backdrop-in{from{background:transparent}to{background:rgba(0,0,0,.4)}}
}
@media(max-width:768px){.cdb-quick-row,.cdb-modal{display:none!important}}