/* SALE changes colors only: the toggle and category geometry stay identical in both modes. */
.sale-catalog-menu{min-width:0}
.sale-entry .sale-entry-copy{min-width:0;flex:1}
.sale-entry .sale-mode-switch{display:block;position:relative;flex:0 0 32px;width:32px;height:18px;box-sizing:border-box;border:1px solid #ceb7b2;border-radius:999px;background:#e8d9d5;transition:background .18s ease,border-color .18s ease}
.sale-mode-switch::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #63352b20;transform:translateX(0);transition:transform .18s ease}
.sale-mode-toggle[aria-checked="true"] .sale-mode-switch{background:#cb5143;border-color:#cb5143}
.sale-mode-toggle[aria-checked="true"] .sale-mode-switch::after{transform:translateX(14px)}
.workspace-navigation .sale-mode-active .media-option{background:transparent;border-color:transparent;color:#a63e35}
.workspace-navigation .sale-mode-active .media-option .media-option-icon{color:#b15348;background:none}
.workspace-navigation .sale-mode-active .media-option small{color:#a07168}
.workspace-navigation .sale-mode-active .media-option:hover{background:transparent;color:#8f3029}
.workspace-navigation .sale-mode-active .media-option.active{background:transparent;border-color:transparent;color:#8f3029}
.workspace-navigation .sale-mode-active .media-option.active .media-option-icon{color:#b53f32}
.workspace-navigation .sale-mode-active .media-option.active small{color:#995b50}
.workspace-navigation .sale-mode-active .media-option:focus-visible{outline:2px solid #cf6251;outline-offset:-2px}
@media(max-width:600px){.workspace-navigation .sale-catalog-menu .media-option{gap:0;padding:4px 2px;justify-content:center}.workspace-navigation .sale-catalog-menu .media-option-icon{display:none}.workspace-navigation .sale-catalog-menu .media-option strong{font-size:12px;line-height:18px}.workspace-navigation .sale-catalog-menu .media-option small{display:block;font-size:11px;line-height:14px;margin-top:1px}}
@media(prefers-reduced-motion:reduce){.sale-entry .sale-mode-switch,.sale-mode-switch::after{transition:none}}

/* The mode changes the page tint, never the working frame. */
body.sale-page{background:linear-gradient(180deg,#fff4f0 0,#fffaf8 520px,#fff 1120px)}
.workspace-navigation .sale-mode-active .media-option.active strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.sale-page .workspace-prelude .search-bar{height:52px;margin-bottom:0}
.sale-page .workspace-prelude .sale-toolbar{grid-template-columns:minmax(0,1fr) auto;min-height:44px}
.sale-page .workspace-prelude .sale-toolbar .catalog-view{grid-column:2;grid-row:1}
.sale-page .sale-toolbar p{margin:0;color:var(--muted);font-size:13px}
.sale-page .catalog-view{background:#f7eae6}
.sale-page .catalog-view button.active{color:#a63e35}
.sale-page .sale-map-workspace{height:var(--workspace-map-height)}
.sale-page #sale-map{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0}
.sale-page .sale-results{min-height:var(--workspace-map-height);align-content:start}
.sale-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The mobile catalog already uses two toolbar rows; reserve the same space in SALE. */
@media(max-width:900px){
 .sale-page .workspace-layout{display:grid}
 #public-site .workspace-layout .workspace-prelude.catalog-prelude{min-height:158px}
 .sale-page .workspace-prelude.catalog-prelude{height:158px}
}
/* Keep the optional video format within the search row instead of pushing the map. */
@media(max-width:600px){
 #public-site .workspace-layout .workspace-prelude .search-bar{height:52px;margin-bottom:0}
 #public-site .workspace-layout .workspace-prelude .search-bar:has(#format-field:not([hidden])){grid-template-columns:minmax(0,1fr) 96px 44px}
 #public-site .workspace-layout .workspace-prelude .search-bar:has(#format-field:not([hidden]))>.button{grid-column:3}
 #public-site .workspace-layout .workspace-prelude .select-field{grid-column:2;grid-row:1;width:96px;min-width:0;border-top:0;border-left:1px solid var(--line);padding-inline:5px}
 #public-site .workspace-layout .workspace-prelude .select-field>span{display:none}
 #public-site .workspace-layout .workspace-prelude .select-field select{min-width:0;width:100%;font-size:11px;padding-right:18px}
}

/* In SALE the text resets filters and the padded switch exits; outside SALE both targets enter. */
.sale-entry{padding:0;gap:0}
.sale-entry:hover{background:transparent}
.sale-entry .sale-all{display:flex;align-items:center;gap:10px;flex:1;align-self:stretch;min-width:0;padding:6px 4px 6px 12px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left}
.sale-entry .sale-entry-copy{display:grid;gap:1px;min-width:0}
.sale-entry .sale-all:disabled{opacity:1;cursor:default}
.sale-entry .sale-mode-toggle{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 56px;width:56px;padding:0 12px;box-sizing:border-box}
.sale-entry .sale-all:not(:disabled):hover,.sale-entry .sale-mode-toggle:hover{background:#fce5e0}
.sale-entry .sale-all:focus-visible,.sale-entry .sale-mode-toggle:focus-visible{outline:2px solid #d65c4b;outline-offset:-3px}

/* Both modes keep their existing document and map instances. Only the visible view changes. */
#catalog-workspace[hidden],#sale-workspace[hidden],.sale-catalog-menu .media-switch[hidden]{display:none!important}
body[data-sale-start]:not(.sale-shell-ready) #public-site .workspace-content{visibility:hidden}
body.sale-page #public-site>section:not(#explore){display:none}
body.sale-page #booking-bar{display:none!important}
body.sale-page.has-selection{padding-bottom:0}
.sale-entry .sale-enter{cursor:pointer;text-decoration:none}