:root{--coming-soon-image-offset: 5%}.coming-soon{padding:5rem 0}.coming-soon__header{text-align:center;margin-bottom:3rem}.coming-soon__heading{margin:0;font-size:clamp(2rem,4vw,3rem)}.coming-soon__text{max-width:650px;margin:1rem auto 0;opacity:.8}.coming-soon__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;align-items:start}.coming-soon-card{display:flex;flex-direction:column;cursor:default;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.coming-soon-card:hover{transform:translateY(-6px)}.coming-soon-card__image{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:18px;background:#f5f5f5}.coming-soon-card__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000038,#0000000d);opacity:1;transition:opacity .5s ease;pointer-events:none}.coming-soon-card:hover .coming-soon-card__image:after{opacity:0}.coming-soon-card__img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transform:translateY(var(--coming-soon-image-offset)) scale(1.1);filter:brightness(.92);transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .4s ease}.coming-soon-card:hover .coming-soon-card__img{transform:translateY(var(--coming-soon-image-offset)) scale(1.12);filter:brightness(1)}.coming-soon-card__badge{position:absolute;top:1rem;left:1rem;z-index:2;padding:.5rem 1rem;border-radius:999px;background:#1414148c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.coming-soon-card__content{padding-top:1rem;text-align:center}.coming-soon-card__title{margin:0;font-size:1rem;font-weight:500}.coming-soon__empty{text-align:center;opacity:.7}@media screen and (max-width:990px){.coming-soon{padding:4rem 0}.coming-soon__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media screen and (max-width:749px){.coming-soon{padding:3rem 0}.coming-soon__grid{grid-template-columns:1fr;gap:1rem}.coming-soon-card__badge{font-size:.65rem;padding:.4rem .75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-coming-soon-collection.css.map */