/* Shared public mobile layout; desktop navigation remains server-rendered. */
.bi-mobile-bar,.bi-mobile-menu,.bi-scroll-hint{display:none}.bi-public-header [hidden]{display:none!important}
@media(max-width:800px){
 html{ -webkit-text-size-adjust:100%;text-size-adjust:100%}
 body.bi-public-responsive{margin:0;padding:0;min-width:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
 .bi-public-responsive>form{min-width:0;max-width:100%;margin:0}
 .bi-public-responsive #content-container,.bi-public-responsive #content{width:auto!important;max-width:100%;min-width:0;margin:0;padding:12px;box-sizing:border-box}
 .bi-public-responsive #content-container #content{padding:0}
 .bi-public-responsive img{max-width:100%;height:auto}
 .bi-public-responsive form>div:not(.bi-public-header){max-width:100%;box-sizing:border-box}
 .bi-public-responsive form>div>a{max-width:100%;display:inline-block}
 .bi-public-responsive input:not([type=checkbox]):not([type=radio]),.bi-public-responsive select,.bi-public-responsive textarea{max-width:100%;box-sizing:border-box;font-size:16px!important;min-height:44px}
 .bi-public-responsive textarea{width:100%!important}
 .bi-public-responsive input[type=submit],.bi-public-responsive input[type=button],.bi-public-responsive button{min-height:44px;white-space:normal}
 .bi-public-header{width:100%;box-sizing:border-box;padding:0!important}
 .bi-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
 .bi-mobile-brand{display:block;max-width:65%}.bi-mobile-brand img{display:block;width:190px;max-width:100%;height:auto}
 .bi-mobile-toggle{padding:8px 16px;min-height:44px;border:1px solid #c7dcc6;border-radius:6px;background:#fff;color:#164321;font:bold 16px Arial,sans-serif;cursor:pointer}
 .bi-mobile-ready .bi-header-table{display:none!important}
 .bi-mobile-menu:not([hidden]){display:grid;grid-template-columns:1fr;gap:2px;padding:0 12px 12px}
 .bi-mobile-menu a{display:block;padding:12px;color:white!important;font:16px/1.4 Arial,sans-serif;text-decoration:none;border-top:1px solid #ffffff30}
 .bi-mobile-menu a:hover,.bi-mobile-menu a:focus-visible{background:#ffffff20}.bi-public-header :focus-visible{outline:3px solid #ffd631;outline-offset:2px}
 /* Without JavaScript, the original menu remains available and wraps. */
 .bi-header-table,.bi-header-table>tbody,.bi-header-table>tbody>tr,.bi-header-table>tbody>tr>td{display:block;width:auto!important;height:auto!important}
 .bi-header-table>tbody>tr>td:first-child{display:none}.bi-header-table>tbody>tr>td{text-align:left;padding:8px}
 .bi-header-table table,.bi-header-table tbody,.bi-header-table tr{display:block;width:auto!important}.bi-header-table td{display:inline-block;max-width:100%}.bi-header-table a{white-space:normal!important;min-height:40px;padding:8px!important;box-sizing:border-box}
 .bi-home-layout,.bi-home-layout>tbody,.bi-home-layout>tbody>tr,.bi-home-layout>tbody>tr>td,.bi-search-layout,.bi-search-layout>tbody,.bi-search-layout>tbody>tr,.bi-search-layout>tbody>tr>td,.bi-group-layout,.bi-group-layout>tbody,.bi-group-layout>tbody>tr,.bi-group-layout>tbody>tr>td,.bi-product-layout,.bi-product-layout>tbody,.bi-product-layout>tbody>tr,.bi-product-layout>tbody>tr>td,.bi-interest-layout,.bi-interest-layout>tbody,.bi-interest-layout>tbody>tr,.bi-interest-layout>tbody>tr>td{display:block!important;width:100%!important;height:auto!important;box-sizing:border-box;min-width:0;max-width:100%}
 .bi-home-layout>tbody>tr>td,.bi-search-layout>tbody>tr>td,.bi-product-layout>tbody>tr>td,.bi-interest-layout>tbody>tr>td{padding:14px!important;margin-bottom:12px}
 .bi-home-layout p,.bi-home-layout div,.bi-home-layout span,.bi-home-layout td{font-size:16px!important;line-height:1.6!important}
 .bi-home-layout table{width:100%!important;max-width:100%;table-layout:fixed}.bi-home-layout img{height:auto!important;max-width:100%!important}
 .bi-search-layout .bi_menu_xsmall,.bi-search-layout label,.bi-search-layout td,.bi-search-layout span{font-size:15px!important;line-height:1.5}
 .bi-search-layout>tbody>tr>td:first-child>table{width:100%!important}
 .bi-result-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box}
 .bi-result-scroll>table{min-width:600px;width:100%}.bi-result-scroll td,.bi-result-scroll th{padding:10px!important;overflow-wrap:normal}.bi-result-scroll img{max-width:100px;height:auto}
 .bi-scroll-hint{display:block;font-size:14px;margin:0 0 8px;color:#33543a}
 .bi-group-layout{padding:12px}.bi-group-layout table{width:100%!important;table-layout:fixed}.bi-group-layout td{overflow-wrap:anywhere}.bi-group-layout a{display:block;padding:12px 8px;font-size:16px;line-height:1.4}.bi-group-layout h3{font-size:18px}
 .bi-product-layout table{width:100%!important;table-layout:fixed}.bi-product-layout td,.bi-product-layout span{font-size:16px!important;line-height:1.5}.bi-product-layout .mainImagePanel{height:auto!important;max-height:65vh;object-fit:contain}.bi-product-layout .thumbnailPanel img{margin:6px!important;padding:4px!important;width:60px;height:60px;object-fit:contain}
 .bi-interest-page table{max-width:100%;width:100%!important;table-layout:fixed}.bi-interest-layout>tbody>tr>td table,.bi-interest-layout>tbody>tr>td table>tbody,.bi-interest-layout>tbody>tr>td table>tbody>tr,.bi-interest-layout>tbody>tr>td table>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box}.bi-interest-page td{font-size:16px!important;text-align:left}
 .bi-public-responsive #footer{padding:18px;font-size:14px;line-height:1.7;box-sizing:border-box;width:100%}
}

@media(max-width:800px){
.bi-advanced-search form>table:not(.bi-search-layout),.bi-advanced-search form>table:not(.bi-search-layout)>tbody,.bi-advanced-search form>table:not(.bi-search-layout)>tbody>tr,.bi-advanced-search form>table:not(.bi-search-layout)>tbody>tr>td{display:block;width:100%!important;box-sizing:border-box;min-width:0;height:auto!important}
.bi-advanced-search form>table:not(.bi-search-layout)>tbody>tr>td{padding:12px!important;font-size:16px!important}.bi-advanced-search form>table:not(.bi-search-layout) span{font-size:16px!important}
.bi-advanced-search [id$=pnlTypbilder]{max-width:100%;box-sizing:border-box}.bi-advanced-search [id$=pnlTypbilder] table{width:100%!important;table-layout:fixed}.bi-advanced-search [id$=pnlTypbilder] td{padding:2px!important;overflow-wrap:anywhere}.bi-advanced-search [id$=pnlTypbilder] img{max-width:100%;height:auto}
}
