.shop-header{background:#000 url(./shop.CdV-qj3o.png) no-repeat 50%;background-size:cover;color:#fff;height:14.5em;position:relative}.shop-header:before{background:#0009;content:"";display:block;height:100%;position:absolute;width:100%}.shop-header__content{left:50%;max-width:31.375em;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:75%}@media only screen and (min-width:768px){.shop-header__content{width:50%}}.shop-header__form{margin-top:1em;position:relative}.shop-header__input{width:100%}.shop-header__input input{-webkit-backdrop-filter:blur(1.5625em);backdrop-filter:blur(1.5625em);background:#fff3;border:.0625em solid hsla(0,0%,100%,.55);color:#fff;font-size:1rem;padding:.85em 3.5em .85em 2em}.shop-header__input input:focus{border-color:#fff}.shop-header__input ::-moz-placeholder{color:#fff!important;opacity:.7!important}.shop-header__input ::placeholder{color:#fff!important;opacity:.7!important}.shop-header__button{position:absolute;right:1.5em;top:50%;transform:translateY(-50%)}.shop-header__button path{fill:#fff}.shop-filter button{align-items:center;display:flex;gap:.75em;justify-content:space-between}.shop-filter__sidebar{background:#fff;box-shadow:0 8px 24px #969ea633;height:100vh;position:fixed;right:0;top:0;transform:translate(100%);transition:all .4s ease-in-out;width:75vw;z-index:14}@media only screen and (min-width:768px){.shop-filter__sidebar{border-radius:.3125em;height:auto;left:0;opacity:0;overflow:hidden;position:absolute;top:7em;transform:none;transform:translateY(1em);width:100%;z-index:-1}}@media only screen and (min-width:1024px){.shop-filter__sidebar{top:5em}}.shop-filter__sidebar.open{transform:translate(0)}@media only screen and (min-width:768px){.shop-filter__sidebar.open{opacity:1;transform:translateY(0);z-index:14}}.shop-filter__sidebar.open .shop-filter__sidebar-close{transform:translate(0) translateY(-50%) rotate(-45deg)}.shop-filter__sidebar-close{background:#fff;border-radius:100%;box-shadow:0 0 20px 20px #00000008;cursor:pointer;height:3em;left:-1.5em;position:absolute;top:50%;transform:translateY(-50%);transform:translate(100%) translateY(-50%);transition:transform .4s ease-in-out .2s;width:3em;z-index:3}@media only screen and (min-width:768px){.shop-filter__sidebar-close{display:none}}.shop-filter__sidebar-close:after,.shop-filter__sidebar-close:before{background-color:#000;content:"";display:block;height:.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.shop-filter__sidebar-close:after{transform:translate(-50%,-50%) rotate(90deg)}.filter{height:100%;overflow-y:auto;padding:3em 2em}@media only screen and (min-width:768px){.filter{display:flex;flex-wrap:wrap}}.filter__label{font-size:1rem;font-weight:400;margin-bottom:.9375em}.filter__item{cursor:pointer;display:block;font-size:.875rem;font-weight:300;margin-bottom:.8571428571em;transition:all .2s ease-in-out}.filter__item.active,.filter__item:hover{color:#e08a09}@media only screen and (min-width:768px){.filter__col{width:33%}}.filter__col+.filter__col{margin-top:2em}@media only screen and (min-width:768px){.filter__col+.filter__col{margin-top:0}}.tag{background-color:#000;border-radius:.625em;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:300;line-height:1;margin:0 .4375em .5625em 0;padding:.4375em 1.25em;transition:all .2s ease-in-out}.tag.primary,.tag:hover{background-color:#b46c00}.shop-categories .btn{align-items:center;display:flex;padding-left:1em;padding-right:1em}.shop-categories .btn:hover{transform:none}.shop-categories .btn .caret{margin-left:.875em;transition:transform .3s ease-in-out}.shop-categories .btn span{max-width:12.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:768px){.shop-categories .btn{padding-left:1.875em;padding-right:1.875em}}.shop-categories .btn.active .caret{transform:rotate(180deg)}.cat-dropdown{background:#fff;border-radius:.3125em;box-shadow:0 8px 24px #969ea633;height:auto;left:0;opacity:0;overflow:hidden;position:absolute;top:6.25em;transform:translateY(1em);transition:opacity .3s ease-in-out,transform .3s ease-in-out,z-index .2s ease-in-out,height .3s ease-in-out;width:100%;z-index:-1}@media only screen and (min-width:768px){.cat-dropdown{top:7em}}@media only screen and (min-width:1024px){.cat-dropdown{top:5em}}.cat-dropdown.open{opacity:1;transform:translateY(0);z-index:13}.cat-dropdown__list{padding:1.25em;position:relative;transition:height .3s ease-in-out}.cat-dropdown__list .swiper-wrapper{align-items:flex-end;padding-bottom:10px;padding-top:10px}@media only screen and (min-width:768px){.cat-dropdown__list{padding:1.5625em}}.cat-dropdown__list-item{border-radius:.625em;cursor:pointer;padding-bottom:.625em;text-align:center;transition:all .3s ease-in-out}.cat-dropdown__list-item img{max-height:50px;max-width:64px;-o-object-fit:contain;object-fit:contain}@media only screen and (min-width:310px){.cat-dropdown__list-item img{max-height:70px;max-width:83px}}@media only screen and (min-width:456px){.cat-dropdown__list-item img{max-height:70px;max-width:83px}}@media only screen and (min-width:768px){.cat-dropdown__list-item img{max-height:100px;max-width:113px}}.cat-dropdown__list-item span{display:block;margin-top:.625em}.cat-dropdown__subcat{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:2.5em;padding-top:10px;transition:all .3s ease-in-out}@media only screen and (min-width:768px){.cat-dropdown__subcat{padding-left:3.75em}}@media only screen and (min-width:1024px){.cat-dropdown__subcat{padding-left:6.25em}}.cat-dropdown__subcat-item{color:#000;display:block;font-size:.875em;margin-bottom:.625em;text-decoration:none;transition:color .2s ease-in-out;width:50%}@media only screen and (min-width:480px){.cat-dropdown__subcat-item{width:30%}}@media only screen and (min-width:768px){.cat-dropdown__subcat-item{margin-bottom:1em;width:25%}}.cat-dropdown__subcat-item:hover{color:#e08a09}.cat-dropdown .back-btn{align-items:center;display:flex;height:100%;left:1em;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;visibility:hidden}@media only screen and (min-width:768px){.cat-dropdown .back-btn{left:2em}}@media only screen and (min-width:1024px){.cat-dropdown .back-btn{left:3em}}.cat-dropdown .back-btn.active{opacity:1;visibility:visible}.cat-dropdown .back-btn button{align-items:center;cursor:pointer;display:flex;justify-content:center}.cat-dropdown .back-btn button svg{fill:#c4c4c4;transition:all .3s ease-in-out}.cat-dropdown .back-btn button:hover svg{fill:#000}.shop{padding-bottom:5em}.shop__empty{padding:3em 0;text-align:center}.shop__empty-icon{align-items:center;background-color:#c4c4c4;border-radius:50%;display:inline-block;display:inline-flex;height:5.625em;justify-content:center;margin-bottom:1.25em;width:5.625em}.shop__empty-icon svg{height:1.75em;width:1.75em}@media only screen and (min-width:768px){.shop{padding-bottom:8.4375em}}.shop__top{padding:1em 0;position:relative}@media only screen and (min-width:1024px){.shop__top{align-items:center;display:flex;justify-content:space-between;padding:1.125em 0 1.4375em}}.shop__top--left{margin-bottom:1em;width:100%}@media only screen and (min-width:1024px){.shop__top--left{margin-bottom:0}}.shop__top--right{align-items:center;display:flex;justify-content:space-between;width:100%}@media only screen and (min-width:1024px){.shop__top--right{gap:2.125em;justify-content:flex-end}}.shop__stat{align-items:center;display:flex;font-size:.875rem;font-weight:300;justify-content:space-between}.shop__clear-filter{font-weight:300;position:relative}.shop__clear-filter:before{background:#000;bottom:-2px;content:"";height:1px;left:0;opacity:0;position:absolute;transform:translate(-30%);transition:transform .4s ease-in-out,opacity .4s linear;width:100%}@media (hover:hover){.shop__clear-filter:hover:before{opacity:1;transform:translate(0)}}.shop__grid{margin-top:1.875em}@media only screen and (min-width:768px){.shop__grid{margin-top:3.75em}}.shop__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.875em}@media only screen and (min-width:768px){.shop__pagination{margin-top:4.4375em}}.shop__pagecount{font-size:.875rem;font-weight:300;margin-bottom:1em;text-align:center;width:100%}@media only screen and (min-width:480px){.shop__pagecount{margin-bottom:0;margin-right:1.7142857143em;width:auto}}@media only screen and (min-width:768px){.shop__pagecount{margin-right:3.4285714286em}}.list-item{transition-duration:.3s;transition-property:opacity,transform;transition-timing-function:ease-out}.shop-fade-enter,.shop-fade-leave-to{opacity:0;transform:translateY(30px)}
