.card-category__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px}.card-category__item.item--2 .card-category__cta .button,.card-category__item.item--3 .card-category__cta .button{min-height:36px}.card-category__item.item--2 .card-category__cta .button{--color-button: 0, 0, 0}.card-category__item{display:flex;border-radius:12px;width:100%;padding:20px 16px;align-items:center;justify-content:space-between;position:relative;text-decoration:none;color:rgb(var(--color-foreground));overflow:hidden}.card-category__cta{margin-top:20px}.card-category__item.item--1{grid-area:1 / 1 / 3/ 2}.card-category__item.item--2{grid-area:1 / 2 / 2 / 3}.card-category__item.item--3{grid-area:2 / 2 / 3 / 3}.card-category__item.black{background:linear-gradient(203.52deg,#000 79.18%,#fff 156.06%)}.card-category__item.orange{background:linear-gradient(90deg,#e07517,#7a400d)}.card-category__item.grey{background:linear-gradient(93.12deg,#000,#2b2b2b)}.card-category__title{position:relative;z-index:2}.card-category__title h3{margin-bottom:10px;margin-top:0}.card-category__image img{position:static;width:auto;height:100%;object-fit:contain;right:0;top:0;bottom:0;transition:transform var(--transition-duration) ease-in-out}.card-category__item:hover img{transform:scale(2.2);transition:transform var(--transition-duration) ease-in-out}.item--1.card-category__item:hover img{transform:scale(1.35)}@media screen and (max-width:990px){.card-category__grid{grid-template-columns:1fr;grid-template-rows:none}.card-category__item.item--1,.card-category__item.item--2,.card-category__item.item--3{grid-area:auto}.card-category__item.item--1{height:312px}.card-category__item.item--2,.card-category__item.item--3{height:164px}.card-category__item.item--1 .rte br{display:none}.card-category__item{padding:20px}.card-category__image img{max-width:148px;height:148px}.card-category__item.item--1 .card-category__image img{max-width:198px;height:198px;margin-bottom:-64px}.card-category__item.item--1 .card-category__image--desktop{display:none}.card-category__item.item--1 .card-category__image--mobile{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-bottom:-20px}.card-category__item.item--1 .card-category__image--mobile img{max-width:100%;width:100%;height:auto;margin-bottom:0;display:block}.card-category__item.item--1 .card-category__cta{display:block!important;margin-top:12px}.card-category__item.item--1 .card-category__cta .button{width:auto;display:inline-flex}.card-category__item.item--2 .card-category__image img,.card-category__item.item--3 .card-category__image img{max-width:248px;height:248px;margin-right:-64px;margin-top:-48px;margin-bottom:-64px;position:relative;left:-24px}.card-category__item.item--2 .card-category__cta,.card-category__item.item--3 .card-category__cta{display:block;margin-top:8px}.card-category__item.item--2 .card-category__cta .button,.card-category__item.item--3 .card-category__cta .button{width:auto;display:inline-flex}.card-category__item.item--1 .card-category__title{text-align:center;margin-top:20px}.card-category__item.item--2 .card-category__title,.card-category__item.item--3 .card-category__title{width:224px;flex-shrink:0}.card-category__title h3{font-size:16px;margin-bottom:4px}.card-category__item.item--1{flex-direction:column}.card-category__item .inline_richtext{font-size:14px}}@media screen and (min-width:990px){.card-category__item.item--1 .card-category__image--mobile{display:none}.card-category__grid{grid-column-gap:12px;grid-row-gap:20px}.card-category__item{padding-left:40px;padding-right:40px}.card-category__item.item--1{min-height:315px}.card-category__image{height:100%;width:300px}.card-category__image img{position:absolute}.card-category__image img{transform:scale(2);right:-1%;top:5%}.item--1 .card-category__image img{top:0;transform:scale(1.3)}.card-category__item .card-category__title h3.h2{font-size:24px}.card-category__item.item--2 .card-category__title,.card-category__item.item--3 .card-category__title{width:360px;flex:0 0 auto}.card-category__item.item--1 .rte br{display:inline}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-card-category.css.map */