@layer components{.card-month{display:grid;grid-template:1 /1;grid-column:1 / -1}@media screen and (min-width: 768px){.card-month{grid-column:1 / span 2}}.card-month .card-month__img{grid-column:1/-1;grid-row:1/-1;border-radius:var(--Border-Radius-XS);overflow:hidden}.card-month .card-month__img img{aspect-ratio:3/4;object-fit:cover;width:100%}@media screen and (min-width: 768px){.card-month .card-month__img img{aspect-ratio:642/522}}.card-month .card-month__content{grid-column:1/-1;grid-row:1/-1;display:grid;gap:var(--spacing-s);justify-self:center;align-self:flex-end;text-align:center;max-width:calc(var(--spacing) * 400);padding:0 var(--spacing-xl) var(--spacing-3xxl)}}@layer variants{.card-month.v-show-mobile{display:grid}@media screen and (min-width: 768px){.card-month.v-show-mobile{display:none}}.card-month.v-show-desktop{display:none}@media screen and (min-width: 768px){.card-month.v-show-desktop{display:grid}}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/css-card-of-the-month.css.map */