.col-coloris{background-color:#f2f4f6;padding-block:96px}.col-coloris__container{max-width:1280px;margin-inline:auto;padding-inline:32px;display:flex;flex-direction:column;gap:56px}.col-coloris__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.col-coloris__eyebrow{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#456177;margin:0}.col-coloris__heading{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#191c1e;letter-spacing:-.02em;line-height:1.15;margin:0}.col-coloris__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.col-coloris__card{display:flex;flex-direction:column;gap:16px;text-decoration:none;background-color:#f7f9fb;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 40px #191c1e0d;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out}.col-coloris__card:hover{transform:translateY(-6px);box-shadow:0 28px 48px #191c1e17}.col-coloris__img-wrap{aspect-ratio:3 / 4;overflow:hidden;background-color:#4561770f}.col-coloris__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease-in-out}.col-coloris__card:hover .col-coloris__img{transform:scale(1.04)}.col-coloris__img--placeholder{width:100%;height:100%;display:block}.col-coloris__info{display:flex;align-items:center;justify-content:space-between;padding-inline:20px;padding-bottom:20px}.col-coloris__meta{display:flex;flex-direction:column;gap:4px}.col-coloris__name{font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:600;color:#191c1e;letter-spacing:-.01em}.col-coloris__price{font-family:Plus Jakarta Sans,sans-serif;font-size:.8125rem;font-weight:500;color:#43474e;letter-spacing:.01em}.col-coloris__arrow{font-size:1rem;color:#456177;opacity:0;transform:translate(-6px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.col-coloris__card:hover .col-coloris__arrow{opacity:1;transform:translate(0)}.col-coloris__footer{display:flex;justify-content:center}.col-coloris__cta{display:inline-block;background:linear-gradient(135deg,#456177,#2e4d62);color:#fff;text-decoration:none;padding:18px 52px;border-radius:9999px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 20px 40px #191c1e14;transition:box-shadow .4s ease-in-out,transform .4s ease-in-out}.col-coloris__cta:hover{box-shadow:0 24px 48px #191c1e24;transform:translateY(-3px)}@media(min-width:1024px){.col-coloris__grid--4{grid-template-columns:repeat(4,1fr)}.col-coloris__grid--5{grid-template-columns:repeat(5,1fr);gap:16px}}@media(max-width:1023px){.col-coloris__grid,.col-coloris__grid--4,.col-coloris__grid--5{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:599px){.col-coloris{padding-block:64px}.col-coloris__container{padding-inline:24px;gap:40px}.col-coloris__grid{grid-template-columns:repeat(2,1fr);gap:16px}.col-coloris__arrow{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-coloris.css.map */