:root{--osl-ivory: var(--osl-ivory-deep);--osl-ink: var(--osl-green);--osl-muted: var(--osl-muted-alt);--osl-audit-red: var(--osl-error);} .osl-announcement-hook{margin: 0;padding: 0;overflow: hidden;color: var(--osl-paper);background: var(--osl-terracotta);} .osl-announcement-hook:empty{display: none;} .osl-header-shell{width: 100%;max-width: none;padding-right: clamp(1rem, 3vw, 3.5rem);padding-left: clamp(1rem, 3vw, 3.5rem);} #header .osl-utility-bar{min-height: 36px;margin: 0;color: var(--osl-paper);background: var(--osl-coral);border: 0;} #header .osl-utility-row{margin: 0;} #header .osl-utility-desktop{display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: 36px;gap: 1.5rem;} #header .osl-header-claim{margin: 0;color: inherit;font-family: Arial, Helvetica, sans-serif;font-size: 0.76rem;font-weight: 400;letter-spacing: 0.08em;line-height: 1.2;text-transform: uppercase;} #header .osl-utility-links,#header .osl-nav-contact,#header .osl-nav-account{display: flex;align-items: center;} #header .osl-utility-links{justify-content: flex-end;gap: 1.2rem;margin-left: auto;} #header .osl-utility-bar a,#header .osl-utility-bar .material-icons{color: var(--osl-paper);} #header .osl-utility-bar a:hover,#header .osl-utility-bar a:focus{color: var(--osl-terracotta-pale);} #header .osl-utility-bar .language-selector,#header .osl-utility-bar .currency-selector,#header .osl-utility-bar #contact-link,#header .osl-utility-bar .user-info,#header .osl-utility-bar .blockcart{margin: 0;padding: 0;} #header .osl-pro-link{display: inline-flex;align-items: baseline;gap: 0.35rem;padding-left: 1rem;border-left: 1px solid rgba(255, 253, 249, 0.35);font-size: 0.8rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;} #header .osl-pro-link small{color: var(--osl-terracotta-pale);font-size: 0.62rem;font-weight: 600;letter-spacing: 0.02em;text-transform: lowercase;} #header .osl-header-main{position: relative;z-index: 1000;padding: 0;background: rgba(255, 253, 249, 0.98);border-bottom: 1px solid var(--osl-line);box-shadow: none;} #header .osl-brand-row{display: flex;align-items: center;min-height: 88px;} #header .osl-brand-lockup{display: flex;align-items: center;min-width: 0;} #header .osl-logo-mark{display: flex;flex: 0 0 auto;align-items: center;justify-content: center;width: 72px;height: 72px;margin: 0;padding: 3px;} #header .osl-logo-mark a,#header .osl-logo-mark picture{display: block;width: 100%;height: 100%;} #header .osl-logo-mark img,#header .osl-logo-mark .logo{display: block;width: 100%;max-width: 100%;height: 100%;max-height: 100%;margin: 0;object-fit: contain;object-position: center;} #header .osl-brand-copy{display: inline-flex;flex-direction: column;justify-content: center;min-width: 0;margin-left: 10px;color: var(--osl-ink);text-decoration: none;} #header .osl-brand-copy:hover,#header .osl-brand-copy:focus{color: var(--osl-coral);text-decoration: none;} #header .osl-brand-name{font-family: Georgia, "Times New Roman", serif;font-size: clamp(1.45rem, 2vw, 1.9rem);font-weight: 400;letter-spacing: 0.025em;line-height: 1;white-space: nowrap;} #header .osl-brand-tagline{margin-top: 0.32rem;color: var(--osl-muted);font-family: Arial, Helvetica, sans-serif;font-size: 0.72rem;font-weight: 400;letter-spacing: 0.055em;line-height: 1.3;white-space: nowrap;} #header .osl-navigation-row{display: flex;align-items: center;width: 100%;min-height: 48px;padding: 0;border-top: 1px solid rgba(221, 210, 196, 0.72);} #header .osl-navigation-row > *{margin-top: 0;margin-bottom: 0;} #header .osl-navigation-row #_desktop_top_menu{position: relative;z-index: 1010;display: block;flex: 1 1 auto;width: auto;visibility: visible;opacity: 1;} #header .osl-navigation-row .top-menu[data-depth="0"]{display: flex;align-items: center;justify-content: center;margin: 0;} #header .osl-navigation-row .top-menu[data-depth="0"] > li > a{padding: 1rem clamp(0.65rem, 1.2vw, 1.25rem);color: var(--osl-ink);background: transparent;font-size: 0.78rem;font-weight: 500;letter-spacing: 0.065em;line-height: 1.2;text-transform: uppercase;transition: color 180ms ease, background-color 180ms ease;} #header .osl-navigation-row .top-menu[data-depth="0"] > li > a:hover,#header .osl-navigation-row .top-menu[data-depth="0"] > li > a:focus{color: var(--osl-coral);background: rgba(172, 134, 107, 0.1);} #header .osl-navigation-row .sub-menu{z-index: 1020;margin-top: 0;background: rgba(255, 253, 249, 0.99);border: 0;border-top: 2px solid var(--osl-terracotta-soft);box-shadow: 0 18px 40px rgba(58, 88, 69, 0.14);} #header .osl-navigation-row .sub-menu a{color: var(--osl-ink);font-weight: 400;} #header .osl-navigation-row .sub-menu a:hover,#header .osl-navigation-row .sub-menu a:focus{color: var(--osl-coral);} #header .osl-navigation-row .search-widget{flex: 0 0 auto;margin-left: auto;} body#index #header,body#index #header .osl-header-main{position: relative;z-index: 1000;overflow: visible;} body#index #_desktop_top_menu{visibility: visible;opacity: 1;} #header .osl-mobile-nav{position: relative;align-items: center;justify-content: space-between;width: 100%;min-height: 64px;} #header .osl-mobile-nav .top-logo{position: absolute;top: 50%;left: 50%;width: 52px;height: 52px;transform: translate(-50%, -50%);} #header .osl-mobile-nav .top-logo a,#header .osl-mobile-nav .top-logo picture,#header .osl-mobile-nav .top-logo img{display: block;width: 100%;height: 100%;} #header .osl-mobile-nav .top-logo img{object-fit: contain;object-position: center;} #header .osl-mobile-icon{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;padding: 0;color: var(--osl-paper);background: transparent;border: 0;border-radius: 50%;} #header .osl-mobile-icon:hover,#header .osl-mobile-icon:focus{color: var(--osl-terracotta-pale);background: rgba(255, 253, 249, 0.1);outline: 0;} #header .osl-mobile-icon .material-icons{font-size: 1.45rem;} #header .osl-mobile-actions,#header .osl-mobile-module{display: flex;align-items: center;} #header .osl-mobile-actions{margin-left: auto;gap: 0.05rem;} #header .osl-mobile-module .user-info,#header .osl-mobile-module .blockcart{margin: 0;padding: 0;} #header .osl-mobile-module a{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;color: var(--osl-paper);} #header #mobile_top_menu_wrapper{position: fixed;inset: 0;z-index: 2000;display: none;align-content: flex-start;margin: 0;padding: 1rem 1.1rem 2rem;overflow-y: auto;background: rgba(255, 253, 249, 0.99);} #header #mobile_top_menu_wrapper[style*="display: block"]{display: block;} #header .osl-mobile-menu-heading{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.75rem;padding-bottom: 0.75rem;border-bottom: 1px solid var(--osl-line);} #header .osl-mobile-menu-close{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;color: var(--osl-muted);background: transparent;border: 0;} #header .osl-mobile-menu-close:hover,#header .osl-mobile-menu-close:focus{color: var(--osl-coral);} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li{border-bottom: 1px solid var(--osl-line);} #header #mobile_top_menu_wrapper .top-menu a{color: var(--osl-ink);font-weight: 400;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > a{padding: 0.95rem 0;font-size: 0.92rem;letter-spacing: 0.04em;} #header #mobile_top_menu_wrapper .top-menu[data-depth="1"] a{padding: 0.65rem 0.6rem;font-size: 0.87rem;text-transform: none;} #header #mobile_top_menu_wrapper .collapse-icons{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;} @media (max-width: 767.98px){ #header .osl-header-shell{padding-right: 0.65rem;padding-left: 0.65rem;} #header .osl-utility-bar{min-height: 64px;} #header .osl-header-main{border: 0;} #header .osl-brand-row,#header .osl-navigation-row{display: none;} } #footer{padding-top: 0 !important;background: var(--osl-ink);} .osl-footer-hook-before{width: 100%;margin: 0;padding: 0;} .osl-footer-hook-before .block-social{display: none !important;} .osl-site-footer{width: 100%;padding: 4.75rem max(2rem, calc(50vw - 690px)) 1.5rem;color: var(--osl-white);background: var(--osl-ink);} .osl-footer-main{display: grid;grid-template-columns: minmax(250px, 1.25fr) 3.75fr;gap: clamp(3rem, 6vw, 7rem);} .osl-footer-brand{display: inline-flex;align-items: center;width: max-content;color: var(--osl-white);text-decoration: none !important;} .osl-footer-brand:hover,.osl-footer-brand:focus-visible{color: var(--osl-white);} .osl-footer-brand__mark{display: block;flex: 0 0 58px;width: 58px;height: 58px;margin-right: .4rem;padding: 4px;object-fit: contain;object-position: center;background: var(--osl-white);border-radius: 50%;} .osl-footer-brand__words{display: flex;flex-direction: column;line-height: 1;} .osl-footer-brand__words strong{color: var(--osl-white);font-family: Georgia, "Times New Roman", serif;font-size: 1.22rem;font-weight: 700;letter-spacing: .035em;} .osl-footer-brand__words small{margin-top: .36rem;color: var(--osl-terracotta-pale);font-family: Arial, Helvetica, sans-serif;font-size: .5rem;font-weight: 700;letter-spacing: .02em;} .osl-footer-identity > p{max-width: 310px;margin: 1.8rem 0;color: rgba(255, 255, 255, .62);font-family: Georgia, "Times New Roman", serif;font-size: 1.05rem;line-height: 1.55;} .osl-footer-identity address{display: flex;flex-direction: column;gap: .42rem;color: rgba(255, 255, 255, .52);font-family: Arial, Helvetica, sans-serif;font-size: .72rem;font-style: normal;line-height: 1.45;} .osl-footer-identity address strong{margin-bottom: .25rem;color: var(--osl-terracotta-pale);font-size: .62rem;font-weight: 700;letter-spacing: .11em;text-transform: uppercase;} .osl-footer-identity address a{width: max-content;margin-top: .35rem;color: rgba(255, 255, 255, .82);border-bottom: 1px solid rgba(255, 255, 255, .28);text-decoration: none;} .osl-footer-navigation{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: clamp(1.5rem, 3vw, 3.5rem);} .osl-footer-group{min-width: 0;} .osl-footer-group summary{cursor: default;list-style: none;} .osl-footer-group summary::-webkit-details-marker{display: none;} .osl-footer-group summary::marker{content: "";} .osl-footer-group summary span{display: none;} .osl-footer-group > div{display: flex;flex-direction: column;align-items: flex-start;gap: .88rem;margin-top: 1.5rem;} .osl-footer-group a,.osl-footer-bottom a{color: rgba(255, 255, 255, .68);font-family: Arial, Helvetica, sans-serif;font-size: .72rem;font-weight: 400;line-height: 1.45;text-decoration: none;transition: color .2s ease;} .osl-footer-group a:hover,.osl-footer-group a:focus-visible,.osl-footer-identity address a:hover,.osl-footer-identity address a:focus-visible,.osl-footer-bottom a:hover,.osl-footer-bottom a:focus-visible{color: var(--osl-terracotta-pale);} .osl-footer-native-hooks > .links,.osl-footer-native-hooks > .block-contact{display: none !important;} .osl-footer-native-hooks:empty,.osl-footer-after-hooks:empty{display: none;} .osl-footer-bottom{display: flex;align-items: center;justify-content: space-between;gap: 2rem;margin-top: 3.5rem;padding-top: 1.25rem;color: rgba(255, 255, 255, .4);font-family: Arial, Helvetica, sans-serif;font-size: .6rem;border-top: 1px solid rgba(255, 255, 255, .12);} .osl-footer-bottom nav{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: .75rem 1.5rem;} .osl-footer-bottom a{font-size: inherit;} @media (min-width: 681px){ .osl-footer-group summary{pointer-events: none;} } @media (max-width: 1050px){ .osl-footer-main{grid-template-columns: 1fr;gap: 3.5rem;} .osl-footer-navigation{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 2.5rem 3rem;} } @media (max-width: 680px){ .osl-site-footer{padding: 3.5rem 1.25rem 1.5rem;} .osl-footer-main{gap: 2.75rem;} .osl-footer-brand__mark{flex-basis: 42px;width: 42px;height: 42px;} .osl-footer-brand__words strong{font-size: .92rem;} .osl-footer-brand__words small{max-width: 120px;font-size: .38rem;line-height: 1.2;} .osl-footer-identity > p{margin: 1.4rem 0;} .osl-footer-navigation{grid-template-columns: 1fr;gap: 0;border-top: 1px solid rgba(255, 255, 255, .12);} .osl-footer-group{border-bottom: 1px solid rgba(255, 255, 255, .12);} .osl-footer-group summary{display: flex;align-items: center;justify-content: space-between;min-height: 58px;cursor: pointer;} .osl-footer-group summary span{display: block;transition: transform .2s ease;} .osl-footer-group[open] summary span{transform: rotate(45deg);} .osl-footer-group > div{gap: .75rem;margin: 0;padding: 0 0 1.4rem;} .osl-footer-group a{font-size: .82rem;} .osl-footer-bottom{flex-direction: column;align-items: flex-start;gap: 1rem;margin-top: 2.5rem;} .osl-footer-bottom nav{justify-content: flex-start;} } @media (min-width: 768px){ #header .osl-mobile-nav{display: none;} } @media (prefers-reduced-motion: reduce){ #header a,#header button{transition: none !important;} } html body #header nav.header-nav.osl-utility-bar{color: var(--osl-paper) !important;background-color: var(--osl-coral) !important;border: 0 !important;} html body #header nav.osl-utility-bar .osl-header-claim,html body #header nav.osl-utility-bar a,html body #header nav.osl-utility-bar a span,html body #header nav.osl-utility-bar .material-icons{color: var(--osl-paper) !important;} html body #header nav.osl-utility-bar .osl-pro-link small{color: var(--osl-terracotta-pale) !important;} html body #header nav.osl-utility-bar .blockcart,html body #header nav.osl-utility-bar .blockcart.cart-preview,html body #header nav.osl-utility-bar .user-info{color: var(--osl-paper) !important;background: transparent !important;} html body #header .header-top.osl-header-main,html body #header .osl-brand-row,html body #header .osl-navigation-row{color: var(--osl-green) !important;background-color: var(--osl-paper) !important;} html body #header .osl-brand-copy,html body #header .osl-brand-copy .osl-brand-name{color: var(--osl-green) !important;} html body #header .osl-brand-copy .osl-brand-tagline{color: var(--osl-muted-alt) !important;} html body #header .osl-navigation-row .top-menu[data-depth="0"] > li > a{color: var(--osl-green) !important;background-color: transparent !important;} html body #header .osl-navigation-row .top-menu[data-depth="0"] > li > a:hover,html body #header .osl-navigation-row .top-menu[data-depth="0"] > li > a:focus{color: var(--osl-coral) !important;background-color: rgba(172, 134, 107, 0.1) !important;} html body #header .osl-navigation-row .sub-menu,html body #header #mobile_top_menu_wrapper{color: var(--osl-green) !important;background-color: var(--osl-paper) !important;} html body #header .osl-navigation-row .sub-menu a,html body #header #mobile_top_menu_wrapper a,html body #header #mobile_top_menu_wrapper .material-icons{color: var(--osl-green) !important;} html body #header .osl-navigation-row .sub-menu a:hover,html body #header .osl-navigation-row .sub-menu a:focus,html body #header #mobile_top_menu_wrapper a:hover,html body #header #mobile_top_menu_wrapper a:focus{color: var(--osl-coral) !important;} #header .osl-menu-item-heading{display: flex;align-items: center;min-width: 0;} #header .osl-menu-item-heading > a{min-width: 0;} #header .osl-submenu-toggle{flex: 0 0 38px;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;padding: 0;color: var(--osl-muted-alt);background: transparent;border: 0;border-radius: 50%;} #header .osl-submenu-toggle:hover,#header .osl-submenu-toggle:focus{color: var(--osl-coral);background: rgba(172, 134, 107, 0.1);outline: 0;} #header .osl-submenu-toggle .material-icons{font-size: 1.25rem;} #header .osl-submenu-toggle[aria-expanded="false"] .remove,#header .osl-submenu-toggle[aria-expanded="true"] .add{display: none;} #header .osl-submenu-toggle[aria-expanded="true"] .remove,#header .osl-submenu-toggle[aria-expanded="false"] .add{display: inline-block;} @media (min-width: 768px){ #header .osl-navigation-row,#header .osl-navigation-row #_desktop_top_menu{position: static;} #header .osl-navigation-row #_desktop_top_menu > .top-menu[data-depth="0"]{position: static;display: flex;align-items: stretch;justify-content: center;width: 100%;} #header .osl-navigation-row .top-menu[data-depth="0"] > li{position: static;} #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading{height: 100%;} #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a{display: flex;align-items: center;height: 100%;padding: 1rem clamp(0.65rem, 1.2vw, 1.25rem);background: transparent !important;transition: color 180ms ease, background-color 180ms ease;} #header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading > a,#header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading > a,#header .osl-navigation-row .top-menu[data-depth="0"] > li.current > .osl-menu-item-heading > a{background: rgba(172, 134, 107, 0.1) !important;} #header .osl-mega-menu{position: absolute;top: 100%;left: 50%;z-index: 1200;display: block !important;width: 100vw;max-width: none;margin: 0;padding: 0;overflow: visible;visibility: hidden;opacity: 0;pointer-events: none;transform: translateX(-50%) translateY(8px);background: rgba(255, 253, 249, 0.99) !important;border: 0;border-top: 2px solid var(--osl-terracotta-soft);box-shadow: 0 24px 48px rgba(58, 88, 69, 0.16);transition: opacity 170ms ease, visibility 170ms ease, transform 170ms ease;} #header .top-menu[data-depth="0"] > li:hover > .osl-mega-menu,#header .top-menu[data-depth="0"] > li:focus-within > .osl-mega-menu{visibility: visible;opacity: 1;pointer-events: auto;transform: translateX(-50%) translateY(0);} #header .osl-mega-menu__inner{display: grid;grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);gap: clamp(2rem, 4vw, 5rem);width: min(100%, 1440px);margin: 0 auto;padding: 2rem clamp(2rem, 5vw, 5rem) 2.2rem;} #header .osl-mega-menu__links{min-width: 0;} #header .osl-mega-menu__links > .top-menu[data-depth="1"]{display: grid;grid-template-columns: repeat(3, minmax(150px, 1fr));gap: 1.4rem 2rem;width: 100%;margin: 0;} #header .osl-mega-menu__links .top-menu[data-depth="1"] > li{min-width: 0;} #header .osl-mega-menu__links .top-menu[data-depth="1"] > li > .osl-menu-item-heading > a{display: inline-block;padding: 0 0 0.5rem;background: transparent !important;} #header .osl-nested-menu{position: static;display: block !important;width: auto;height: auto !important;visibility: visible;opacity: 1;} #header .osl-nested-menu .top-menu[data-depth="2"]{margin: 0;padding: 0;} #header .osl-nested-menu .top-menu[data-depth="2"] li{display: block;margin: 0;} #header .osl-nested-menu .top-menu[data-depth="2"] a{display: inline-flex;padding: 0.25rem 0;color: var(--osl-muted-alt) !important;background: transparent !important;font-size: 0.8rem;font-weight: 400;letter-spacing: 0.01em;line-height: 1.35;text-transform: none;} #header .osl-nested-menu .top-menu[data-depth="2"] a:hover,#header .osl-nested-menu .top-menu[data-depth="2"] a:focus{color: var(--osl-coral) !important;transform: translateX(3px);} #header .osl-menu-signature{display: grid;grid-template-columns: 42% minmax(0, 1fr);min-height: 190px;overflow: hidden;background: linear-gradient(135deg, var(--osl-terracotta-pale), var(--osl-frame-muted) 58%, var(--osl-ivory-deep));border-radius: 2px;} #header .osl-menu-signature__image{display: block;min-width: 0;background: rgba(255, 255, 255, 0.5);} #header .osl-menu-signature__image img{display: block;width: 100%;height: 100%;min-height: 190px;object-fit: cover;object-position: center;mix-blend-mode: multiply;} #header .osl-menu-signature__content{display: flex;flex-direction: column;justify-content: center;min-width: 0;padding: 1.25rem 1.15rem;} #header .osl-menu-signature__eyebrow{margin-bottom: 0.45rem;} #header .osl-menu-signature__title{margin: 0 0 0.55rem;} #header .osl-menu-signature__text{margin: 0 0 0.8rem;color: var(--osl-muted-alt);font-size: 0.72rem;font-weight: 400;line-height: 1.45;} #header .osl-menu-signature__link{display: inline-flex;align-items: center;gap: 0.4rem;width: fit-content;color: var(--osl-coral) !important;font-size: 0.7rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;} } @media (max-width: 767.98px){ body.osl-mobile-menu-open{overflow: hidden;} #header #mobile_top_menu_wrapper .osl-menu-item-heading{width: 100%;} #header #mobile_top_menu_wrapper .osl-menu-item-heading > a{display: flex;flex: 1 1 auto;align-items: center;min-height: 46px;padding: 0.75rem 0;background: transparent !important;} #header #mobile_top_menu_wrapper .osl-submenu-toggle{display: inline-flex !important;margin-left: 0.4rem;} #header #mobile_top_menu_wrapper .osl-mega-menu,#header #mobile_top_menu_wrapper .osl-nested-menu{position: static;width: 100%;margin: 0;padding: 0 0 0.6rem 0.8rem;transform: none;background: transparent !important;border: 0;box-shadow: none;} #header #mobile_top_menu_wrapper .osl-mega-menu__inner{display: block;padding: 0;} #header #mobile_top_menu_wrapper .osl-mega-menu__links > .top-menu,#header #mobile_top_menu_wrapper .osl-nested-menu > .top-menu{display: block;width: 100%;margin: 0;padding: 0;} #header #mobile_top_menu_wrapper .top-menu[data-depth="1"] > li,#header #mobile_top_menu_wrapper .top-menu[data-depth="2"] > li{border: 0;} #header #mobile_top_menu_wrapper .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a{min-height: 38px;padding: 0.5rem 0;} #header #mobile_top_menu_wrapper .osl-menu-signature{display: none;} } @media (min-width: 768px) and (max-width: 1100px){ #header .osl-mega-menu__inner{grid-template-columns: minmax(0, 1fr) 280px;gap: 2rem;padding-right: 2rem;padding-left: 2rem;} #header .osl-mega-menu__links > .top-menu[data-depth="1"]{grid-template-columns: repeat(2, minmax(140px, 1fr));} #header .osl-menu-signature{grid-template-columns: 1fr;} #header .osl-menu-signature__image{display: none;} } .osl-group-label--mobile{display: none;} @media (min-width: 768px){ html body #header .osl-mega-menu__links > .osl-curated-menu[data-depth="1"]{grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) !important;grid-template-rows: auto 1fr !important;column-gap: 45px !important;row-gap: 0 !important;} #header .osl-curated-group--collection{grid-column: 1;grid-row: 1;} #header .osl-curated-group--types{grid-column: 1;grid-row: 2;} #header .osl-curated-group--refine{grid-column: 2;grid-row: 1 / span 2;} #header .osl-curated-group--types > .osl-menu-item-heading{display: none !important;} } @media (max-width: 767.98px){ .osl-group-label--desktop{display: none !important;} .osl-group-label--mobile{display: inline !important;} #header #mobile_top_menu_wrapper .osl-mobile-menu-close{position: relative;display: inline-flex !important;flex: 0 0 34px;align-items: center;justify-content: center;width: 34px;height: 34px;margin-right: -5px;padding: 0;background: transparent !important;border: 0 !important;border-radius: 50%;box-shadow: none !important;outline: 0;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle{display: inline-flex !important;flex: 0 0 36px !important;width: 36px !important;height: 36px !important;margin: 7px 0 7px 4px !important;background: transparent !important;border: 0 !important;border-radius: 50% !important;box-shadow: none !important;} } /* ================================================================ Correction de la zone comprise entre le bandeau et le méga-menu ================================================================ */ @media (min-width: 768px){ html body #header nav.header-nav.osl-utility-bar{min-height: 34px;} #header .osl-utility-desktop{display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: 34px;gap: 1.5rem;} #header .osl-utility-desktop .osl-nav-contact,#header .osl-utility-desktop #contact-link{display: flex;align-items: center;min-height: 34px;margin: 0;padding: 0;} #header .osl-utility-desktop #contact-link a,#header .osl-utility-desktop #contact-link span{color: var(--osl-paper) !important;font-size: 0.75rem;font-weight: 400;line-height: 1;} #header .osl-utility-desktop .osl-pro-link{min-height: 34px;margin: 0;padding: 0 0 0 1rem;} #header .osl-brand-row{position: relative;display: grid;grid-template-columns: minmax(320px, 1fr) auto minmax(470px, 1fr);align-items: center;width: 100%;min-height: 86px;gap: clamp(1.5rem, 3vw, 4rem);} #header .osl-brand-lockup{display: flex;align-items: center;justify-self: start;min-width: 0;} #header .osl-logo-mark{width: 62px;height: 62px;padding: 0;} #header .osl-logo-mark a,#header .osl-logo-mark img{display: block;width: 100%;height: 100%;} #header .osl-logo-mark img{object-fit: contain;object-position: center;} #header .osl-brand-copy{margin-left: 9px;} #header .osl-brand-name{font-size: clamp(1.4rem, 1.65vw, 1.8rem);} #header .osl-brand-tagline{margin-top: 0.28rem;font-size: 0.69rem;} #header .osl-header-claim--main{justify-self: center;max-width: 360px;margin: 0;font-size: 0.72rem;font-weight: 500;letter-spacing: 0.105em;line-height: 1.45;text-align: center;} #header .osl-header-actions{display: flex;align-items: center;justify-self: end;justify-content: flex-end;min-width: 0;gap: clamp(0.75rem, 1.25vw, 1.35rem);} #header .osl-desktop-search-slot{display: flex;flex: 0 1 220px;align-items: center;width: 220px;min-width: 160px;} #header .osl-desktop-search-slot .search-widget{position: relative;top: auto;right: auto;float: none;width: 100%;min-width: 0;margin: 0;} #header .osl-desktop-search-slot .search-widget form{position: relative;width: 100%;margin: 0;} #header .osl-desktop-search-slot .search-widget form input[type="text"]{width: 100%;height: 38px;padding: 0.55rem 2.4rem 0.55rem 0.8rem;color: var(--osl-green);background: var(--osl-frame-background);border: 1px solid var(--osl-line);border-radius: 2px;font-size: 0.78rem;} #header .osl-desktop-search-slot .search-widget form input[type="text"]:focus{background: var(--osl-paper);border-color: var(--osl-terracotta);outline: 0;box-shadow: 0 0 0 2px rgba(172, 134, 107, 0.12);} #header .osl-desktop-search-slot .search-widget form button[type="submit"]{top: 50%;right: 0.45rem;bottom: auto;transform: translateY(-50%);} #header .osl-header-actions .osl-nav-account,#header .osl-header-actions .right-nav{display: flex;align-items: center;justify-content: flex-end;min-width: 0;gap: 1rem;} #header .osl-header-actions .user-info,#header .osl-header-actions .blockcart,#header .osl-header-actions .cart-preview,#header .osl-header-actions .language-selector,#header .osl-header-actions .currency-selector{display: flex;align-items: center;min-height: 38px;margin: 0 !important;padding: 0 !important;color: var(--osl-green) !important;background: transparent !important;} #header .osl-header-actions .user-info a,#header .osl-header-actions .blockcart a,#header .osl-header-actions .cart-preview a,#header .osl-header-actions .language-selector a,#header .osl-header-actions .currency-selector a,#header .osl-header-actions .user-info span,#header .osl-header-actions .blockcart span:not(.cart-products-count):not(.osl-cart-count){display: inline-flex;align-items: center;color: var(--osl-green) !important;font-size: 0.78rem;line-height: 1;white-space: nowrap;} #header .osl-header-actions .material-icons{margin: 0 0.28rem 0 0 !important;color: var(--osl-coral) !important;font-size: 1.25rem !important;line-height: 1 !important;vertical-align: middle;} #header .osl-header-actions .blockcart .header,#header .osl-header-actions .cart-preview .header{display: flex;align-items: center;height: 38px;margin: 0;padding: 0;} #header .osl-navigation-row{min-height: 48px;} #header .osl-navigation-row > .search-widget,#header .osl-navigation-row > #_desktop_search_widget{display: none;} #header .osl-navigation-row #_desktop_top_menu{width: 100%;} } @media (min-width: 768px) and (max-width: 1199.98px){ #header .osl-brand-row{grid-template-columns: minmax(285px, 1fr) minmax(400px, auto);gap: 1.5rem;} #header .osl-desktop-search-slot{flex-basis: 180px;width: 180px;} } @media (min-width: 1200px) and (max-width: 1450px){ #header .osl-brand-row{grid-template-columns: minmax(310px, 1fr) auto minmax(430px, 1fr);gap: 1.5rem;} #header .osl-header-claim--main{max-width: 270px;font-size: 0.66rem;} #header .osl-desktop-search-slot{flex-basis: 180px;width: 180px;} } #header .osl-preserved-hook{display: none !important;} #header .osl-action-icon svg,#header .osl-mobile-icon svg{display: block;width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.35;stroke-linecap: round;stroke-linejoin: round;} #header .osl-action-icon .osl-header-material-icon,#header .osl-mobile-icon .osl-header-material-icon{position: static;display: inline-block !important;width: auto;height: auto;margin: 0 !important;padding: 0;overflow: visible;color: inherit !important;background: transparent !important;font-family: "Material Icons" !important;font-size: 21px !important;font-style: normal;font-weight: 400 !important;font-feature-settings: "liga";letter-spacing: normal;line-height: 1 !important;text-transform: none;white-space: nowrap;visibility: visible !important;opacity: 1 !important;} #header .osl-cart-action{position: relative;} #header .osl-line-icon{position: relative;display: block !important;flex: 0 0 20px;width: 20px;height: 20px;color: inherit;visibility: visible !important;opacity: 1 !important;} #header .osl-line-icon::before,#header .osl-line-icon::after{position: absolute;display: block;box-sizing: border-box;content: "";} #header .osl-line-icon--search::before{top: 2px;left: 2px;width: 12px;height: 12px;border: 1.25px solid currentColor;border-radius: 50%;} #header .osl-line-icon--search::after{top: 13px;left: 13px;width: 6px;height: 1.25px;background: currentColor;transform: rotate(45deg);transform-origin: left center;} #header .osl-line-icon--account::before{top: 1px;left: 7px;width: 6px;height: 6px;border: 1.2px solid currentColor;border-radius: 50%;} #header .osl-line-icon--account::after{top: 11px;left: 3px;width: 14px;height: 8px;border: 1.2px solid currentColor;border-bottom: 0;border-radius: 8px 8px 0 0;} #header .osl-line-icon--bag::before{top: 6px;left: 3px;width: 14px;height: 13px;border: 1.2px solid currentColor;border-radius: 1px;} #header .osl-line-icon--bag::after{top: 2px;left: 7px;width: 6px;height: 6px;border: 1.2px solid currentColor;border-bottom: 0;border-radius: 5px 5px 0 0;} #header .osl-cart-count{position: absolute;top: -5px;right: -7px;display: inline-flex;align-items: center;justify-content: center;min-width: 15px;height: 15px;padding: 0 3px;background: var(--osl-badge);border-radius: 999px;font-family: Arial, Helvetica, sans-serif;font-size: 8px;font-weight: 600;line-height: 15px;} @media (min-width: 768px){ html body #header .osl-header-shell{width: 100%;max-width: 1440px;margin-right: auto;margin-left: auto;padding-right: 12px;padding-left: 12px;} html body #header nav.header-nav.osl-utility-bar{min-height: 34px;color: var(--osl-paper) !important;background: var(--osl-green) !important;} #header .osl-utility-row,#header .osl-utility-desktop{min-height: 34px;} #header .osl-utility-desktop{position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;} #header .osl-service-list{display: flex;align-items: center;gap: 0;min-width: 0;} #header .osl-service-list span{display: inline-flex;align-items: center;color: var(--osl-paper);font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: 500;letter-spacing: 0.075em;line-height: 1;text-transform: uppercase;white-space: nowrap;} #header .osl-service-list::before{flex: 0 0 2px;width: 2px;height: 2px;margin-right: 8px;margin-left: -3px;background: var(--osl-terracotta-soft);border-radius: 50%;content: "";} #header .osl-service-list span + span::before{width: 2px;height: 2px;margin: 0 14px;background: var(--osl-terracotta-soft);border-radius: 50%;content: "";} #header .osl-utility-links{display: flex;align-items: center;justify-content: flex-end;gap: 0;margin-left: auto;} html body #header nav.osl-utility-bar .osl-stores-link,html body #header nav.osl-utility-bar .osl-pro-link{display: inline-flex;align-items: center;min-height: 22px;margin: 0;color: var(--osl-paper) !important;font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-weight: 600;letter-spacing: 0.075em;line-height: 1;text-transform: uppercase;} html body #header nav.osl-utility-bar .osl-stores-link{padding: 0 28px 0 0;} html body #header nav.osl-utility-bar .osl-pro-link{padding: 0 0 0 21px;border-left: 1px solid rgba(255, 253, 249, 0.28);font-weight: 700;} html body #header .header-top.osl-header-main{padding: 0 !important;background: var(--osl-paper) !important;border-bottom: 0;} #header .osl-brand-row{display: grid;grid-template-columns: minmax(320px, 1fr) auto minmax(320px, 1fr);align-items: center;width: 100%;min-height: 85px;gap: 2rem;} #header .osl-brand-lockup{display: flex;align-items: center;justify-self: start;} #header .osl-logo-mark{flex: 0 0 58px;width: 58px;height: 58px;margin: 0;padding: 0;transform: translateX(-5px);} #header .osl-brand-copy{margin-left: 3px;} #header .osl-brand-name{color: var(--osl-green) !important;font-family: Georgia, "Times New Roman", serif;font-size: 21px;font-weight: 700;letter-spacing: 0.015em;line-height: 0.98;text-transform: lowercase;} #header .osl-brand-tagline{margin-top: 5px;color: var(--osl-green) !important;font-family: Arial, Helvetica, sans-serif;font-size: 0.69rem;font-weight: 400;letter-spacing: 0.025em;line-height: 1.2;} #header .osl-header-claim--main{justify-self: center;max-width: none;margin: 0;color: var(--osl-green) !important;font-family: Georgia, "Times New Roman", serif;font-size: 14px;font-style: italic;font-weight: 400;letter-spacing: 0;line-height: 1.25;text-align: center;text-transform: none;white-space: nowrap;} #header .osl-header-actions{display: flex;align-items: center;justify-self: end;gap: 24px;} #header .osl-action-icon{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 30px;margin: 0;padding: 0;color: var(--osl-green) !important;background: transparent !important;text-decoration: none;} #header .osl-action-icon:hover,#header .osl-action-icon:focus{color: var(--osl-badge) !important;} #header .osl-navigation-row{display: flex;align-items: center;width: 100%;min-height: 49px;padding: 0;background: var(--osl-paper) !important;border-top: 1px solid var(--osl-line);} #header .osl-navigation-row .search-widget,#header .osl-navigation-row #_desktop_search_widget,#header .osl-navigation-row [id*="search_widget"],#header .osl-navigation-row form[action*="recherche"],#header .osl-navigation-row form[action*="search"]{display: none !important;} #header .osl-navigation-row #_desktop_top_menu{display: block !important;width: 100% !important;max-width: none;margin: 0 !important;} #header .osl-navigation-row #_desktop_top_menu > .top-menu[data-depth="0"]{display: grid !important;grid-template-columns: repeat(6, minmax(0, 1fr));align-items: stretch;justify-content: initial;width: 100%;max-width: 1280px;min-height: 48px;margin: 0 auto !important;padding: 0 !important;} #header .osl-navigation-row .top-menu[data-depth="0"] > li{display: flex;align-items: stretch;justify-content: center;min-width: 0;} #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading{display: flex;align-items: stretch;justify-content: center;width: 100%;} #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;padding: 0 8px;background: transparent !important;text-align: center;white-space: nowrap;} #header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading > a,#header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading > a,#header .osl-navigation-row .top-menu[data-depth="0"] > li.current > .osl-menu-item-heading > a{background: rgba(202, 162, 144, 0.1) !important;} #header .osl-menu-to-create{margin-left: 2px;color: var(--osl-error);font-family: Arial, Helvetica, sans-serif;font-size: 8px;font-weight: 600;letter-spacing: 0;line-height: 1;text-transform: lowercase;} #header #category-acier-a-creer{order: 1;} #header #category-102{order: 2;} #header #category-103{order: 3;} #header #category-94{order: 4;} #header #category-106{order: 5;} #header #category-82{order: 6;} #header #category-acier-a-creer > .osl-menu-item-heading{transform: translateX(-16px);} } @media (min-width: 768px) and (max-width: 1199.98px){ #header .osl-brand-row{grid-template-columns: minmax(250px, 1fr) minmax(220px, auto);} #header .osl-header-claim--main{display: none !important;} } @media (max-width: 767.98px){ #header .osl-mobile-icon{position: relative;} #header .osl-mobile-icon svg{stroke: currentColor;} } /* Priorité supérieure aux couleurs héritées de Classic. */ @media (min-width: 768px){ html body #header .header-top.osl-header-main .osl-header-actions a.osl-action-icon,html body #header .header-top.osl-header-main .osl-header-actions a.osl-action-icon .osl-line-icon{color: var(--osl-green) !important;-webkit-text-fill-color: var(--osl-green) !important;visibility: visible !important;opacity: 1 !important;} html body #header .header-top.osl-header-main .osl-header-actions a.osl-action-icon:hover,html body #header .header-top.osl-header-main .osl-header-actions a.osl-action-icon:focus,html body #header .header-top.osl-header-main .osl-header-actions a.osl-action-icon:hover .osl-line-icon,html body #header .header-top.osl-header-main .osl-header-actions a.osl-action-icon:focus .osl-line-icon{color: var(--osl-badge) !important;-webkit-text-fill-color: var(--osl-badge) !important;} } @media (max-width: 767.98px){ html body #header nav.osl-utility-bar .osl-mobile-actions a.osl-mobile-icon,html body #header nav.osl-utility-bar .osl-mobile-actions a.osl-mobile-icon .osl-line-icon{color: var(--osl-paper) !important;-webkit-text-fill-color: var(--osl-paper) !important;visibility: visible !important;opacity: 1 !important;} } /* Verrou mobile : neutralise la grille résiduelle de custom.css. */ @media (max-width: 767.98px){ html body#index #header nav.header-nav.osl-utility-bar,html body:not(#index) #header nav.header-nav.osl-utility-bar{min-height: 64px !important;} html body #header nav.header-nav.osl-utility-bar .osl-header-shell{position: relative !important;width: 100% !important;max-width: none !important;margin: 0 !important;padding-right: 10px !important;padding-left: 10px !important;} html body #header nav.header-nav.osl-utility-bar .osl-utility-row{position: relative !important;display: block !important;width: 100% !important;min-height: 64px !important;margin: 0 !important;} html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-nav,html body #header nav.header-nav.osl-utility-bar .osl-mobile-nav{position: relative !important;display: flex !important;flex-flow: row nowrap !important;align-items: center !important;justify-content: space-between !important;width: 100% !important;min-width: 0 !important;max-width: none !important;min-height: 64px !important;margin: 0 !important;padding: 0 !important;} html body #header nav.header-nav.osl-utility-bar #menu-icon{position: relative !important;top: auto !important;left: auto !important;z-index: 3;display: inline-flex !important;flex: 0 0 38px !important;align-items: center !important;justify-content: center !important;width: 38px !important;height: 38px !important;margin: 0 !important;transform: none !important;} html body #header nav.header-nav.osl-utility-bar #_mobile_logo{position: absolute !important;top: 50% !important;left: 50% !important;z-index: 2;display: flex !important;align-items: center !important;justify-content: center !important;width: 52px !important;height: 52px !important;margin: 0 !important;transform: translate(-50%, -50%) !important;} html body #header nav.header-nav.osl-utility-bar #_mobile_logo .osl-logo-mark{width: 52px !important;height: 52px !important;transform: none !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions{position: absolute !important;top: 50% !important;right: 0 !important;left: auto !important;z-index: 3;display: flex !important;flex-flow: row nowrap !important;align-items: center !important;justify-content: flex-end !important;width: auto !important;min-width: 0 !important;height: 40px !important;margin: 0 !important;padding: 0 !important;gap: 2px !important;transform: translateY(-50%) !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-mobile-icon{position: relative !important;top: auto !important;right: auto !important;bottom: auto !important;left: auto !important;display: inline-flex !important;flex: 0 0 34px !important;align-items: center !important;justify-content: center !important;width: 34px !important;height: 38px !important;margin: 0 !important;padding: 0 !important;transform: none !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #_mobile_logo.osl-preserved-hook,html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #_mobile_user_info.osl-preserved-hook,html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #_mobile_cart.osl-preserved-hook{display: none !important;} html body #header nav.header-nav.osl-utility-bar .osl-cart-count{top: 0 !important;right: -1px !important;} } /* Composition mobile validée : services, marque puis actions. */ @media (max-width: 767.98px){ html body #header nav.header-nav.osl-utility-bar{display: block !important;min-height: 106px !important;margin: 0 !important;padding: 0 !important;overflow: visible !important;color: var(--osl-green) !important;background: var(--osl-paper) !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-service-bar{display: flex !important;align-items: center !important;justify-content: center !important;width: 100% !important;min-height: 35px !important;margin: 0 !important;padding: 0 12px !important;color: var(--osl-paper) !important;background: var(--osl-green) !important;} #header .osl-mobile-service-bar__inner{display: flex;align-items: center;justify-content: center;min-width: 0;min-height: 35px;} #header .osl-mobile-service,html body #header .osl-mobile-pro-link{display: inline-flex;align-items: center;min-height: 22px;color: var(--osl-paper) !important;font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-weight: 600;letter-spacing: 0.075em;line-height: 1;text-transform: uppercase;white-space: nowrap;} #header .osl-mobile-service::before{width: 2px;height: 2px;margin-right: 11px;background: var(--osl-terracotta-soft);border-radius: 50%;content: "";} html body #header .osl-mobile-pro-link{margin-left: 18px;padding-left: 20px;border-left: 1px solid rgba(255, 253, 249, 0.35);font-weight: 700;} html body #header nav.header-nav.osl-utility-bar > .osl-header-shell{min-height: 71px !important;padding-right: 12px !important;padding-left: 15px !important;color: var(--osl-green) !important;background: var(--osl-paper) !important;} html body #header nav.header-nav.osl-utility-bar .osl-utility-row,html body #header nav.header-nav.osl-utility-bar .osl-mobile-nav{min-height: 71px !important;} html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-nav,html body #header nav.header-nav.osl-utility-bar .osl-mobile-nav{position: relative !important;display: flex !important;flex-flow: row nowrap !important;align-items: center !important;justify-content: space-between !important;} #header .osl-mobile-brand{display: inline-flex !important;position: relative !important;flex: 0 0 180px !important;align-items: center;width: 180px !important;min-width: 180px !important;max-width: 180px !important;height: 48px !important;margin: 0;padding: 0 !important;overflow: visible !important;color: var(--osl-green) !important;text-indent: 0 !important;text-decoration: none;visibility: visible !important;opacity: 1 !important;} #header .osl-mobile-brand__mark{display: block;flex: 0 0 40px;width: 40px;height: 40px;margin: 0;object-fit: contain;object-position: center;} #header .osl-mobile-brand__copy{position: relative !important;z-index: 4;display: flex !important;flex-direction: column;flex: 0 0 136px !important;justify-content: center;width: 136px !important;min-width: 136px !important;max-width: 136px !important;height: 38px !important;margin-left: 1px;padding: 0 !important;overflow: visible !important;clip: auto !important;clip-path: none !important;transform: none !important;text-indent: 0 !important;visibility: visible !important;opacity: 1 !important;} #header .osl-mobile-brand__name{position: static !important;display: block !important;width: auto !important;height: auto !important;margin: 0 !important;padding: 0 !important;overflow: visible !important;color: var(--osl-green) !important;-webkit-text-fill-color: var(--osl-green) !important;font-family: Georgia, "Times New Roman", serif;font-size: 13px;font-weight: 700;letter-spacing: 0.015em;line-height: 1;text-indent: 0 !important;text-transform: lowercase;white-space: nowrap;visibility: visible !important;opacity: 1 !important;} #header .osl-mobile-brand__tagline{position: static !important;display: block !important;width: auto !important;height: auto !important;margin-top: 4px;padding: 0 !important;overflow: visible !important;color: var(--osl-green) !important;-webkit-text-fill-color: var(--osl-green) !important;font-family: Arial, Helvetica, sans-serif;font-size: 7px;font-weight: 400;letter-spacing: 0.015em;line-height: 1.15;text-indent: 0 !important;text-overflow: clip;white-space: nowrap;visibility: visible !important;opacity: 1 !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions{position: static !important;display: flex !important;flex: 0 0 auto !important;flex-flow: row nowrap !important;align-items: center !important;justify-content: flex-end !important;width: auto !important;height: 40px !important;margin: 0 0 0 auto !important;gap: 1px !important;transform: none !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-mobile-icon,html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-mobile-icon .osl-line-icon,html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon,html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon .material-icons{color: var(--osl-green) !important;-webkit-text-fill-color: var(--osl-green) !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-mobile-icon{flex: 0 0 31px !important;width: 31px !important;height: 38px !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon{position: relative !important;display: inline-flex !important;flex: 0 0 32px !important;width: 32px !important;height: 38px !important;margin-left: 2px !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon .material-icons{margin: 0 !important;font-size: 23px !important;font-weight: 300 !important;line-height: 1 !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-line-icon{transform: scale(0.82);transform-origin: center;} html body #header nav.header-nav.osl-utility-bar .osl-cart-count{top: 1px !important;right: -1px !important;} } @media (max-width: 359.98px){ #header .osl-mobile-brand{flex-basis: 155px !important;width: 155px !important;min-width: 155px !important;max-width: 155px !important;} #header .osl-mobile-brand__copy{flex-basis: 111px !important;width: 111px !important;min-width: 111px !important;max-width: 111px !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-mobile-icon{flex-basis: 29px !important;width: 29px !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon{flex-basis: 30px !important;width: 30px !important;} } #header .osl-menu-item-heading > span.dropdown-item{min-width: 0;background: transparent;} #header .osl-link-to-create > .osl-menu-item-heading > span.dropdown-item,#header .osl-menu-signature__link.osl-link-to-create{cursor: default;} #header .osl-menu-to-create{display: inline-block;margin-left: 0.28rem;color: var(--osl-error);font-family: Arial, Helvetica, sans-serif;font-size: 0.62em;font-weight: 600;letter-spacing: 0;line-height: 1;text-transform: lowercase;white-space: nowrap;} @media (min-width: 768px){ #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > span.dropdown-item{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;padding: 0 8px;background: transparent !important;text-align: center;white-space: nowrap;} #header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading > span.dropdown-item,#header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading > span.dropdown-item{background: rgba(202, 162, 144, 0.1) !important;} #header .osl-mega-menu__links .top-menu[data-depth="1"] > li > .osl-menu-item-heading > span.dropdown-item{display: inline-block;padding: 0 0 0.5rem;background: transparent !important;} #header .osl-nested-menu .top-menu[data-depth="2"] span.dropdown-item{display: inline-flex;align-items: baseline;padding: 0.25rem 0;color: var(--osl-muted-alt) !important;background: transparent !important;font-size: 0.8rem;font-weight: 400;letter-spacing: 0.01em;line-height: 1.35;text-transform: none;} } @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .osl-menu-item-heading > span.dropdown-item{display: flex;flex: 1 1 auto;align-items: center;min-height: 46px;padding: 0.75rem 0;background: transparent !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{min-height: 38px;padding: 0.5rem 0;} } /* ================================================================ Tiroir mobile validé — header conservé et sous-liens dépliés ================================================================ */ @media (max-width: 767.98px){ html body #header #mobile_top_menu_wrapper{position: fixed !important;top: var(--osl-mobile-menu-top, 137px) !important;right: 0 !important;bottom: 0 !important;left: clamp(36px, 10vw, 50px) !important;z-index: 2000 !important;width: auto !important;max-width: none !important;height: auto !important;margin: 0 !important;padding: 18px 30px 28px 17px !important;overflow-x: hidden !important;overflow-y: auto !important;background: rgba(255, 253, 249, 0.995) !important;border: 0 !important;box-shadow: -18px 16px 36px rgba(58, 88, 69, 0.16) !important;} #header #mobile_top_menu_wrapper #_mobile_top_menu > .top-menu[data-depth="0"]{display: flex !important;flex-direction: column !important;} #header #mobile_top_menu_wrapper #category-acier-a-creer{order: 1;} #header #mobile_top_menu_wrapper #category-102{order: 2;} #header #mobile_top_menu_wrapper #category-103{order: 3;} #header #mobile_top_menu_wrapper #category-94{order: 4;} #header #mobile_top_menu_wrapper #category-106{order: 5;} #header #mobile_top_menu_wrapper #category-82{order: 6;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li{width: 100% !important;border-bottom: 1px solid var(--osl-line) !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle{display: inline-flex !important;flex: 0 0 34px !important;width: 34px !important;height: 34px !important;margin: 9px 0 9px 4px !important;background: transparent !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle .material-icons{display: none !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::before{content: "→";font-family: Arial, Helvetica, sans-serif;font-size: 17px;font-weight: 300;line-height: 1;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::before{content: "↓";} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]{background: rgba(202, 162, 144, 0.12) !important;} #header #mobile_top_menu_wrapper .osl-mega-menu{width: 100% !important;margin: 0 !important;padding: 0 !important;border-top: 1px solid var(--osl-line) !important;} #header #mobile_top_menu_wrapper .osl-mega-menu__inner,#header #mobile_top_menu_wrapper .osl-mega-menu__links,#header #mobile_top_menu_wrapper .osl-curated-menu{width: 100% !important;margin: 0 !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li{width: 100% !important;margin: 0 !important;padding: 0 !important;border: 0 !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(1) > .osl-menu-item-heading{display: none !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-nested-menu.collapse{position: static !important;display: block !important;width: 100% !important;height: auto !important;margin: 0 !important;padding: 0 !important;overflow: visible !important;visibility: visible !important;opacity: 1 !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(2) > .osl-menu-item-heading{display: flex !important;min-height: 31px !important;margin-top: 4px !important;} #header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a,#header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{justify-content: space-between !important;width: 100% !important;min-height: 40px !important;padding: 7px 0 !important;} #header #mobile_top_menu_wrapper .osl-menu-to-create{margin-left: auto !important;padding-left: 8px !important;color: var(--osl-error) !important;font-size: 8px !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon[aria-expanded="true"]{background: rgba(202, 162, 144, 0.14) !important;border-radius: 12px !important;} } /* ================================================================ Méga-menu desktop validé — panneau compact superposé au hero ================================================================ */ @media (min-width: 768px){ html body #header .osl-navigation-row .osl-mega-menu{position: absolute !important;top: 100% !important;right: auto !important;bottom: auto !important;left: 50% !important;z-index: 1600 !important;width: min(calc(100vw - 48px), 1080px) !important;max-width: 1080px !important;min-height: 0 !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important;background: rgba(255, 253, 249, 0.995) !important;border: 0 !important;border-top: 1px solid var(--osl-terracotta-soft) !important;box-shadow: 0 22px 44px rgba(38, 45, 40, 0.18) !important;transform: translateX(-50%) translateY(7px) !important;} html body #header .top-menu[data-depth="0"] > li:hover > .osl-mega-menu,html body #header .top-menu[data-depth="0"] > li:focus-within > .osl-mega-menu{transform: translateX(-50%) translateY(0) !important;} #header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading > a,#header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading > a,#header .osl-navigation-row .top-menu[data-depth="0"] > li.current > .osl-menu-item-heading > a,#header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading > span.dropdown-item,#header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading > span.dropdown-item{background: transparent !important;} #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading{position: relative;} #header .osl-navigation-row .top-menu[data-depth="0"] > li:hover > .osl-menu-item-heading::after,#header .osl-navigation-row .top-menu[data-depth="0"] > li:focus-within > .osl-menu-item-heading::after,#header .osl-navigation-row .top-menu[data-depth="0"] > li.current > .osl-menu-item-heading::after{position: absolute;right: auto;bottom: 0;left: 50%;width: 56px;height: 2px;background: var(--osl-badge);content: "";transform: translateX(-50%);} html body #header .osl-mega-menu__inner{display: grid !important;grid-template-columns: minmax(0, 1fr) 376px !important;align-items: stretch !important;gap: 45px !important;width: 100% !important;min-height: 292px !important;margin: 0 !important;padding: 35px !important;} html body #header .osl-mega-menu__links > .osl-curated-menu[data-depth="1"]{display: grid !important;grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr) !important;align-items: start !important;gap: 45px !important;width: 100% !important;margin: 0 !important;padding: 0 !important;} #header .osl-mega-menu__links .osl-curated-menu[data-depth="1"] > li > .osl-menu-item-heading > span.dropdown-item{display: block !important;min-height: 0 !important;margin: 0 0 14px !important;padding: 0 !important;} #header .osl-mega-menu__links .osl-nested-menu{margin: 0 !important;padding: 0 !important;} #header .osl-mega-menu__links .osl-nested-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a,#header .osl-mega-menu__links .osl-nested-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{display: inline-flex !important;align-items: baseline !important;min-height: 29px !important;padding: 5px 0 !important;} html body #header .osl-menu-signature{position: relative !important;display: block !important;width: 100% !important;min-width: 0 !important;min-height: 228px !important;height: 228px !important;overflow: hidden !important;background: var(--osl-green) !important;border-radius: 0 !important;} html body #header .osl-menu-signature::after{position: absolute;right: -42px;bottom: -65px;z-index: 1;width: 160px;height: 160px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50%;content: "";pointer-events: none;} html body #header .osl-menu-signature__image{position: absolute !important;inset: 0 !important;z-index: 0 !important;display: block !important;width: 100% !important;height: 100% !important;background: var(--osl-green) !important;} html body #header .osl-menu-signature__image::after{position: absolute;inset: 0;background: linear-gradient(90deg, rgba(39, 48, 43, 0.78) 0%, rgba(39, 48, 43, 0.46) 48%, rgba(39, 48, 43, 0.10) 100%);content: "";} html body #header .osl-menu-signature__image img{display: block !important;width: 100% !important;height: 100% !important;min-height: 0 !important;object-fit: cover !important;object-position: center !important;mix-blend-mode: normal !important;filter: grayscale(6%) contrast(1) brightness(1);opacity: 0.92;} html body #header .osl-mega-menu__inner[data-universe="acier"] .osl-menu-signature__image img{object-position: center 58% !important;} html body #header .osl-mega-menu__inner[data-universe="argent"] .osl-menu-signature__image img{object-position: center 66% !important;} html body #header .osl-mega-menu__inner[data-universe="dores"] .osl-menu-signature__image img{object-position: center 38% !important;} html body #header .osl-mega-menu__inner[data-universe="corse"] .osl-menu-signature__image img{object-position: 64% center !important;} html body #header .osl-mega-menu__inner[data-universe="corail"] .osl-menu-signature__image img{object-position: center 52% !important;} html body #header .osl-mega-menu__inner[data-universe="fantaisie"] .osl-menu-signature__image img{object-position: center 28% !important;} html body #header .osl-menu-signature__content{position: relative !important;z-index: 2 !important;display: flex !important;flex-direction: column !important;justify-content: flex-start !important;width: 68% !important;height: 100% !important;padding: 26px 25px 22px !important;} html body #header .osl-menu-signature__eyebrow{margin: 0 0 7px !important;} html body #header .osl-menu-signature__title{margin: 0 !important;} html body #header .osl-menu-signature__text{display: none !important;} html body #header .osl-menu-signature__link{margin-top: auto !important;color: var(--osl-paper) !important;font-family: Arial, Helvetica, sans-serif !important;font-size: 10px !important;font-weight: 700 !important;letter-spacing: 0 !important;line-height: 1.2 !important;text-transform: none !important;} } @media (min-width: 768px) and (max-width: 1100px){ html body #header .osl-mega-menu__inner{grid-template-columns: minmax(0, 1fr) 310px !important;gap: 28px !important;padding: 30px !important;} html body #header .osl-mega-menu__links > .osl-curated-menu[data-depth="1"]{gap: 28px !important;} } /* Correctif 4.1 final : placé après les protections du thème historique. */ @media (max-width: 767.98px){ html body #header #mobile_top_menu_wrapper{top: var(--osl-mobile-menu-top, 141px) !important;right: 0 !important;bottom: 0 !important;left: 0 !important;width: 100% !important;height: auto !important;padding: 0 16px 28px !important;overflow-x: hidden !important;overflow-y: auto !important;overscroll-behavior: contain;background: rgba(255, 253, 249, .995) !important;border-top: 1px solid rgba(221, 210, 196, .82) !important;box-shadow: 0 18px 42px rgba(38, 45, 40, .16) !important;} #header #mobile_top_menu_wrapper .osl-mobile-menu-heading{position: sticky;top: 0;z-index: 3;display: flex !important;align-items: center;justify-content: space-between;min-height: 58px;margin: 0;padding: 0 0 0 1px;background: rgba(255, 253, 249, .98);border-bottom: 1px solid var(--osl-line);} #header #mobile_top_menu_wrapper .osl-mobile-menu-close{display: inline-flex !important;flex: 0 0 34px;align-items: center;justify-content: center;width: 34px;height: 34px;margin-right: -5px;padding: 0;color: var(--osl-muted-alt);background: transparent !important;border: 0 !important;border-radius: 50%;box-shadow: none !important;outline: 0;} #header #mobile_top_menu_wrapper .osl-mobile-menu-close .material-icons{color: currentColor !important;font-size: 21px;font-weight: 300;} #header #mobile_top_menu_wrapper .osl-mobile-menu-close:hover,#header #mobile_top_menu_wrapper .osl-mobile-menu-close:focus-visible{color: var(--osl-coral);background: rgba(172, 134, 107, .1) !important;outline: 1px solid rgba(172, 134, 107, .38);outline-offset: 1px;} #header #mobile_top_menu_wrapper #_mobile_top_menu{width: 100% !important;margin: 0 !important;padding: 10px 0 0 !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading{min-height: 51px !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a,#header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > span.dropdown-item{min-height: 51px !important;padding: 0 !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle{display: inline-flex !important;flex: 0 0 36px !important;align-items: center !important;justify-content: center !important;width: 36px !important;height: 36px !important;margin: 7px 0 7px 4px !important;background: transparent !important;border: 0 !important;border-radius: 50% !important;box-shadow: none !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle .material-icons,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle .material-icons{display: none !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::before,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle::before{width: 7px;height: 7px;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;content: "";transform: translateY(-2px) rotate(45deg);transition: transform 180ms ease;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::before,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::before{color: var(--osl-badge);transform: translateY(2px) rotate(225deg);} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"],#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]{background: rgba(202, 162, 144, .1) !important;} #header #mobile_top_menu_wrapper .osl-mega-menu.collapse:not(.show):not(.in),#header #mobile_top_menu_wrapper .osl-nested-menu.collapse:not(.show):not(.in){display: none !important;height: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;overflow: hidden !important;visibility: hidden !important;opacity: 0 !important;} #header #mobile_top_menu_wrapper .osl-mega-menu.collapse.show,#header #mobile_top_menu_wrapper .osl-mega-menu.collapse.in,#header #mobile_top_menu_wrapper .osl-nested-menu.collapse.show,#header #mobile_top_menu_wrapper .osl-nested-menu.collapse.in{position: static !important;display: block !important;width: 100% !important;height: auto !important;overflow: visible !important;visibility: visible !important;opacity: 1 !important;} #header #mobile_top_menu_wrapper .osl-mega-menu{margin: 0 !important;padding: 0 !important;background: transparent !important;border: 0 !important;border-top: 1px solid rgba(221, 210, 196, .7) !important;box-shadow: none !important;} #header #mobile_top_menu_wrapper .osl-mega-menu__links{padding: 4px 13px 13px !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(1) > .osl-menu-item-heading,#header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(2) > .osl-menu-item-heading,#header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(3) > .osl-menu-item-heading{display: flex !important;min-height: 45px !important;margin: 0 !important;border-bottom: 1px solid rgba(221, 210, 196, .42);} #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-menu-item-heading > span.dropdown-item{display: flex !important;flex: 1 1 auto !important;align-items: center !important;min-height: 45px !important;padding: 0 !important;} #header #mobile_top_menu_wrapper .osl-curated-menu .osl-nested-menu{margin: 0 !important;padding: 3px 0 8px 12px !important;background: rgba(245, 238, 231, .52) !important;} #header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a,#header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{min-height: 37px !important;padding: 6px 4px !important;} html body #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon[aria-expanded="true"]{color: var(--osl-coral) !important;background: transparent !important;border-radius: 50% !important;} } /* Correctif 4.2 — chevrons nets et groupes de même niveau visuel. */ @media (max-width: 767.98px){ #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle{position: relative !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::before,#header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::after,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle::before,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle::after{position: absolute;top: 50%;left: 50%;width: 7px !important;height: 1px !important;background: currentColor;border: 0 !important;content: "" !important;transition: transform 180ms ease;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::before,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle::before{transform: translate(-6px, -50%) rotate(42deg) !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::after,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle::after{transform: translate(-1px, -50%) rotate(-42deg) !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::before,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::before{transform: translate(-6px, -50%) rotate(-42deg) !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::after,#header #mobile_top_menu_wrapper .osl-curated-group > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::after{transform: translate(-1px, -50%) rotate(42deg) !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(2) > .osl-menu-item-heading > span.dropdown-item{min-height: 45px !important;padding: 0 !important;} } /* Correctif 4.3 — rendu mobile validé par la capture de référence. */ @media (max-width: 767.98px){ html body #header #mobile_top_menu_wrapper{top: var(--osl-mobile-menu-top, 141px) !important;right: 0 !important;bottom: 0 !important;left: clamp(36px, 10vw, 52px) !important;width: auto !important;height: auto !important;padding: 18px 30px 28px 17px !important;background: rgba(255, 253, 249, .995) !important;border: 0 !important;box-shadow: -18px 16px 36px rgba(58, 88, 69, .16) !important;} #header #mobile_top_menu_wrapper .osl-mobile-menu-heading,#header #mobile_top_menu_wrapper .js-top-menu-bottom{display: none !important;} #header #mobile_top_menu_wrapper #_mobile_top_menu,#header #mobile_top_menu_wrapper #_mobile_top_menu > .top-menu[data-depth="0"]{width: 100% !important;margin: 0 !important;padding: 0 !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading{min-height: 52px !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a,#header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > span.dropdown-item{min-height: 52px !important;padding: 0 5px !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle{position: relative !important;display: inline-flex !important;flex: 0 0 34px !important;align-items: center !important;justify-content: center !important;width: 34px !important;height: 34px !important;margin: 9px 0 9px 4px !important;background: transparent !important;border: 0 !important;border-radius: 50% !important;box-shadow: none !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::after{display: none !important;content: none !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle::before{position: static !important;width: auto !important;height: auto !important;color: currentColor;background: transparent !important;border: 0 !important;content: "→" !important;font-family: Arial, Helvetica, sans-serif;font-size: 17px;font-weight: 300;line-height: 1;transform: none !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]::before{color: var(--osl-badge);content: "↓" !important;} #header #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > .osl-menu-item-heading > .osl-submenu-toggle[aria-expanded="true"]{background: rgba(202, 162, 144, .12) !important;} #header #mobile_top_menu_wrapper .osl-mega-menu.collapse:not(.show):not(.in){display: none !important;height: 0 !important;overflow: hidden !important;visibility: hidden !important;opacity: 0 !important;} #header #mobile_top_menu_wrapper .osl-mega-menu.collapse.show,#header #mobile_top_menu_wrapper .osl-mega-menu.collapse.in{position: static !important;display: block !important;width: 100% !important;height: auto !important;overflow: visible !important;visibility: visible !important;opacity: 1 !important;} #header #mobile_top_menu_wrapper .osl-mega-menu{margin: 0 !important;padding: 0 !important;background: var(--osl-frame-background) !important;border: 0 !important;border-top: 1px solid var(--osl-line) !important;box-shadow: none !important;} #header #mobile_top_menu_wrapper .osl-mega-menu__links{padding: 8px 20px 17px !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li:first-child > .osl-menu-item-heading{display: none !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-nested-menu.collapse{position: static !important;display: block !important;width: 100% !important;height: auto !important;margin: 0 !important;padding: 0 !important;overflow: visible !important;background: transparent !important;visibility: visible !important;opacity: 1 !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(2) > .osl-menu-item-heading{display: flex !important;min-height: 31px !important;margin-top: 4px !important;border: 0 !important;} #header #mobile_top_menu_wrapper .osl-curated-menu > li:nth-child(2) > .osl-menu-item-heading > span.dropdown-item{min-height: 31px !important;padding: 8px 0 5px !important;} #header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > a,#header #mobile_top_menu_wrapper .osl-curated-menu .top-menu[data-depth="2"] > li > .osl-menu-item-heading > span.dropdown-item{min-height: 40px !important;padding: 7px 0 !important;} } /* Correctif 4.4 — les deux listes internes restent toujours visibles dès que l'univers principal est ouvert. */ @media (max-width: 767.98px){ html body #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-nested-menu.collapse,html body #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-nested-menu.collapse:not(.show):not(.in),html body #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-nested-menu.collapse.show,html body #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-nested-menu.collapse.in{position: static !important;display: block !important;width: 100% !important;height: auto !important;margin: 0 !important;padding: 0 !important;overflow: visible !important;background: transparent !important;visibility: visible !important;opacity: 1 !important;transform: none !important;transition: none !important;} html body #header #mobile_top_menu_wrapper .osl-curated-menu > li > .osl-nested-menu > .top-menu[data-depth="2"]{display: block !important;width: 100% !important;height: auto !important;margin: 0 !important;padding: 0 !important;visibility: visible !important;opacity: 1 !important;} } body#index #main > .page-header{margin: 0 !important;} body#index #header{box-shadow: none !important;} html body a:focus:not(:focus-visible),html body a:active:not(:focus-visible),html body [role="link"]:focus:not(:focus-visible),html body [role="link"]:active:not(:focus-visible){outline: 0 !important;box-shadow: none !important;} html body a:focus-visible,html body [role="link"]:focus-visible{outline: 2px solid var(--osl-terracotta);outline-offset: 3px;} #header .osl-navigation-row a:focus-visible{outline: 0 !important;box-shadow: inset 0 -2px 0 var(--osl-terracotta) !important;} html body #header .osl-menu-signature__image,html body #header .osl-menu-signature__image:focus,html body #header .osl-menu-signature__image:active,html body #header .osl-menu-signature__image:focus-visible{padding: 0 !important;border: 0 !important;outline: 0 !important;box-shadow: none !important;} html body #header .osl-menu-signature__image img{border: 0 !important;outline: 0 !important;box-shadow: none !important;} html body#index #header{position: absolute !important;inset: 0 0 auto !important;z-index: 100;width: 100%;margin: 0 !important;color: var(--osl-paper);background: linear-gradient(180deg, rgba(24,34,29,.64), rgba(24,34,29,.48) 45%, rgba(24,34,29,.4)) !important;border: 0 !important;box-shadow: none !important;} html body#index.osl-immersive-ready #header{position: fixed !important;} html body#index #header::after{content: "";position: absolute;top: 100%;left: 0;right: 0;height: 44px;background: linear-gradient(180deg, rgba(24,34,29,.4), transparent);pointer-events: none;} html body#index #header .header-top.osl-header-main,html body#index #header .osl-brand-row,html body#index #header .osl-navigation-row{background: transparent !important;box-shadow: none !important;} html body#index #header .osl-mobile-service-bar{display: none !important;} html body#index #header .osl-brand-name,html body#index #header .osl-brand-tagline,html body#index #header .osl-header-claim--main,html body#index #header .osl-action-icon,html body#index #header .osl-home-header-link{color: var(--osl-paper) !important;} html body#index #header .osl-logo-mark img,html body#index #header .osl-mobile-brand__mark{filter: brightness(0) invert(1);} html body#index #header .osl-immersive-menu-toggle{display: none;align-items: center;justify-content: center;gap: .6rem;min-height: 44px;padding: 0;border: 0;border-radius: 0;color: inherit;background: transparent;box-shadow: none;cursor: pointer;font: 13px Arial, sans-serif;} html body#index #header .osl-immersive-menu-toggle .material-icons{position: static;margin: 0;font-size: 22px;} html body#index #header .osl-home-header-link{display: inline-flex;align-items: center;min-height: 44px;font: 13px Arial, sans-serif;white-space: nowrap;} html body#index #header .osl-home-header-divider{width: 1px;height: 20px;background: currentColor;opacity: .3;} html body#index.osl-header-compact #header{background: var(--osl-paper) !important;color: var(--osl-green);border-bottom: 1px solid var(--osl-line) !important;} html body#index.osl-header-compact #header::after,html body#index.osl-header-compact #header .header-banner,html body#index.osl-header-compact #header .osl-navigation-row{display: none !important;} html body#index.osl-header-compact #header .osl-brand-name,html body#index.osl-header-compact #header .osl-brand-tagline,html body#index.osl-header-compact #header .osl-action-icon,html body#index.osl-header-compact #header .osl-home-header-link{color: var(--osl-green) !important;} html body#index.osl-header-compact #header .osl-logo-mark img,html body#index.osl-header-compact #header .osl-mobile-brand__mark{filter: none;} html body#index #header .osl-home-mobile-useful-links{display: flex;justify-content: space-between;gap: 1rem;padding: 1.2rem 0;} html body#index #header .osl-home-mobile-useful-links a{color: var(--osl-green) !important;font-size: 13px;} @media (min-width: 768px){ html body#index #header nav.header-nav.osl-utility-bar{display: none !important;} html body#index #header .osl-header-shell{max-width: 1440px;padding-right: 32px;padding-left: 32px;} html body#index #header .osl-brand-row{display: grid !important;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);grid-template-areas: "brand claim actions";gap: 24px;min-height: 104px;} html body#index #header .osl-brand-lockup{grid-area: brand;} html body#index #header .osl-header-claim--main{grid-area: claim;display: block !important;max-width: 240px;margin: 0;font: italic 15px/1.5 Georgia, serif;letter-spacing: 0;text-align: center;white-space: normal;} html body#index #header .osl-header-actions{grid-area: actions;gap: 18px;} html body#index #header .osl-immersive-menu-toggle{grid-area: menu;} html body#index #header .osl-logo-mark{flex: 0 0 48px;width: 48px;height: 48px;transform: none;} html body#index #header .osl-brand-copy{margin-left: 10px;} html body#index #header .osl-brand-name{font-size: 29px;font-weight: 500;line-height: 1.1;} html body#index #header .osl-brand-tagline{font-size: 11px;line-height: 1.3;letter-spacing: 0;} html body#index #header .osl-action-icon{min-width: 28px;min-height: 44px;} html body#index #header .osl-navigation-row{border-top: 1px solid rgba(255,253,249,.3);border-bottom: 1px solid rgba(255,253,249,.18);} html body#index #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > a,html body#index #header .osl-navigation-row .top-menu[data-depth="0"] > li > .osl-menu-item-heading > span.dropdown-item{background: transparent !important;} html body#index.osl-header-compact #header .osl-brand-row{min-height: 78px;padding-top: 0;padding-bottom: 0;grid-template-columns: auto auto minmax(0,1fr);grid-template-areas: "menu brand actions";} html body#index.osl-header-compact #header .osl-header-claim--main{display: none !important;} html body#index.osl-header-compact #header .osl-immersive-menu-toggle{display: inline-flex;} html body#index.osl-header-compact #header .osl-logo-mark{flex-basis: 38px;width: 38px;height: 38px;} html body#index.osl-header-compact #header .osl-brand-name{font-size: 26px;} } @media (min-width: 768px) and (max-width: 1100px){ html body#index #header .osl-brand-row{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "brand actions" "claim claim";gap: 8px 20px;padding: 14px 0 10px;} html body#index #header .osl-header-claim--main{max-width: none;font-size: 14px;} html body#index #header .osl-header-actions{gap: 12px;} } @media (max-width: 767.98px){ html body#index #header nav.header-nav.osl-utility-bar{min-height: 78px !important;background: transparent !important;color: var(--osl-paper) !important;border: 0 !important;} html body#index #header nav.header-nav.osl-utility-bar > .osl-header-shell{background: transparent !important;min-height: 0 !important;} html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-brand__copy,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-brand__name,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-brand__tagline,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon .material-icons{color: var(--osl-header-action-color, #fffdf9) !important;-webkit-text-fill-color: currentColor !important;} html body#index #header nav.header-nav.osl-utility-bar .osl-utility-row,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-nav{min-height: 78px !important;background: transparent !important;} html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-brand__name,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-brand__tagline,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-mobile-icon,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-line-icon,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon .material-icons{color: var(--osl-paper) !important;background: transparent !important;} html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar,html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-utility-row,html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-mobile-nav{min-height: 70px !important;} html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-mobile-brand__name,html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-mobile-brand__tagline,html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-mobile-icon,html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-mobile-actions .osl-line-icon,html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon,html body#index.osl-header-compact #header nav.header-nav.osl-utility-bar .osl-mobile-actions #menu-icon .material-icons{color: var(--osl-green) !important;} html body#index #header #mobile_top_menu_wrapper{box-shadow: none !important;} html body#index #header #mobile_top_menu_wrapper .js-top-menu-bottom{display: block !important;} } .osl-immersive-drawer h2{margin: 24px 0;} .osl-immersive-drawer summary{display: flex;align-items: center;justify-content: space-between;min-height: 54px;list-style: none;cursor: pointer;} .osl-immersive-drawer__links a,.osl-immersive-drawer__links > span{display: block;min-height: 40px;padding: 9px 0;color: var(--osl-green);font: 14px/1.5 Arial,sans-serif;} @media (prefers-reduced-motion: reduce){ html body#index #header,html body#index #header *{transition: none !important;} } html body#index #header .osl-header-actions a.osl-action-icon,html body#index #header .osl-header-actions a.osl-action-icon .osl-line-icon,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions a.osl-mobile-icon,html body#index #header nav.header-nav.osl-utility-bar .osl-mobile-actions a.osl-mobile-icon .osl-line-icon{color: var(--osl-header-action-color) !important;-webkit-text-fill-color: currentColor !important;} html body#index #header a.osl-home-header-link,html body #header nav.header-nav.osl-utility-bar a.osl-stores-link,html body #header nav.header-nav.osl-utility-bar a.osl-pro-link,html body #header nav.header-nav.osl-utility-bar a.osl-mobile-pro-link{color: #ffc6b7 !important;} html body#index.osl-header-compact #header a.osl-home-header-link,html body#index #header #mobile_top_menu_wrapper .osl-home-mobile-useful-links a,html body dialog.osl-immersive-drawer .osl-immersive-drawer__useful a{color: var(--osl-error) !important;} html body #header .osl-logo-mark img[data-osl-header-logo],html body #header img.osl-mobile-brand__mark[data-osl-header-logo]{filter: none !important;object-fit: contain;} /* ================================================================ Correctif header 22/09/2026 — Nos boutiques blanc + séparateur avant Pros Accueil desktop uniquement. Conserve le comportement compact existant. ================================================================ */ @media (min-width: 768px){ html body#index.osl-header-compact #header .osl-header-actions > a.osl-home-header-link:first-of-type,html body#index.osl-header-compact #header .osl-header-actions > a.osl-home-header-link + a.osl-home-header-link{color: var(--osl-error) !important;-webkit-text-fill-color: currentColor !important;} } html body#index.osl-header-compact #header .osl-header-actions a.osl-home-header-link[href*="comment-nous-trouver-11"],html body#index.osl-header-compact #header .osl-header-actions a.osl-home-header-link[href*="comment-nous-trouver-11"]:hover,html body#index.osl-header-compact #header .osl-header-actions a.osl-home-header-link[href*="comment-nous-trouver-11"]:focus-visible{color: #000 !important;}