.wrapper{max-width:100%}.secondary-header{background-color:#fff!important;-webkit-box-shadow:0 14px 24px -23px rgba(0,0,0,.75);-moz-box-shadow:0 14px 24px -23px rgba(0,0,0,.75);box-shadow:0 14px 24px -23px #000000bf;padding:10px 32px!important}.secondary-header .bag_container p{color:#020d18!important}.secondary-header svg path{fill:#020d18!important}.secondary-header .btn-3{border:1px solid #020d18!important;color:#020d18!important}.secondary-header .level-1 a{color:#020d18!important}.secondary-header .level-1 .button:hover{color:#fff!important}.secondary-header .logo_default{display:none!important}.secondary-header .dark_logo_default{display:block!important}.header{background:transparent;display:grid;grid-template-columns:3fr 1fr 3fr;grid-template-rows:1fr;left:0;position:absolute;top:0;transition:background .3s ease;width:100%;z-index:1001}@media screen and (max-width:1340px){.header{grid-template-columns:3fr 1fr 3fr;left:0}.header a{font-size:12px}.header .header__icons{gap:10px}}@media screen and (max-width:800px){.header{grid-template-columns:1fr 5fr 1fr}}.header__logo{align-items:center;display:flex;grid-area:1/2/2/3;justify-content:center;transition:opacity .5s ease,transform .5s ease}@media screen and (max-width:800px){.header__logo img{width:120%}}.header__logo a:after{height:0}.header__logo .scroll_logo{display:none}.header__logo img{border:0;margin:auto;max-height:50px;width:100%}@media screen and (max-width:64em){.header__logo img{max-height:34px;width:100%}}.header-top{align-items:center;display:flex;justify-content:space-between}@media screen and (min-width:64em){.header-top{align-items:flex-end;margin:14px 0}}.header-top .logo{max-width:200px;transition:.5s;-webkit-transition:.5s}@media screen and (min-width:64em){.header-top .logo{max-width:655px}}.header-top .actions{display:flex;flex-wrap:wrap;gap:11px;justify-content:space-around}.header-top .actions .icon-link{height:24px;min-width:24px;width:24px}.header-top .actions .icon-link svg{height:100%;width:100%}.header__menu{grid-area:1/1/2/2;justify-content:flex-start}.header__icons,.header__menu{align-items:center;display:flex;gap:20px;margin:16px -5px;transition:margin .8s ease;width:100%}@media screen and (min-width:64em){.header__icons,.header__menu{align-items:center;display:flex;flex-direction:row;margin:22px 0;padding:0;z-index:0}}.header__icons .link,.header__menu .link{padding:12px 0}@media screen and (min-width:64em){.header__icons .link,.header__menu .link{padding:12px}}.header__icons .button,.header__menu .button{background:#020d18;color:#fff;display:inline-block;margin:20px 0;padding:13px 30px;text-align:center}@media screen and (min-width:64em){.header__icons .button,.header__menu .button{margin:0}}.header__icons-main,.header__menu-main{background-color:#fff;display:none;flex-direction:column;width:100%}@media screen and (min-width:64em){.header__icons-main,.header__menu-main{align-items:center;background-color:transparent;display:flex;flex-direction:row;width:auto}}.header__icons__secondary,.header__menu__secondary{display:flex;flex-direction:column;width:100%}@media screen and (min-width:64em){.header__icons__secondary,.header__menu__secondary{align-items:center;flex-direction:row;width:auto}}.header__icons__actions,.header__menu__actions{display:flex;gap:11px}.header__icons__actions .icon-link svg,.header__menu__actions .icon-link svg{height:24px;min-width:24px;width:24px}.header__icons .level-1>a,.header__menu .level-1>a{letter-spacing:1px;padding:12px;text-transform:uppercase}@media screen and (min-width:64em){.header__icons .level-1>a,.header__menu .level-1>a{color:#fff;padding:8px}}.header__icons .level-1>a .icon-caret,.header__menu .level-1>a .icon-caret{transition:all .5s}.header__icons .level-1>a:after,.header__menu .level-1>a:after{background-color:#fff}@media screen and (min-width:64em){.header__icons .level-1:hover .level-2,.header__menu .level-1:hover .level-2{column-gap:10px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(15,auto);transition:display 1s ease}}.header__icons .level-1[data-active=true] .icon-caret,.header__menu .level-1[data-active=true] .icon-caret{rotate:180deg}.header__icons .level-1[data-active=true] .level-2,.header__menu .level-1[data-active=true] .level-2{display:flex}.header__icons .level-2,.header__menu .level-2{background:#f8f8f8;display:none;flex-direction:column;letter-spacing:1px;padding:12px 14px;z-index:1}@media screen and (min-width:64em){.header__icons .level-2,.header__menu .level-2{padding:24px;position:absolute}}.header__icons .level-2>a,.header__menu .level-2>a{color:#020d18;margin-bottom:16px}.header__icons .level-2>a.title,.header__menu .level-2>a.title{cursor:default;font-family:Figtree Regular,sans-serif;font-weight:600;margin-bottom:14px;text-decoration:none}.header__icons .level-2>a.title:after,.header__menu .level-2>a.title:after{height:0}.header__icons .level-2>a.button,.header__menu .level-2>a.button{background:#fff;border:1px solid #020d18;color:#020d18;display:inline-block;margin:4px 0 0;padding:10px 24px}.header__icons .level-2>a.button:hover,.header__menu .level-2>a.button:hover{background:#020d18;border:1px solid #020d18;color:#fff}.header__icons svg path,.header__menu svg path{fill:#fff}.header__icons .level-1>a,.header__icons .level-2>a,.header__menu .level-1>a,.header__menu .level-2>a{align-items:center;display:flex;font-weight:400}.header__icons .level-1>a svg,.header__icons .level-2>a svg,.header__menu .level-1>a svg,.header__menu .level-2>a svg{height:18px;margin-right:8px;min-width:18px;width:18px}.header__icons .level-1>a .list-icon,.header__icons .level-2>a .list-icon,.header__menu .level-1>a .list-icon,.header__menu .level-2>a .list-icon{margin-left:auto}.header__icons .level-1>a .list-icon svg,.header__icons .level-2>a .list-icon svg,.header__menu .level-1>a .list-icon svg,.header__menu .level-2>a .list-icon svg{height:16px;margin:0;min-width:16px;width:16px}.header__icons .level-1>a,.header__menu .level-1>a{font-weight:600}.header__icons .level-1>a:after,.header__menu .level-1>a:after{bottom:4px}.header .level-2 svg path{fill:#020d18}.header__icons{align-items:center;display:flex;gap:20px;grid-area:1/3/2/4;justify-content:flex-end}.header__icons .level-2{padding:10px}.header__icons .level-2>a{color:#020d18;margin:12px 4px}.header__icons .bag_container{align-items:center;display:flex}.header__icons .bag_container p{color:#fff;font-weight:600;margin:0 0 -5px}.header__icons .btn-3{background-color:transparent;border:1px solid #fff;color:#fff;position:relative;transition:all .8s ease}@media (max-width:800px){.header__icons .btn-3{background-color:#fff;border:1px solid #020d18;color:#020d18}}.header__icons .btn-3:after,.header__icons .btn-3:before{border-color:#fff;border-style:solid;content:"";position:absolute;transition:all .5s ease;z-index:1}.header__icons .btn-3:before{border-width:1px 0 0 1px;height:0;left:-1px;opacity:0;top:-1px;width:0}.header__icons .btn-3:after{border-width:0 1px 1px 0;bottom:0;height:0;opacity:0;right:0;width:0}.header__icons .btn-3:hover{border-color:#fff;color:#fff}.header__icons .btn-3:hover:after,.header__icons .btn-3:hover:before{height:100%;opacity:1;width:100%}.header a:not(.btn,.product-item){position:relative;text-decoration:none}.header .logo-header .logo_default{display:block}.header .logo-header .dark_logo_default{display:none}.header.scroll{background:linear-gradient(0deg,#fff0,#fff9);left:0;position:fixed;top:0;transition:background .3s ease;width:100%;z-index:1000}.header.scroll .header__icons,.header.scroll .header__menu{margin:16px -5px}@media screen and (min-width:64em){.header.scroll .header__icons,.header.scroll .header__menu{margin:9px 0}.header.scroll .logo{max-width:350px}}.header.scroll svg path{fill:#020d18}.header.scroll .bag_container p{color:#020d18}.header.scroll .btn-3{background-color:#fff;border:1px solid #020d18;color:#020d18}.header.scroll .btn-3:hover{background-color:#020d18;border:1px solid #020d18;color:#fff}.header.scroll img{max-height:50px}@media screen and (max-width:64em){.header.scroll img{max-height:44px}}.header.scroll .level-1>a{text-transform:uppercase;transition:all .8s ease}@media screen and (min-width:64em){.header.scroll .level-1>a{color:#020d18;padding:8px}}.header.scroll .level-1>a .icon-caret{transition:all .5s}.header.scroll .level-1>a:after{background-color:#020d18}@media screen and (min-width:64em){.header.scroll .level-1:hover .level-2{column-gap:10px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(15,auto)}.header.scroll .level-1:hover .level-2:hover{display:grid}}.header.scroll .level-1[data-active=true] .icon-caret{rotate:180deg}.header.scroll .level-1[data-active=true] .level-2{display:flex}.header.scroll .logo-header .logo_default{display:none}.header.scroll .logo-header .dark_logo_default{display:block}.header .header-menu__secondary .level-1>a,.header .header-menu__secondary .level-2>a{font-weight:400}.header[data-active=true]{animation:fadeInMenu .5s ease-in-out forwards;background-color:#fff}.header[data-active=true] .header__menu-main{animation:slideInMenu .8s ease-in-out forwards;display:flex;left:0;padding:20px 10px;position:absolute;top:-50px}@keyframes fadeInMenu{0%{background-color:transparent}to{background-color:#fff}}@keyframes slideInMenu{0%{opacity:0;top:-100px}to{opacity:1;top:2.5rem}}.header[data-active=true] .btn-3{margin-top:12px}.header[data-active=true] .logo-header .logo_default{display:none}.header[data-active=true] .logo-header .dark_logo_default{display:block}.header[data-active=true] svg path{fill:#020d18;transition:all .8s ease}.header[data-active=true] .bag_container p{color:#020d18}.header[data-active=false]{animation:fadeOutMenu .5s ease-in-out forwards;background-color:transparent}.header[data-active=false] .header__menu-main{animation:slideOutMenu .8s ease-in-out forwards}@keyframes fadeOutMenu{0%{background-color:#fff}to{background-color:transparent}}@keyframes slideOutMenu{0%{top:2.5rem}to{top:-100px}}.header-menu-mobile{margin-top:24px}.header-menu-mobile svg{height:26px;margin-right:18px;width:26px}.only-desk{display:none}@media screen and (min-width:64em){.only-desk{display:inherit}.only-mobile{display:none}}.only-mobile #closeburger,.only-mobile .hidden{display:none}.header__overlay{background-color:#00000080;bottom:0;height:80%;left:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:-1}.header__overlay[data-active=true]{opacity:1;visibility:visible}.hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/graditify_header.css.map */