.navigation{overflow-x:clip}@media(max-width: 767px){.navigation{overflow-x:unset}}@media(min-width: 1024px){.navigation:has(.menu-item-has-children:where(:hover,:focus-within,:focus)){--nav-mainbar-bg: var(--grey-900);--item-color: var(--white)}.navigation:has(.menu-item-has-children:where(:hover,:focus-within,:focus)) .navigation__list>li>:where(a,button):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='white' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='' id='Vector (Stroke)' d='M15.7756 11.8691C16.096 12.2618 16.0734 12.8408 15.7073 13.207L9.70727 19.207L9.63109 19.2753C9.23832 19.5957 8.65932 19.5731 8.2932 19.207C7.92709 18.8408 7.90449 18.2618 8.22484 17.8691L8.2932 17.7929L13.5862 12.4999L8.2932 7.20696C7.90268 6.81643 7.90268 6.18342 8.2932 5.79289C8.68373 5.40237 9.31674 5.40237 9.70727 5.79289L15.7073 11.7929L15.7756 11.8691Z'/%3E %3C/svg%3E")}.navigation:has(.menu-item-has-children:where(:hover,:focus-within,:focus)) .matras{fill:var(--white)}}@media(min-width: 1024px){.navigation__lists{--chevron-base-rotate: 90deg;display:flex;flex:1 1 auto}.navigation__lists .menu-item-has-children:has(:hover,:focus-within,:focus)>.sub-menu>.sub-menu,.navigation__lists .menu-item-has-children:has(:hover,:focus-within,:focus)>.sub-menu-wrap>.sub-menu,.navigation__lists .menu-item-has-children:has(:hover,:focus-within,:focus)>.sub-menu,.navigation__lists .menu-item-has-children:has(:hover,:focus-within,:focus)>.sub-menu-wrap{opacity:1;pointer-events:all}.navigation__lists>ul{display:flex;gap:0 1rem}}@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1367px){.navigation__lists>ul{gap:0 .25rem}}@media(min-width: 1024px){.navigation__lists>ul>li>:where(a,button){--arrow-size: 2rem;transition:.2s ease}.navigation__lists>ul>li>:where(a,button):where(:hover,:focus-within,:focus):not(.menu-item-has-children){color:var(--green-500)}.navigation__lists .sub-menu-wrap{position:absolute;z-index:6;left:0;right:0;opacity:0;background-color:var(--grey-900);pointer-events:none;padding-top:2rem;transition:.3s ease}.navigation__lists .sub-menu-wrap>.sub-menu{position:relative;width:min(var(--row-maxwidth),var(--row-width));margin-inline:auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;padding-block:2rem}.navigation__lists .sub-menu-wrap>.sub-menu::before{content:"";top:-1rem;height:1px;width:100%;background-color:var(--green-500);position:absolute}.navigation__lists .sub-menu-wrap>.sub-menu>li:first-child>:is(.twz-card--category,.twz-card--product){border-radius:10rem 0 0 0}.navigation__lists .menu-item-has-children::before{content:"";position:absolute;bottom:0;left:50%;translate:-50% calc(100% + var(--arrow-size)*.333);border:1px solid rgba(0,0,0,0);border-left-color:var(--green-500);border-top-color:var(--green-500);width:var(--arrow-size);aspect-ratio:1;border-radius:3px;rotate:45deg;z-index:10;background-color:var(--white);opacity:0;transition:none}.navigation__lists .menu-item-has-children:has(:hover,:focus-within,:focus){z-index:10}.navigation__lists .menu-item-has-children:has(:hover,:focus-within,:focus)>:where(a,button)::before{translate:-50% 100%;opacity:1;background-color:var(--grey-900)}.navigation__lists .menu-item-has-children:has(:hover,:focus-within,:focus)>:where(a,button)::after{rotate:-90deg}}
@media(max-width: 1023px){.navigation__items{--nav-top-spacing: 12.5rem;--nav-inner-spacing: 4.5rem;--chevron-base-rotate: 0deg;--nav-font-size: 2.4rem;position:fixed;z-index:10005;inset:0;height:100%;width:95%;transform:translate3d(-100%, 0, 0);opacity:0;pointer-events:none;transition:.3s ease-in-out;background-color:var(--grey-900);border-bottom-right-radius:var(--border-radius-l);overflow-x:clip;display:flex;flex-direction:column}}@media(max-width: 1023px)and (max-width: 767px){.navigation__items{overflow-x:unset}}@media(max-width: 1023px){.navigation__items:not(:has(.submenu--is-active)){overflow-y:auto}.nav--is-expanded .navigation__items{transform:none;opacity:1;pointer-events:inherit}.navigation__items :where(.current-menu-item,.current-page-ancestor,li:has(.current-menu-item))>a{font-weight:700}.navigation__items .close{position:absolute;z-index:10;top:calc(var(--nav-inner-spacing) - .5rem);right:var(--nav-inner-spacing);font-size:1.6rem;padding:0;border-radius:50%;border:1px solid var(--white);background-color:rgba(0,0,0,0);width:4rem;height:4rem;color:#fff}.navigation__items .close::after,.navigation__items .close::before{content:"";position:absolute;top:50%;left:50%;translate:-50% 0;height:1em;width:1px;background-color:#fff;border-radius:2px}.navigation__items .close::before{transform:translate3d(0, -50%, 0) rotate(45deg)}.navigation__items .close::after{transform:translate3d(0, -50%, 0) rotate(135deg)}.navigation__items .menu-title{width:100%;padding-right:5rem}.navigation__items .backbutton{position:absolute;top:var(--nav-inner-spacing);left:calc(var(--nav-inner-spacing) + 1rem);width:auto;margin:0}.navigation__items .backbutton.title{font-size:2.6rem;color:var(--white);font-weight:600;left:calc(var(--nav-inner-spacing) + 0rem);top:calc(var(--nav-inner-spacing) - 1rem)}.navigation__items .backbutton>button{display:inline-flex;align-items:center;height:auto;padding:0;padding-left:0;font-size:2.6rem;font-weight:600}.navigation__items .backbutton>button::before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='%2396C15D' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='' id='Vector (Stroke)' d='M15.7756 11.8691C16.096 12.2618 16.0734 12.8408 15.7073 13.207L9.70727 19.207L9.63109 19.2753C9.23832 19.5957 8.65932 19.5731 8.2932 19.207C7.92709 18.8408 7.90449 18.2618 8.22484 17.8691L8.2932 17.7929L13.5862 12.4999L8.2932 7.20696C7.90268 6.81643 7.90268 6.18342 8.2932 5.79289C8.68373 5.40237 9.31674 5.40237 9.70727 5.79289L15.7073 11.7929L15.7756 11.8691Z'/%3E %3C/svg%3E");rotate:180deg;background-position:center;background-repeat:no-repeat;background-size:contain;height:.8em;width:.8em;margin-right:.5em;display:inline-block}.navigation__items ul{margin:0;padding-left:0;width:100%;display:block;gap:2rem}.navigation__items ul li{width:100%}.navigation__items ul li>button{background:unset;border:unset;border-bottom:1px solid rgba(var(--white), 10%);text-align:start;font-weight:400}.navigation__items ul li>:where(a,button){position:relative;text-decoration:none;font-size:var(--nav-font-size);color:var(--white);padding-block:.5rem;display:flex;border-bottom:1px solid rgba(var(--white), 10%)}.navigation__items ul li.menu-item-has-children>:where(a,button){display:flex;align-items:center}.navigation__items ul li.menu-item-has-children>:where(a,button):after{content:"";display:inline-block;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='%2396C15D' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='' id='Vector (Stroke)' d='M15.7756 11.8691C16.096 12.2618 16.0734 12.8408 15.7073 13.207L9.70727 19.207L9.63109 19.2753C9.23832 19.5957 8.65932 19.5731 8.2932 19.207C7.92709 18.8408 7.90449 18.2618 8.22484 17.8691L8.2932 17.7929L13.5862 12.4999L8.2932 7.20696C7.90268 6.81643 7.90268 6.18342 8.2932 5.79289C8.68373 5.40237 9.31674 5.40237 9.70727 5.79289L15.7073 11.7929L15.7756 11.8691Z'/%3E %3C/svg%3E");height:2ch;aspect-ratio:1;pointer-events:none;margin-left:auto}.navigation__items ul li.menu-item-has-children .sub-menu{display:flex;flex-direction:column;pointer-events:none;position:fixed;height:100vh;background-color:var(--grey-900);top:0;left:0;padding:var(--nav-top-spacing) var(--nav-inner-spacing) 0;z-index:1;list-style:none;opacity:0;margin:0;width:95%;transform:translate3d(100%, 0, 0)}.navigation__items ul li.menu-item-has-children .sub-menu:last-child>li:not(.sub-menu--banners):last-child{margin-bottom:10rem}.navigation__items ul li.menu-item-has-children .sub-menu.submenu--is-active{overflow-y:auto}.navigation__items ul li.menu-item-has-children .sub-menu>li{opacity:1}.navigation__items ul li.menu-item-has-children .sub-menu>li:first-child>:where(a,button){padding-top:0;justify-content:space-between}.navigation__items ul li.menu-item-has-children .sub-menu--1{display:flex;flex-direction:column}.navigation__items ul li.menu-item-has-children.menu-item--active>.sub-menu-wrap>.sub-menu,.navigation__items ul li.menu-item-has-children.menu-item--active>.sub-menu{opacity:1;transform:none;pointer-events:all}.navigation__items ul li:not(.navigation__cta)>:where(a,button){border-radius:0}.navigation__items ul li:not(.menu-item-has-children)>a:hover{text-decoration:underline;text-decoration-color:var(--white)}.navigation__items ul li:last-child>:where(a,button){border-bottom:none}.navigation__items .navigation__lists>ul{display:flex;flex-direction:column;max-width:100%;margin-right:0;padding-top:calc(var(--nav-top-spacing) - 1rem);padding-bottom:var(--nav-inner-spacing);padding-inline:var(--nav-inner-spacing)}.navigation__items>.navigation__list{--nav-font-size: 1.6rem;position:relative;display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding:3rem var(--nav-inner-spacing) 8rem var(--nav-inner-spacing)}.navigation__items>.navigation__list::before{content:"";position:absolute;top:0;left:var(--nav-inner-spacing);right:var(--nav-inner-spacing);height:1px;background-color:var(--white)}}@media(max-width: 1023px){.navigation-mainbar{padding-block:1rem}}
.navigation .sub-menu{pointer-events:none;opacity:0}body.nav--is-expanded::after,body:has(.menu-item-has-children:hover,.menu-item-has-children:focus-within)::after{content:"";position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:10;pointer-events:none}body.nav--is-expanded::after{z-index:10001}.navigation{--nav-transition-duration: .1s;position:sticky;top:0;z-index:500;transition:var(--nav-transition-duration) ease background-color;background-color:var(--nav-mainbar-bg, var(--white))}.navigation :where(ul,menu){list-style:none;margin:0;padding:0}.navigation :where(ul,menu) a{text-decoration:none}.navigation :where(ul,menu)>li>:where(a,button){display:inline-flex;gap:.5em;position:relative;text-decoration:none;font-size:var(--theme-fs-base);padding-block:3.5rem;color:var(--item-color, var(--text-color))}@media(min-width: 1024px)and (max-width: 1259px){.navigation :where(ul,menu)>li>:where(a,button){padding-block:2.25rem}}.navigation :where(ul,menu)>li>:where(a,button) img{place-self:center;height:8rem}@media(max-width: 767px){.navigation :where(ul,menu)>li>:where(a,button) img{height:6rem}}.navigation :where(ul,menu)>li.menu-item-has-children>:where(a,button):after{content:"";display:inline-block;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='black' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='' id='Vector (Stroke)' d='M15.7756 11.8691C16.096 12.2618 16.0734 12.8408 15.7073 13.207L9.70727 19.207L9.63109 19.2753C9.23832 19.5957 8.65932 19.5731 8.2932 19.207C7.92709 18.8408 7.90449 18.2618 8.22484 17.8691L8.2932 17.7929L13.5862 12.4999L8.2932 7.20696C7.90268 6.81643 7.90268 6.18342 8.2932 5.79289C8.68373 5.40237 9.31674 5.40237 9.70727 5.79289L15.7073 11.7929L15.7756 11.8691Z'/%3E %3C/svg%3E");height:2ch;aspect-ratio:1;pointer-events:none;rotate:90deg}.navigation.is-sticky{--nav-mainbar-bg: var(--grey-900);--item-color: var(--white);border-bottom:none}@media(min-width: 1024px){.navigation.is-sticky .navigation__logo{--logo-width: 20rem}}.navigation.is-sticky .navigation__list>li>:where(a,button):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='white' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='' id='Vector (Stroke)' d='M15.7756 11.8691C16.096 12.2618 16.0734 12.8408 15.7073 13.207L9.70727 19.207L9.63109 19.2753C9.23832 19.5957 8.65932 19.5731 8.2932 19.207C7.92709 18.8408 7.90449 18.2618 8.22484 17.8691L8.2932 17.7929L13.5862 12.4999L8.2932 7.20696C7.90268 6.81643 7.90268 6.18342 8.2932 5.79289C8.68373 5.40237 9.31674 5.40237 9.70727 5.79289L15.7073 11.7929L15.7756 11.8691Z'/%3E %3C/svg%3E")}.navigation.is-sticky .matras{fill:var(--white)}.navigation-mainbar{display:flex;align-items:stretch;gap:2rem;width:min(var(--row-maxwidth),var(--row-width));margin-inline:auto}.navigation__logo{--logo-width: 12.3rem}@media(min-width: 1260px){.navigation__logo{--logo-width: 26rem}}.navigation__logo a{display:inline-block;padding-block:1.5rem}.navigation__logo :where(img,svg){width:var(--logo-width);height:auto;-o-object-fit:contain;object-fit:contain;transition:var(--nav-transition-duration) ease;translate:0 4px}.navigation__lists>ul{display:flex;align-items:center;gap:2.5rem}.navigation .navigation__items{margin-inline:auto}@media(max-width: 1023px){.navigation .navigation__items{display:none}}@media(min-width: 1024px)and (max-width: 1319px){.navigation .navigation__items{margin-left:2rem}}@media(min-width: 1024px){.navigation .navigation__items{display:flex;align-items:center}}.navigation__icons{display:flex;align-items:center;gap:1.5rem;margin-left:auto}@media(min-width: 1024px){.navigation__icons{flex:0 0 calc(var(--searchbar-width) + 12.5rem);justify-content:flex-end}}.navigation__icons [class*=btn],.navigation__icons button{display:flex;align-items:center;justify-content:center;height:4rem;aspect-ratio:1;border:unset;background-color:var(--grey-100);border-radius:50%}.navigation__icons [class*=btn] path,.navigation__icons button path{fill:var(--black)}.navigation__icons [class*=btn]:where(:hover,:focus-within,:focus),.navigation__icons button:where(:hover,:focus-within,:focus){background-color:var(--green-500)}.navigation__icons [class*=btn]:where(:hover,:focus-within,:focus) path,.navigation__icons button:where(:hover,:focus-within,:focus) path{fill:var(--white)}.navigation__search{display:flex;align-items:center;position:relative;z-index:15;flex:0 0 auto}.navigation button.navigation__toggle{--color: var(--white);cursor:pointer;border:0 none;display:none;width:var(--nav-icon-width, 4rem);align-items:center;justify-content:center;position:relative;padding:0;gap:1rem;border-radius:50%}@media(max-width: 1023px){.navigation button.navigation__toggle{display:flex}}.navigation button.navigation__toggle:hover{outline:0;box-shadow:unset;background-color:var(--green-500)}.navigation button.navigation__toggle:hover .hamburger{--bar-color: var(--white)}.navigation button.navigation__toggle .hamburger{--bar-width: 20px;--bar-height: 2px;--bar-spacing: 6px;--bar-color: var(--black);transition:.4s cubic-bezier(0.23, 1, 0.32, 1);display:inline-block;width:var(--bar-width);height:var(--bar-height);padding:0;color:var(--bar-color);background:var(--bar-color);border-radius:4px;transform:translateY(-50%);transition:background-color 200ms cubic-bezier(0.23, 1, 0.32, 1)}.navigation button.navigation__toggle .hamburger span{position:absolute;top:50%;transform:translateY(-50%);left:3rem;color:var(--nav-link-color);font-size:var(--theme-fs-base);transition:.4s cubic-bezier(0.23, 1, 0.32, 1)}.navigation button.navigation__toggle .hamburger:before,.navigation button.navigation__toggle .hamburger:after{content:"";position:absolute;transition:bottom 200ms cubic-bezier(0.23, 1, 0.32, 1),transform 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1),background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);height:var(--bar-height);background:var(--bar-color);border-radius:1px}.navigation button.navigation__toggle .hamburger::before{bottom:var(--bar-spacing);left:0;width:var(--bar-width);transition:transform 200ms cubic-bezier(0.23, 1, 0.32, 1),bottom 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1)}.navigation button.navigation__toggle .hamburger::after{top:var(--bar-spacing);left:0;width:calc(var(--bar-width)*.6);transition:transform 200ms cubic-bezier(0.23, 1, 0.32, 1),top 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1)}.nav--is-expanded .navigation button.navigation__toggle .hamburger{width:var(--bar-width);background:hsla(0,0%,100%,0)}.nav--is-expanded .navigation button.navigation__toggle .hamburger:before,.nav--is-expanded .navigation button.navigation__toggle .hamburger:after{background:var(--bar-color);width:var(--bar-width);transition:bottom 200ms cubic-bezier(0.23, 1, 0.32, 1),transform 200ms 180ms cubic-bezier(0.23, 1, 0.32, 1)}.nav--is-expanded .navigation button.navigation__toggle .hamburger::after{top:0;transform:rotate(45deg)}.nav--is-expanded .navigation button.navigation__toggle .hamburger::before{bottom:0;transform:rotate(-45deg)}
