.cosy-shop-by-type{background-color:var(--cosy-shop-type-background, #faf8f5);padding:4rem 0}@media screen and (min-width: 750px){.cosy-shop-by-type{padding:6rem 0}}.cosy-shop-by-type__header{width:100%;max-width:110rem;margin:0 auto 3rem;padding:0 1.5rem;text-align:center}@media screen and (min-width: 750px){.cosy-shop-by-type__header{padding:0 5rem}}@media screen and (min-width: 990px){.cosy-shop-by-type__header{margin-bottom:4rem}}.cosy-shop-by-type__heading{color:var(--cosy-shop-type-heading, #2d2d2d);margin:0 0 1.5rem;font-size:2.4rem;font-weight:400}@media screen and (min-width: 750px){.cosy-shop-by-type__heading{font-size:3.2rem}}.cosy-shop-by-type__subtext,.cosy-shop-by-type__subtext p{margin:0}.cosy-shop-by-type__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width: 750px){.cosy-shop-by-type__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media screen and (min-width: 990px){.cosy-shop-by-type__grid{gap:2.5rem}}.cosy-shop-by-type__card{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cosy-shop-by-type__card[style*="--animation-order: 1"]{--animation-delay: 0ms}.cosy-shop-by-type__card[style*="--animation-order: 2"]{--animation-delay: .1s}.cosy-shop-by-type__card[style*="--animation-order: 3"]{--animation-delay: .2s}.cosy-shop-by-type__card[style*="--animation-order: 4"]{--animation-delay: .3s}.cosy-shop-by-type__card.scroll-trigger{animation-delay:var(--animation-delay, 0ms)}.cosy-shop-by-type__image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;width:100%}.cosy-shop-by-type__image{width:100%;height:100%;object-fit:cover;display:block}.cosy-shop-by-type__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e0e0e0}.cosy-shop-by-type__placeholder svg{width:40%;height:40%;opacity:.4}.cosy-shop-by-type__description{color:var(--cosy-shop-type-text, #2d2d2d);text-align:center;margin:0;font-size:1.5rem;line-height:1.6}.cosy-shop-by-type__description p{margin:0}@media screen and (min-width: 750px){.cosy-shop-by-type__description{font-size:1.4rem}}.cosy-shop-by-type__button{width:100%;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cosy-shop-by-type.css.map */
