.mobile-menu-button{display:none}
.has-mobile-navigation>.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:48px;min-height:44px;padding:8px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.1;border:1px solid #bfc8b8;border-radius:12px;background:#fff;color:#141c15;cursor:pointer}
.site-header.has-mobile-navigation{grid-template-columns:minmax(40px,1fr) auto auto!important}
.mobile-navigation{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 100px);padding:20px;border:1px solid #c8d0c1;border-radius:18px;background:#fbfcf7;color:#111815;box-sizing:border-box}
.mobile-navigation::backdrop{background:#111a1973}
.mobile-navigation header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.mobile-navigation h2{font-family:inherit;font-size:21px;font-weight:700;line-height:1.3;margin:0}
.mobile-navigation button{font:inherit;min-width:44px;min-height:44px;border:1px solid #b8c1b1;border-radius:10px;background:#fff;color:#172118}
.mobile-navigation nav{display:grid;gap:8px}
.mobile-navigation nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:17px;border:1px solid #d9e1d3;border-radius:10px;color:inherit;text-decoration:none}
.mobile-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:700px){
  :where(main,section,article,aside,header,footer,nav,figure,div,h1,h2,h3,p,ul,li){min-width:0}
  :where(h1,h2,h3,p,li,figcaption,td,th){overflow-wrap:anywhere}
  :where(img,video,iframe){max-width:100%}
  :where(.section-title,.catalog-teaser-heading,.expertise-preview-heading){grid-template-columns:minmax(0,1fr)!important}
  :where(.portfolio-grid,.catalog-teaser-grid,.expertise-preview-grid){grid-template-columns:minmax(0,1fr)!important}
  .portfolio-grid>*,.catalog-teaser-grid>*,.expertise-preview-grid>*{grid-column:1/-1!important;min-width:0}
  .portfolio-card,.portfolio-card>a{transform:none!important}
  .portfolio-card :where(figure,.card-copy){max-width:100%;box-sizing:border-box}
  .legal-footer{font-size:12px!important;line-height:1.65;gap:8px 12px}
  .legal-footer a{display:inline-flex;align-items:center;min-height:36px;font-size:12px!important}
  .blog-kicker,.selection-kicker{font-size:12px!important}
  .variant-property>span,.product-details-label,.product-details-panel summary span,.product-detail-tags li,.product-detail-action{font-size:13px!important;line-height:1.5}
  .product-card .card-meta,.product-card .card-material,.product-card .card-price span,.product-card .stock-status,.product-card .color-more{font-size:12px!important;line-height:1.5}
  .seo-pagination a,.seo-pagination [aria-current]{min-width:44px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
  .search-field.site-search-host{grid-column:1/-1;width:100%;box-sizing:border-box}
  .search-field.site-search-host>input{width:100%;box-sizing:border-box;min-height:44px}
  :where(input,select,textarea){font-size:16px!important;max-width:100%}
  :where(.variant-list,.variant-options,.color-options){flex-wrap:wrap}
  :where(.variant-list button,.variant-options button,.color-options button){min-width:44px;min-height:44px}
  .product-header-search{width:100%;box-sizing:border-box}
  .product-header-search>button{flex:0 0 auto}
  .product-header-search>input{flex:1 1 0;width:0}
  .product-sticky-order{max-width:100vw;box-sizing:border-box}
  .b24-widget-button-wrapper{max-width:calc(100vw - 24px)}
}
@media(max-width:360px){
  .site-header{gap:8px!important;padding-inline:12px!important}
  .site-header .header-cta{font-size:12px!important;padding-inline:10px!important;max-width:150px}
  .mobile-menu-button{min-width:44px;font-size:12px}
}