/* Keep catalog navigation within its column; do not inherit 100vw from the legacy bundle. */
body:has(#ruo-subcategory) #content #navigation,
body:has(#ruo-subsections) #content #navigation{min-width:0;max-width:100%;border:0;box-shadow:none}
body:has(#ruo-subcategory) #content #navigation .breadcrumbs,
body:has(#ruo-subsections) #content #navigation .breadcrumbs{box-sizing:border-box;width:100%!important;max-width:100%!important}
/* The list column is narrower than the old 140px image wrapper on phones. */
body:has(#ruo-subcategory) #content .rs-items .image_block .image_wrapper_block,
body:has(#ruo-subcategory) #content .rs-items .image_block .image_wrapper_block .thumb{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
body:has(#ruo-subcategory) #content .rs-items .image_block .image_wrapper_block .thumb{display:flex!important;align-items:center;justify-content:center;overflow:visible!important}
body:has(#ruo-subcategory) #content .rs-items .image_block .image_wrapper_block .thumb img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;transform:none!important}
@media(max-width:992px){
 body:has(#ruo-subcategory) #content #navigation .breadcrumbs,
 body:has(#ruo-subsections) #content #navigation .breadcrumbs{display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:flex-start;gap:8px;overflow:visible!important;height:auto!important;white-space:normal!important;padding:2px 2px 5px!important;margin:0!important;text-align:left}
 body:has(#ruo-subcategory) #content #navigation .breadcrumbs>li,
 body:has(#ruo-subsections) #content #navigation .breadcrumbs>li{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;flex:0 1 auto;min-width:0;max-width:100%;min-height:36px;height:auto!important;padding:8px 12px!important;margin:0!important;list-style:none;line-height:18px!important;font-size:13px!important;text-align:left;border:1px solid #e5eaf0;border-radius:20px;background:#fff;box-shadow:0 1px 2px #00000012;white-space:normal!important;overflow-wrap:anywhere}
 body:has(#ruo-subcategory) #content #navigation .breadcrumbs>li>a,
 body:has(#ruo-subsections) #content #navigation .breadcrumbs>li>a,
 body:has(#ruo-subcategory) #content #navigation .breadcrumbs>li>span,
 body:has(#ruo-subsections) #content #navigation .breadcrumbs>li>span{display:block!important;min-width:0;max-width:100%;margin:0!important;padding:0!important;font-size:inherit;line-height:18px!important;white-space:normal!important;overflow-wrap:anywhere;position:static!important}
 body:has(#ruo-subcategory) #content #navigation .breadcrumbs>li::before,
 body:has(#ruo-subcategory) #content #navigation .breadcrumbs>li::after,
 body:has(#ruo-subsections) #content #navigation .breadcrumbs>li::before,
 body:has(#ruo-subsections) #content #navigation .breadcrumbs>li::after{display:none!important;content:none!important}
}
@media(max-width:767px){
 /* The closed filter has no visible content; its wrapper must not draw an empty frame. */
 body:has(#ruo-subcategory) #content .left_block .filter_wrapper_left{border:0!important;box-shadow:none!important;background:transparent}
}