/* MACTRON FRANCE identity on the current storefront layout. */
:root{--green:#d50020;--dark:#222725;--ink:#242925;--grey:#626a64;--line:#e5dfe0;--light:#f8f5f5;--brand-red:#d50020;--brand-red-dark:#ad001a;--brand-tint:#fff0f2}
html{scroll-padding-top:var(--header-offset,190px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand-red)}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-red)}
.skip,.button,.filter-button.active{color:#fff;background:var(--brand-red);border-color:var(--brand-red)}
.button:hover{background:var(--brand-red-dark);border-color:var(--brand-red-dark)}
.button.dark{background:var(--dark);border-color:var(--dark);color:#fff}
.button.outline,.button.secondary{background:#fff;border-color:#d9b5bb;color:var(--ink)}
.button.outline:hover,.button.secondary:hover{background:var(--brand-tint);border-color:var(--brand-red)}
.button:disabled{opacity:.55;transform:none}
.eyebrow:before{background:var(--brand-red)}
.hero h1 em,.home-hero h1 em,.home-hero-copy em{color:#ff6d82}
.brand-green,.step .num,.info-card .number,.pathway:hover .arrow{color:var(--brand-red)}
.text-link{background:var(--brand-tint);border-color:#e5aab3;color:#8e0015}
.text-link:hover{background:#ffe1e6;border-color:var(--brand-red)}
.tag{background:#f3e4e7}
.shop-dropdown-option[aria-selected=true],.shop-dropdown-option:hover{background:var(--brand-tint)}
.shop-dropdown-option:focus,.shop-dropdown-toggle:focus-visible,.commerce-wrap input:focus,.commerce-wrap select:focus,.commerce-wrap textarea:focus{outline-color:var(--brand-red)}
.model-tabs [role=tab][aria-selected=true]{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
.model-tabs [role=tab]:focus-visible,.model-product .shop-thumbnails button:focus-visible{outline-color:var(--brand-red)}
.model-fulfilment-choice label:has(input:checked),.delivery-option:has(input:checked),.payment-option:has(input:checked){border-color:var(--brand-red);background:var(--brand-tint);box-shadow:inset 0 0 0 1px var(--brand-red)}
.model-fulfilment-choice input{accent-color:var(--brand-red)}
.model-fulfilment-choice input:focus-visible{outline-color:var(--brand-red)}
.model-config-notice,.model-card-configurations,.model-financing-link{color:#940016}
.model-order-label{color:#7f2432;border-color:#deb7be;background:#fff8f9}
.model-document:hover{border-color:#ce6373;background:#fff5f6}
.form-result{border-left-color:var(--brand-red)}
.production-gallery .production-card:hover,.home-family-card:hover,.home-family-card:focus-visible{border-color:var(--brand-red)}
.production-gallery .production-card .text-link,.production-card-link{color:#940016}
.production-gallery .production-gallery-heading a,.production-gallery .production-card-arrow{color:var(--brand-red)}

/* The supplied transparent logos include a fixed canvas around the mark. */
.brand-logo-window{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1232/314}
.brand .brand-logo-window>img{position:absolute;left:-9.578%;top:-123.248%;width:117.532%;height:auto;max-width:none;max-height:none;object-fit:contain}
.header-row .brand{width:340px;max-width:100%;padding:14px 0;flex-shrink:1}
.header-row .brand>.logo-caption{font-size:.75rem;line-height:1.4;letter-spacing:.04em;margin-top:9px;color:#626a64}
.header-row .brand>.brand-logo-window{font-size:inherit;letter-spacing:normal;font-weight:inherit}
.header-row.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:0;align-items:center;padding-top:4px;padding-bottom:0}
.header-row #navigation,.header-row #navigation.open{display:flex;grid-column:1/-1;grid-row:2;position:static;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:clamp(14px,2vw,32px);width:100%;max-height:none;min-width:0;overflow:visible;padding:10px 0;border-top:1px solid var(--line);box-shadow:none;background:transparent}
.header-row #navigation>a,.header-row .solutions-toggle{flex:0 0 auto;min-height:44px;padding:10px 0;font-size:.9375rem;line-height:1.5;white-space:nowrap;overflow-wrap:normal;word-break:normal;border:0}
.header-row #navigation>.nav-dropdown{flex:0 0 auto}
.header-row #navigation>.nav-contact{display:none!important}
.header-row .menu-toggle{display:none}
.header-row .solutions-mega:not([hidden]){position:absolute;top:100%;left:0;width:min(720px,calc(100vw - 64px));max-width:calc(100vw - 64px);margin:0;padding:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-height:var(--navigation-space,calc(100dvh - 13rem));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 40px #22272520;background:white;border-top-color:var(--brand-red)}
.solutions-mega a:hover{background:var(--brand-tint);color:#8e0015!important}
.solutions-mega .supplier-icon.mactron{width:112px;height:42px;flex-shrink:0}
.solutions-mega .supplier-icon.mactron img{width:100%;height:auto;max-height:42px;object-fit:contain}
.solutions-mega .supplier-icon.pureair{width:112px;flex-shrink:0}
#navigation>a::after,#navigation .solutions-toggle::after{background:var(--brand-red)}
#navigation a[aria-current=page]{color:#a40019}
.header-commerce{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;font-size:.875rem}
.header-commerce .header-action:hover{background:var(--brand-tint);border-color:#d67886;box-shadow:0 3px 9px #60101c10}
.header-commerce .header-action[aria-current=page]{background:var(--brand-tint);border-color:#c53a50;box-shadow:inset 0 -2px 0 #c53a50}
.header-commerce .header-action:focus-visible{outline-color:var(--brand-red)}
.header-commerce .header-contact,.header-commerce .header-contact[aria-current=page]{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
.header-commerce .header-contact:hover{background:var(--brand-red-dark);border-color:var(--brand-red-dark);box-shadow:0 3px 10px #7515291c}
.header-commerce .cart-count{background:var(--brand-red);color:#fff}
.header-commerce .cart-count[data-empty=true]{background:#ece4e6;color:#514349}
footer .brand{width:240px;max-width:100%;background:transparent;padding:0}
footer .brand>.brand-logo-window{font-size:inherit;letter-spacing:normal;font-weight:inherit}
.footer-grid a[href^="mailto:"]{overflow-wrap:anywhere}
.footer-bottom{flex-wrap:wrap}

@media(max-width:1100px){
 .header-row.wrap{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:10px;padding-block:12px}
 .header-row .brand{grid-column:1;grid-row:1;width:clamp(250px,40vw,340px);padding:0;max-width:100%}
 .header-row .menu-toggle{display:block;grid-column:2;grid-row:1;margin-left:0;min-height:44px}
 .header-commerce{grid-column:1/-1;grid-row:2;justify-self:stretch;padding-top:10px;border-top:1px solid var(--line)}
 .header-row #navigation{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-height:var(--navigation-space,calc(100dvh - 12rem));padding:18px clamp(16px,4vw,40px) max(24px,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-shadow:0 18px 30px #17202020;background:#fff}
 .header-row #navigation.open{display:block}
 .header-row #navigation>a{display:flex;align-items:center;min-height:48px;font-size:1rem;white-space:normal;border-top:1px solid var(--line)}
 .header-row .solutions-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:48px;font-size:1rem;white-space:normal;text-align:left}
 .header-row .solutions-mega:not([hidden]){position:static;width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 10px;margin:8px 0 20px;box-shadow:none;gap:16px;max-height:none;overflow:visible}
}
@media(max-width:700px){
 .header-row .solutions-mega:not([hidden]){grid-template-columns:minmax(0,1fr);padding:10px 0}
 .header-row .menu-brands{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}
 .header-row .solutions-mega a{padding:10px 8px!important;font-size:.9375rem!important}
}
@media(max-width:600px){
 .header-row.wrap{column-gap:12px;row-gap:8px;padding-block:10px}
 .header-row .brand{width:min(240px,100%)}
 .header-row .brand>.logo-caption{font-size:.7rem;margin-top:7px}
 .header-commerce{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .header-commerce .header-action{min-width:0;min-height:44px;padding:10px 8px;font-size:.875rem}
 .header-commerce .header-contact{padding-inline:8px}
 .header-contact .header-action-icon{display:none}
 .footer-bottom{gap:14px 18px}
}
@media(max-width:380px){.header-row .brand{width:210px}.header-row .brand>.logo-caption{font-size:.65rem}.header-row .menu-toggle{padding-inline:6px;font-size:.9rem}}

/* Reuse the authentic transparent MACTRON mark in the supplier menu. */
.solutions-mega .supplier-icon.mactron{display:flex;align-items:center}
.solutions-mega .supplier-icon.mactron .brand-logo-window>img{position:absolute;left:-9.578%;top:-123.248%;width:117.532%;height:auto;max-width:none;max-height:none;object-fit:contain}