@media(max-width:700px){
 /* Clip the page canvas, while keeping the photo ribbon's own scroll area. */
 html:has(body.baazar-live-theme){overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none;max-width:100%}
 body.baazar-live-theme{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}
 body.baazar-live-theme>:is(header,main,footer,.category-ribbon,#mobile-search-dock){box-sizing:border-box;width:100%;max-width:100%;min-width:0}
 body.baazar-live-theme :is(.home-page,.entry-page,.hero,.home-hero-top,.home-postcards,.catalog-search,.sources,.venue-filter,.city-section,.inspiration,.cards,.venue-grid,.catalog-advanced-grid,.form-grid){min-width:0;max-width:100%}
 body.baazar-live-theme .category-ribbon-viewport{max-width:100%;min-width:0;overscroll-behavior-x:contain}
 body.baazar-live-theme :is(.catalog-advanced-grid,.form-grid)>*{min-width:0}
 body.baazar-live-theme :is(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) dialog.catalog-picker{box-sizing:border-box;left:0;right:0;width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) :is(#main,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){font-size:16px!important}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) #modal:has(#auth-form) input:not([type=checkbox]){font-size:16px!important}
 body.baazar-live-theme>.mobile-nav{box-sizing:border-box;left:0;right:0;width:auto!important;max-width:100%}

 /* A compact two-line wordmark and a right-aligned icon cluster. */
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) header.compact-public-header{grid-template-columns:minmax(0,1fr) auto 34px 42px!important;grid-template-rows:46px 34px!important;column-gap:6px!important;row-gap:6px!important;padding:8px 12px!important;min-height:0!important}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) header.compact-public-header .brand>span{grid-column:1/4!important;grid-row:1!important;justify-self:start;align-self:center;display:block!important;font-size:26px!important;font-weight:900!important;line-height:.95!important;letter-spacing:-.055em!important;text-transform:uppercase;color:#e8d9c5!important;-webkit-text-fill-color:#e8d9c5!important;text-shadow:0 1px 0 #c99a2e33}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) header.compact-public-header .brand>span .brandlight{display:block!important;margin:5px 0 0 2px!important;font-size:10px!important;font-weight:650!important;line-height:1!important;letter-spacing:.44em!important;color:#d6b35f!important;-webkit-text-fill-color:#d6b35f!important;text-shadow:none}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) header.compact-public-header .brand-logo{grid-column:4!important;grid-row:1!important;justify-self:end!important;width:42px!important;height:42px!important;filter:drop-shadow(0 2px 5px #0004)}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) header.compact-public-header #account-button{grid-column:2!important;grid-row:2!important;max-width:108px!important;min-height:34px!important;padding:6px 9px!important}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) header.compact-public-header .mobile-header-favorite{grid-column:3!important;grid-row:2!important;justify-self:center!important;width:34px!important}
 html:root[lang][data-live-theme="crimson-petrol"] body.baazar-theme.baazar-live-theme:not(.admin-portal) header.compact-public-header .mobile-header-menu{grid-column:4!important;grid-row:2!important;justify-self:end!important}
}