/* Reference lock: existing sage catalogue, compact mobile filtering and visible selections. */
@media(max-width:600px){
 html body.editorial-mode #app:has(#all-search)>.pagehead{padding-top:16px!important;padding-bottom:8px!important}
 html body.editorial-mode #app:has(#all-search)>.pagehead h1{font-size:32px!important;line-height:1.12!important;margin:0!important}
 html body.editorial-mode #app:has(#all-search)>.pagehead .sub{display:none!important}
 html body.editorial-mode #app .grouped-catalog-tools.mobile-catalog-tools{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 128px!important;gap:8px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;align-items:start;z-index:2}
 html body.editorial-mode #app .mobile-catalog-tools>.search-field{grid-column:auto!important;min-width:0;margin:0!important;padding:0!important;display:block}
 html body.editorial-mode #app .mobile-catalog-tools>.search-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html body.editorial-mode #app .mobile-catalog-tools input{box-sizing:border-box;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;font:400 16px/24px var(--reading-font,Mulish,Arial,sans-serif)!important;border:1px solid #d1dcd7!important;border-radius:8px!important;background:#fff!important;color:#26483e}
 html body.editorial-mode #app .mobile-catalog-filters{position:static;margin:0!important;padding:0!important;min-width:0}
 html body.editorial-mode #app .mobile-catalog-filters>summary{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;height:46px;padding:10px 12px!important;margin:0;list-style:none;border:1px solid #d1dcd7;border-radius:8px;background:#f3f6f4;color:#26483e;white-space:nowrap;font:500 12px/20px var(--reading-font,Mulish,Arial,sans-serif);cursor:pointer}
 html body.editorial-mode #app .mobile-catalog-filters>summary::-webkit-details-marker{display:none}
 html body.editorial-mode #app .mobile-filter-count{position:absolute;inset-inline-end:-4px;top:-5px;font-size:10px;font-weight:600;min-width:17px;text-align:center;border-radius:50%;background:#26483e;color:white;line-height:17px}
 html body.editorial-mode #app .mobile-filter-count[hidden]{display:none}
 html body.editorial-mode #app .mobile-filter-panel{position:absolute;inset-inline:0;top:54px;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:18px;background:#fff;border:1px solid #d1dcd7;border-radius:12px;box-shadow:0 12px 32px #173d3026}
 html body.editorial-mode #app .mobile-filter-panel>strong{grid-column:1/-1;font-size:15px;font-weight:600;color:#26483e}
 html body.editorial-mode #app .mobile-filter-panel>label{display:block;min-width:0;margin:0;padding:0}
 html body.editorial-mode #app .mobile-filter-panel>label>span{display:block;margin-bottom:6px;font-size:12px;color:#66796f}
 html body.editorial-mode #app .mobile-filter-panel>label:last-of-type{grid-column:1/-1}
 html body.editorial-mode #app .mobile-filter-panel select{box-sizing:border-box;height:46px;width:100%;min-width:0;border:1px solid #d1dcd7;border-radius:6px;padding:8px;font-size:16px;background:#fff;color:#26483e}
 html body.editorial-mode #app .mobile-filter-done{grid-column:1/-1;min-height:44px;border:0;border-radius:6px;background:#26483e;color:#fff;font:600 14px/20px var(--reading-font,Mulish,Arial,sans-serif);cursor:pointer}
 html body.editorial-mode #app .mobile-applied-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
 html body.editorial-mode #app .mobile-applied-filters[hidden]{display:none}
 html body.editorial-mode #app .mobile-applied-filters button{padding:7px 10px;min-height:36px;border:0;border-radius:6px;background:#edf3ef;color:#35574a;font:400 12px/18px var(--reading-font,Mulish,Arial,sans-serif)}
 html body.editorial-mode #app #all-count{font-size:12px;margin:12px 0 8px!important;color:#758278}
 html body.editorial-mode #app #all-results .product>.product-art{height:238px!important;box-sizing:border-box;padding:4px!important}
 html body.editorial-mode #app #all-results .product>.product-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain}
 html body.editorial-mode #app #all-results.products{column-gap:14px!important}
 html body.editorial-mode #app #all-results.products>a.product{grid-template-rows:auto 22px auto auto auto auto auto auto}
 html body.editorial-mode #app .mobile-catalog-filters summary:focus-visible,html body.editorial-mode #app .mobile-filter-panel :is(button,select):focus-visible,html body.editorial-mode #app .mobile-applied-filters button:focus-visible{outline:2px solid #007bd0;outline-offset:3px}
}
