header.header{position:fixed;top:0;left:0;right:0;z-index:99;height:var(--header-height);padding-block:calc(var(--container-gap)*2);padding-inline:5vw;box-sizing:border-box;pointer-events:none;background-color:rgba(0,0,0,0);transition:background-color .3s ease,top .3s ease,padding .3s ease}header.header .container{display:flex;align-items:center;justify-content:space-between;height:100%;pointer-events:all}header.header .header-logo{height:35px;padding-inline:20px;width:auto;transition:opacity .3s ease,visibility .3s ease}header.header .header-logo:hover{opacity:1}header.header .header-logo svg{height:100%;width:auto;filter:drop-shadow(2px 3px 4px rgba(0, 0, 0, 0.16))}header.header .menu-wrapper{display:inline-flex;column-gap:26px;padding-inline:20px}header.header .cart-link{display:flex;align-items:center;justify-content:center;z-index:2}header.header .cart-link svg{width:20px;height:auto;filter:drop-shadow(0 2px 2.8px rgba(0, 0, 0, 0.27))}header.header nav ul{list-style:none;display:flex;gap:10px 26px;box-sizing:border-box;margin:0;padding-block:0}header.header nav ul a{font-size:clamp(16px,1.4vw,18px);text-shadow:0 2px 2.8px rgba(0,0,0,.27)}header.header nav ul .btn>a{text-decoration:none;font-size:1rem;font-family:var(--font-body);padding:11px 20px 9px;min-width:100px;line-height:1;width:fit-content;display:inline-block;border:solid 2px var(--dark);border-radius:30px;cursor:pointer;background-color:var(--dark);color:var(--text-invert);text-align:center;opacity:1 !important;transition:color .3s ease,background-color .3s ease}header.header nav ul .btn>a:hover{background-color:rgba(0,0,0,0);color:var(--text-main);opacity:1 !important}header.header .mobile-menu-toggle{display:none}header.header .container{position:relative;max-width:600px;margin-inline:auto}header.header .container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(10px);border-radius:10px;border-radius:10px;background:rgba(189,189,189,.544);box-shadow:0 4px 7px -2px rgba(0,0,0,.2);z-index:-1;transition:background-color .3s ease}header.header.scrolled{top:calc(var(--container-gap)*-1)}@media(min-width: 1080px){header.header nav>ul>li{position:relative;padding-block:15px;overflow:visible}header.header nav>ul>li>a{border-bottom:30px solid rgba(0,0,0,0)}header.header nav>ul>li>ul{position:absolute;top:calc(100% + 15px);left:-15px;padding:15px;display:flex;flex-direction:column;z-index:3;backdrop-filter:blur(10px);border-radius:10px;background:rgba(189,189,189,.544);box-shadow:0 4px 7px -2px rgba(0,0,0,.2);visibility:hidden;opacity:0;transition:opacity .6s ease,visibility .6s ease,background-color .3s ease}header.header nav>ul>li>ul>li{white-space:nowrap}header.header nav>ul>li:hover>ul,header.header nav>ul>li:focus-within>ul{visibility:visible;opacity:1}}@media(max-width: 1080px){header.header .header-logo{z-index:3;position:relative}header.header nav{width:100%}header.header nav>ul{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:calc(100svh - var(--container-gap)*4);padding-bottom:20px;padding-top:calc(var(--header-height) - var(--container-gap)*3);padding-inline:20px;z-index:2;display:block;backdrop-filter:blur(10px);border-radius:10px;background:rgba(189,189,189,.744);box-shadow:0 4px 7px -2px rgba(0,0,0,.2)}header.header nav>ul ul{display:block;padding-inline:15px}header.header nav>ul ul a{font-size:.95em}header.header nav ul a{font-size:20px;margin-block:10px;display:block}header.header nav ul .btn>a{margin-top:20px}header.header .mobile-menu-toggle{display:block;background-color:rgba(0,0,0,0);border:none;z-index:3;position:relative;padding:0}header.header .mobile-menu-toggle:after,header.header .mobile-menu-toggle:before,header.header .mobile-menu-toggle span{width:27px;height:2px;margin:6px 0;background-color:var(--text-invert);display:block;content:"";transition:.3s ease;position:relative}header.header.mobile-open .mobile-menu-toggle span{opacity:0;width:22px}header.header.mobile-open .mobile-menu-toggle:after{transform:rotate(45deg);top:-8px}header.header.mobile-open .mobile-menu-toggle:before{transform:rotate(-45deg);top:8px}header.header.mobile-open nav>ul{visibility:visible}header.header.scrolled nav>ul{height:calc(100svh - var(--container-gap)*2)}}main:not(:has(>section.banner:first-child)){margin-top:var(--header-height)}main:not(:has(>section.banner:first-child)) section:not(.banner):first-child{padding-top:0}@media(max-width: 1080px){body:has(.mobile-open){overflow:hidden}}body:has(#wpadminbar) header{top:32px}@media(max-width: 782px){body:has(#wpadminbar) header{top:46px}}