.collections-cards{padding:var(--space-m) 0;background:var(--color-gray-1)}.collections-cards .title-wrapper-with-link{margin:0}.collections-cards .collection-list{flex-wrap:wrap}.collections-cards .collection-list-title{display:none}.collections-cards .grid{gap:var(--space-xs)}.collections-cards h4,.collections-cards .h4{text-align:center}.collections-cards .grid--1-col-tablet-down .grid__item{width:var(--size-100-per-100);border-radius:var(--border-radius-xxs);transition:.2s;box-shadow:0}.collections-cards .grid--1-col-tablet-down .grid__item:hover{box-shadow:4px 8px 32px #00000040;transition:.2s}.collections-cards .grid--1-col-tablet-down .grid__item:hover .icon{transition:.2s;background:var(--color-black)}.collections-cards .grid--1-col-tablet-down .grid__item:hover .icon svg{fill:var(--color-white)}.collections-cards .grid__item .card__media{background-color:var(--color-gray-1)}.collections-cards .grid__item .card__heading{padding:var(--space-xxs);width:calc(var(--size-100-per-100) - var(--space-xs))}.collections-cards .grid__item .card__heading>a{font-size:var(--typo-body-s);font-weight:var(--font-weight-700);font-family:var(--typo-family);color:var(--color-black);margin:0}.collections-cards .card__media .media img{border-radius:var(--border-radius-xxs);padding:0;object-fit:cover;object-position:center center;margin:0 auto;transition:all var(--transition-duration-03s) ease;width:var(--size-100-per-100)}.card-collection-custom .card .card__inner .card__media{border-radius:var(--border-radius-xxs)}.card-clickable .card__content .card__information .icon,.card-clickable:hover .card__content .card__information .icon{transition:all var(--transition-duration-03s)}.card-collection-custom:hover .card__content .card__information .icon{background-color:var(--color-gray-1)}.collections-cards .card--media .card__inner .card__content{justify-content:end;padding:0}.collections-cards .card__content .card__information{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative;padding:var(--space-s)}.collections-cards .card__content .card__information:after{-webkit-backdrop-filter:var(--blur-8);backdrop-filter:var(--blur-8);content:"";height:var(--size-100-per-100);left:0;top:0;position:absolute;width:var(--size-100-per-100);z-index:0;background:var(--color-translucent-7)}.collections-cards .card__content .card__information .card__heading{color:var(--color-black);font-size:var(--typo-heading-4-mobile);font-weight:var(--font-weight-700);text-transform:none;padding:0;z-index:1}@media only screen and (min-width: 750px){.collections-cards .card__content .card__information .card__heading{font-size:var(--typo-heading-4)}}.collections-cards .card__content .card__information .icon{position:relative;z-index:1;border-radius:var(--border-radius-xxs);padding:var(--space-xxs) var(--space-xs);width:var(--space-m);height:var(--space-m);border:1px solid var(--color-black)}.collections-cards .card__content .card__information svg{width:var(--size-xs);position:absolute;left:var(--size-50-per-100);top:var(--size-50-per-100);transform:translate(calc(var(--size-50-per-100) * -1),calc(var(--size-50-per-100) * -1));fill:var(--color-black)}@media only screen and (min-width: 480px) and (max-width: 750px){.collection-list .grid__item .card .card__inner{height:calc(var(--size-xs-xs) * 50)}}@media only screen and (min-width: 750px){.collections-cards .collection-list{flex-wrap:nowrap}.collections-cards .grid--3-col-desktop .grid__item{width:calc(var(--size-33-per-100) - var(--space-xs));min-width:calc(var(--size-33-per-100) - var(--space-xxs))}}@media only screen and (min-width: 990px){.collections-cards .btn{margin:0;padding:0}.collections-cards .collection-list-title{display:block;font-weight:var(--font-weight-700);letter-spacing:-1px;padding-bottom:var(--space-m);text-transform:none}.collections-cards h4,.collections-cards .h4{text-align:left}.collections-cards .grid__item .card__heading{width:var(--size-100-per-100);padding:var(--space-xs)}.collections-cards .grid__item .card__heading>a{width:var(--size-100-per-100)}.collections-cards .grid--4-col-desktop .grid__item{width:calc(var(--size-25-per-100) - var(--space-xs))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collections-cards.css.map */
