.mx-layout{font-family:inherit}.mx-layout *{box-sizing:border-box}.mx-layout a{color:inherit}.mx-wrap{max-width:1240px;padding:0 24px;margin:auto}.mx-top{padding:12px 0;font-size:13px}.mx-contacts{display:flex;flex-wrap:wrap;gap:12px 24px}.mx-headrow{display:flex;align-items:center;gap:24px;padding-top:25px;padding-bottom:25px;position:relative;z-index:1}.mx-logo{font-size:26px;font-weight:700;flex-shrink:0}.mx-logo img{max-width:200px;max-height:75px}.mx-search{flex:1;min-width:160px}.mx-search #search{margin:0}.mx-cart #cart{margin:0}.mx-nav>.mx-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.mx-nav a{font-weight:600;text-decoration:none}.mx-catalog summary{cursor:pointer;font-weight:700}.mx-catalog{position:relative}.mx-categories{position:absolute;top:100%;left:0;min-width:280px;background:#fff;color:#222;z-index:100;box-shadow:0 12px 30px #0002;padding:12px}.mx-categories #menu{background:#fff;border:0;margin:0}.mx-categories #menu .navbar-header{display:none}.mx-categories #menu .navbar-collapse{display:block!important}.mx-categories #menu .navbar-nav{float:none}.mx-categories #menu .navbar-nav>li{float:none}.mx-categories #menu .nav>li>a{color:#222}.mx-media{position:relative;width:100%;overflow:hidden}.mx-media>img,.mx-media>video{width:100%;height:100%;object-fit:cover;display:block}.mx-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;pointer-events:none;text-shadow:0 1px 4px #0008;padding:20px}.mx-caption strong{font-size:28px}.mx-header{position:relative}.mx-header>.mx-media{position:absolute;inset:0;height:100%!important}.mx-header:has(>.mx-media)>.mx-headrow{min-height:180px}.mx-footer{padding:44px 0}.mx-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:30px}.mx-columns h3{color:inherit;font-size:16px;margin:0 0 18px}.mx-columns section>a{display:block;margin-bottom:10px}.mx-columns .mx-contacts{flex-direction:column;gap:10px}.mx-bottom{padding:18px 0}.mx-header #cart .dropdown-menu{color:#222}.mx-header #search input{color:#222}@media(max-width:767px){.mx-wrap{padding-left:16px;padding-right:16px}.mx-headrow{flex-wrap:wrap;gap:14px}.mx-search{order:3;flex-basis:100%}.mx-logo img{max-width:145px}.mx-nav>.mx-wrap{gap:16px}.mx-categories{position:static;width:100%}.mx-catalog{width:100%}.mx-caption strong{font-size:22px}}

.mx-layout .mx-bottom{text-align:center}

/* Header contacts: independent groups, divider shown only when both have content. */
.mx-contactbar{display:flex;align-items:center;gap:24px}
.mx-contact-left,.mx-contact-right{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;min-width:0;flex:1}
.mx-contact-right{justify-content:flex-end;text-align:right}
.mx-contactbar a,.mx-contactbar span{overflow-wrap:anywhere}
.mx-contact-divider{width:1px;min-height:24px;background:currentColor;opacity:.25;flex:0 0 1px;align-self:stretch}
.mx-divider-dot .mx-contact-divider{width:5px;height:5px;min-height:5px;border-radius:50%;align-self:center;flex-basis:5px}
.mx-layout .mx-bottom,.mx-layout .mx-bottom>.mx-wrap{display:block!important;width:100%;text-align:center!important;float:none!important}
@media(max-width:767px){
 .mx-contactbar{flex-direction:column;align-items:stretch;gap:10px}
 .mx-contact-left,.mx-contact-right{flex:none;justify-content:flex-start;text-align:left;gap:8px 16px}
 .mx-contact-divider,.mx-divider-dot .mx-contact-divider{width:100%;height:1px;min-height:1px;flex:none;align-self:stretch;border-radius:0}
 .mx-logo{margin-right:auto}.mx-headrow>a:not(.mx-logo){font-size:12px}.mx-cart{max-width:160px}
 .mx-nav>.mx-wrap{gap:12px 18px;font-size:13px}
 body[data-mx-mobile-columns] #content .product-layout{float:left!important;clear:none!important;min-width:0;padding-left:8px;padding-right:8px}
 body[data-mx-mobile-columns="1"] #content .product-layout{width:100%!important}
 body[data-mx-mobile-columns="2"] #content .product-layout{width:50%!important}
 body[data-mx-mobile-columns] #content .product-layout .product-thumb .image{float:none!important;width:auto!important;padding:0}
 body[data-mx-mobile-columns] #content .product-layout .product-thumb .caption{margin-left:0!important;padding:12px}
 body[data-mx-mobile-columns] #content .product-layout .product-thumb{height:100%;margin-bottom:0;display:flex;flex-direction:column;overflow-wrap:anywhere}
 body[data-mx-mobile-columns] #content .product-layout .product-thumb .button-group{margin-top:auto}
 body[data-mx-mobile-columns] #content .row:has(>.product-layout){display:flex;flex-wrap:wrap;row-gap:16px}
 body[data-mx-mobile-columns] #content .row:has(>.product-layout)::before,body[data-mx-mobile-columns] #content .row:has(>.product-layout)::after{display:none}
 body[data-mx-mobile-columns="2"] #content .product-layout .product-thumb h4{font-size:14px;line-height:1.4}
 body[data-mx-mobile-columns="2"] #content .product-layout .product-thumb .caption>p:not(.price){display:none}
 body[data-mx-mobile-columns="2"] #content .product-layout .product-thumb .button-group>button{font-size:12px}
}

/* 1.0.5: contacts on the right, cart below account on mobile, configurable buttons. */
.mx-contactbar{justify-content:flex-end}
.mx-contact-left,.mx-contact-right{flex:0 1 auto;justify-content:flex-end;text-align:right}
.mx-actions{display:flex;align-items:center;gap:24px;margin-left:auto;flex-shrink:0}
.mx-actions .mx-cart #cart{margin-bottom:0}
body[data-mx-mobile-columns] button:not(.mfp-close):not(.mfp-arrow),body[data-mx-mobile-columns] .btn:not(.mfp-close):not(.mfp-arrow),body[data-mx-mobile-columns] input[type="submit"]:not(.mfp-close):not(.mfp-arrow),body[data-mx-mobile-columns] input[type="button"]:not(.mfp-close):not(.mfp-arrow){border-radius:var(--mx-button-radius,4px)!important}
@media(max-width:767px){
 .mx-contactbar{align-items:flex-end}
 .mx-contact-left,.mx-contact-right{flex:none;justify-content:flex-end;text-align:right;width:100%}
 .mx-headrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 12px}
 .mx-logo{grid-column:1;grid-row:1;margin-right:0;min-width:0;overflow-wrap:anywhere}
 .mx-actions{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-left:0;max-width:180px}
 .mx-account{text-align:right;font-size:12px}
 .mx-actions .mx-cart{width:160px;max-width:100%}
 .mx-search{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
 .mx-actions .mx-cart #cart>.btn{width:100%}
 .mx-actions .mx-cart #cart .dropdown-menu{right:0;left:auto;min-width:min(350px,calc(100vw - 32px))}
}
@media(max-width:359px){.mx-actions{max-width:140px}.mx-actions .mx-cart{width:140px}.mx-logo img{max-width:110px}}

/* Unified product actions and independent card/search radii. */
body[data-mx-mobile-columns] #content .product-thumb .button-group>button,
body[data-mx-mobile-columns] #product button.btn,
body[data-mx-mobile-columns] #button-cart,
body[data-mx-mobile-columns] #cart>.btn{border-radius:var(--mx-button-radius,4px)!important}
body[data-mx-mobile-columns] #content .product-thumb{border-radius:var(--mx-card-radius,0px)!important;overflow:hidden}
body[data-mx-mobile-columns] #search{border-radius:var(--mx-search-radius,4px)!important}
body[data-mx-mobile-columns] #search>.form-control{border-radius:var(--mx-search-radius,4px) 0 0 var(--mx-search-radius,4px)!important}
body[data-mx-mobile-columns] #search .input-group-btn>button.btn{border-radius:0 var(--mx-search-radius,4px) var(--mx-search-radius,4px) 0!important}

.mx-map iframe{display:block;width:100%;border:0}.mx-map-address{padding-top:12px;padding-bottom:12px;text-align:right;white-space:pre-line}.mx-media>video{pointer-events:none}

/* Desktop product grid, independent of mobile choice and native list view. */
@media(min-width:992px){
 body[data-mx-desktop-columns] #content .product-layout:not(.product-list){float:left!important;clear:none!important;min-width:0;max-width:none;}
 body[data-mx-desktop-columns="3"] #content .product-layout:not(.product-list){width:33.333333%!important}
 body[data-mx-desktop-columns="4"] #content .product-layout:not(.product-list){width:25%!important}
 body[data-mx-desktop-columns] #content .row:has(>.product-layout:not(.product-list)){display:flex;flex-wrap:wrap;row-gap:20px}
 body[data-mx-desktop-columns] #content .row:has(>.product-layout:not(.product-list))::before,body[data-mx-desktop-columns] #content .row:has(>.product-layout:not(.product-list))::after,body[data-mx-desktop-columns] #content .row:has(>.product-layout:not(.product-list))>.clearfix{display:none!important}
 body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb{height:100%;display:flex;flex-direction:column;overflow-wrap:anywhere}
 body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb .button-group{margin-top:auto}
}

/* Catalog toolbar: keep view switches together regardless of button presets. */
body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort){display:grid;grid-template-columns:max-content minmax(140px,1fr) minmax(220px,1.3fr) minmax(130px,.65fr);align-items:center;gap:12px;margin-left:0;margin-right:0;margin-bottom:20px}
body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort)::before,body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort)::after{display:none}
body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort)>div{float:none;width:auto!important;min-width:0;padding:0}
body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort) .form-group{margin-bottom:0}
body[data-mx-mobile-columns] #content .btn-group:has(>#grid-view){display:inline-flex;flex-wrap:nowrap;align-items:stretch;gap:4px;white-space:nowrap;max-width:100%}
body[data-mx-mobile-columns] #content #list-view,body[data-mx-mobile-columns] #content #grid-view,body[data-mx-mobile-columns] #content #price-view{float:none;flex:0 0 auto;margin-left:0!important;padding:8px 12px!important;min-width:38px;min-height:38px;line-height:1.4!important}
body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort) .input-group{width:100%}
body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort) .form-control{min-width:0;max-width:100%}
@media(min-width:768px) and (max-width:991px){body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:767px){
 body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort)>div:has(#grid-view){display:block!important;grid-column:1/-1}
 body[data-mx-mobile-columns] #content>.row:has(>div #grid-view):has(>div #input-sort)>div:has(#compare-total){grid-column:1/-1}
}

/* Catalog dropdown inherits palette colors, including native Show All states. */
body[data-mx-mobile-columns] .mx-categories,body[data-mx-mobile-columns] .mx-categories #menu,body[data-mx-mobile-columns] .mx-categories #menu .dropdown-menu{background:var(--mx-menu-bg,#ffffff)!important;background-image:none!important;color:var(--mx-menu-text,#172029)!important}
body[data-mx-mobile-columns] .mx-categories #menu a{color:var(--mx-menu-text,#172029)!important;background:transparent!important;background-image:none!important;text-shadow:none!important}
body[data-mx-mobile-columns] .mx-categories #menu a:is(:hover,:focus,:active),body[data-mx-mobile-columns] .mx-categories #menu .nav>li.open>a,body[data-mx-mobile-columns] .mx-categories #menu .active>a{background:var(--mx-menu-hover-bg,#487b63)!important;background-image:none!important;color:var(--mx-menu-hover-text,#ffffff)!important;text-shadow:none!important}
body[data-mx-mobile-columns] .mx-catalog>summary:is(:hover,:focus-visible),body[data-mx-mobile-columns] .mx-catalog[open]>summary{background:var(--mx-menu-hover-bg,#487b63);color:var(--mx-menu-hover-text,#ffffff)}
body[data-mx-mobile-columns] .mx-categories #menu a:focus-visible,body[data-mx-mobile-columns] .mx-catalog>summary:focus-visible{outline:2px solid var(--mx-menu-hover-bg,#487b63);outline-offset:2px}

/* Fit grid card actions to the card width instead of wrapping purchase text. */
body[data-mx-mobile-columns][data-mx-mobile-columns][data-mx-mobile-columns] #content .product-layout:not(.product-list) .product-thumb .button-group{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;container-type:inline-size}
body[data-mx-mobile-columns][data-mx-mobile-columns][data-mx-mobile-columns] #content .product-layout:not(.product-list) .product-thumb .button-group>button:nth-child(n){display:flex;align-items:center;justify-content:center;gap:4px;float:none;min-width:0;min-height:38px;height:auto;white-space:nowrap;overflow-wrap:normal;font-size:12px!important;font-size:clamp(10px,6cqi,var(--mx-card-button-font,14px))!important;line-height:1.4!important;padding:8px 6px!important}
body[data-mx-mobile-columns][data-mx-mobile-columns][data-mx-mobile-columns] #content .product-layout:not(.product-list) .product-thumb .button-group>button:first-child{flex:1 1 0;width:auto!important}
body[data-mx-mobile-columns][data-mx-mobile-columns][data-mx-mobile-columns] #content .product-layout:not(.product-list) .product-thumb .button-group>button:not(:first-child){flex:0 0 34px;flex-basis:clamp(28px,18cqi,38px);width:auto!important;padding-left:2px!important;padding-right:2px!important}
body[data-mx-mobile-columns][data-mx-mobile-columns][data-mx-mobile-columns] #content .product-layout:not(.product-list) .product-thumb .button-group>button>i{flex:0 0 auto}
body[data-mx-mobile-columns][data-mx-mobile-columns][data-mx-mobile-columns] #content .product-layout:not(.product-list) .product-thumb .button-group>button>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:992px){body[data-mx-mobile-columns][data-mx-mobile-columns][data-mx-mobile-columns] #content .product-layout:not(.product-list) .product-thumb .button-group>button:first-child>span{display:inline!important}}

/* Search field and button share the tallest intrinsic height. */
body[data-mx-mobile-columns] .mx-search #search{display:flex;align-items:stretch;width:100%}
body[data-mx-mobile-columns] .mx-search #search>.form-control{flex:1 1 0;float:none;width:0;min-width:0;min-height:40px;height:auto!important;align-self:stretch;margin:0;box-sizing:border-box}
body[data-mx-mobile-columns] .mx-search #search>.input-group-btn{display:flex;align-items:stretch;flex:0 0 auto;width:auto;font-size:inherit;vertical-align:top}
body[data-mx-mobile-columns] .mx-search #search>.input-group-btn>button.btn{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:40px;height:auto!important;margin-top:0;margin-bottom:0;box-sizing:border-box}

/* Native OC3 wraps caption and actions in an extra div: stretch that wrapper. */
@media(min-width:992px){
body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb{display:flex;flex-direction:column}
body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb>.image{flex:0 0 auto}
body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb>div:has(>.caption):has(>.button-group){display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb .caption{display:flex;flex-direction:column;flex:1 1 auto}
body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb .caption>.price{margin-top:auto}
body[data-mx-desktop-columns] #content .product-layout:not(.product-list) .product-thumb .button-group{flex:0 0 auto;margin-top:auto}
}

/* Pagination follows MAX colors, including active, hover and disabled states. */
body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li>a,body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li>span{background:var(--mx-page-bg,#fff)!important;color:var(--mx-page-text,#172029)!important;border-color:var(--mx-page-border,#ddd)!important;text-shadow:none!important}
body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li:not(.disabled):not(.active)>a:is(:hover,:focus){background:var(--mx-page-hover-bg,#487b63)!important;color:var(--mx-page-hover-text,#fff)!important;border-color:var(--mx-page-hover-border,#487b63)!important}
body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li.active>a,body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li.active>span{background:var(--mx-page-active-bg,#172029)!important;color:var(--mx-page-active-text,#fff)!important;border-color:var(--mx-page-active-border,#172029)!important}
body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li.disabled>a,body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li.disabled>span{opacity:.55;cursor:not-allowed}
body[data-mx-mobile-columns] :is(#product-category,#product-search,#product-special,#product-manufacturer,#product-manufacturer-info,#common-home) #content .pagination>li>a:focus-visible{outline:2px solid var(--mx-page-active-bg,#172029);outline-offset:2px}

/* Category before-view event removes intro data; hide its empty native heading. */
body[data-mx-hide-category-intro="1"] #product-category #content>h2:empty{display:none!important}
