.collection-subcollections{background-color:var(--bg)}.subcollections{position:relative;overflow:hidden;padding:0 0 0 15px}@media only screen and (min-width: 750px){.subcollections__inner--grid{display:grid;gap:var(--gap);padding:0 125px;grid-template-columns:repeat(4,minmax(0,1fr))}}.subcollections__type--images .swiper-wrapper{padding-bottom:10px}@media only screen and (min-width: 750px){.subcollections__type--images .swiper-wrapper{padding-bottom:15px}}@media only screen and (min-width: 750px){.subcollections__type--buttons .swiper-wrapper,.subcollections__type--images--few .swiper-wrapper{justify-content:center}}@media only screen and (min-width: 900px){.subcollections{overflow:hidden;margin:0 125px;padding:0}}@media only screen and (min-width: 750px){.subcollections__inner--slider{display:block}.subcollections__inner--slider:after{content:"flickity";display:none}.subcollections__inner--slider:not(.flickity-enabled){gap:0px}.subcollections__inner--slider .flickity-viewport{overflow:visible}.subcollections__inner--slider .subcollection__item{flex:0 0 auto}.subcollections__inner--slider:not(.subcollections__type--buttons) .subcollection__item{width:14%}}@media only screen and (min-width: 750px) and (max-width: 989px){.subcollections__inner--slider .subcollection__item{width:calc(100% / 3)}}.collection__title+.subcollections .subcollections__inner{padding-top:0}.subcollection__item{position:relative;overflow:hidden;z-index:0}.subcollections__inner--slider.subcollections__type--buttons .subcollection__item{max-width:fit-content}.subcollection__item:hover .subcollection__inner{border:1.5px solid var(--COLOR-PRIMARY)}.subcollections__grid--1 .subcollections__inner{grid-template-columns:repeat(1,minmax(0,1fr))}.subcollections__grid--2 .subcollections__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.subcollections__grid--3 .subcollections__inner,.subcollections__grid--5 .subcollections__inner,.subcollections__grid--6 .subcollections__inner{grid-template-columns:repeat(3,minmax(0,1fr))}.subcollections__grid--7 .subcollections__inner--grid{gap:calc(var(--gap) / 3)}.subcollections__grid--7 .subcollections__inner{grid-template-columns:repeat(7,minmax(0,1fr))}@media only screen and (max-width: 749px){.subcollections__inner:after{content:"";display:block;position:relative;padding-right:var(--outer)}.subcollections__inner .subcollection__item:last-child{margin-right:0}}.subcollection__inner{position:relative;overflow:hidden;aspect-ratio:4/6;max-height:280px;min-height:150px;z-index:1}@media only screen and (min-width: 950px){.subcollection__inner{max-height:none}}.subcollections__inner div[class^=swiper-button]{width:24px;height:24px;background-color:#fff;border-radius:50%;transform:translateY(-10px)}.subcollections__inner div[class^=swiper-button]:after{font-size:10px;color:var(--text);font-weight:800}.subcollections__inner div[class^=swiper-button][aria-disabled=true]{display:none}.subcollection__image{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:hidden;transform:scale(1);transition:transform 2s cubic-bezier(.215,.61,.355,1)}.subcollection__image .image-wrapper{position:absolute;height:100%;padding:0}.subcollection__link:hover .subcollection__image{transform:scale(1.06)}.subcollection__button{position:relative}.subcollection__button a{color:var(--text);font-size:14px;text-transform:uppercase;line-height:1.2;display:flex;justify-content:center;align-items:center;height:100%;border:1px solid var(--text);text-align:center;padding:10px 22px;max-width:fit-content}.subcollection__button:hover,.subcollection__button:focus-within{outline:0;box-shadow:none}.subcollection__link{position:absolute;top:0;left:0;z-index:-1;display:flex;justify-content:flex-start;align-items:flex-end;padding:20px;width:100%;height:100%}.subcollection__link:hover{z-index:1}.subcollection__link:hover .subcollection__title,.subcollection__link:hover .subcollection__description{color:#fff}.subcollection__text{position:relative;z-index:200;max-height:100%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;padding:12px 10px;text-align:center}.subcollection__title{font-size:12px}.subcollection__text *:focus-within{outline:none}@media only screen and (min-width: 749px){.subcollection__title{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/subcollections.css.map */