:root{--grid-max-columns:2;--grid-gap:var(--spacing-2xl)}@media screen and (min-width:768px){:root{--grid-max-columns:2;--grid-gap:var(--spacing-3xl)}}@media screen and (min-width:990px){:root{--grid-max-columns:4;--grid-gap:var(--spacing-4xl)}}.card-list__header{margin-bottom:var(--spacing-xl)}.card-list__grid{grid-template-columns:repeat(auto-fit,minmax(calc((100%/var(--grid-max-columns)) - (((var(--grid-max-columns) - 1)*var(--grid-gap))/var(--grid-max-columns))),1fr));gap:var(--spacing-xs);display:grid}.card-list__grid>:last-child:nth-child(odd){grid-column:1/-1}.card-list__grid-link{aspect-ratio:var(--card-list-aspect-ratio-mobile);background-color:var(--color-neutral-tint);padding:var(--spacing-xl);display:flex;position:relative;overflow:hidden}@media screen and (max-width:990px){.card-list-content-mobile--top-left .card-list__grid-link{justify-content:flex-start;align-items:flex-start}.card-list-content-mobile--top-center .card-list__grid-link{text-align:center;justify-content:center;align-items:flex-start}.card-list-content-mobile--top-right .card-list__grid-link{text-align:right;justify-content:flex-end;align-items:flex-start}.card-list-content-mobile--middle-left .card-list__grid-link{justify-content:flex-start;align-items:center}.card-list-content-mobile--middle-center .card-list__grid-link{text-align:center;justify-content:center;align-items:center}.card-list-content-mobile--middle-right .card-list__grid-link{text-align:right;justify-content:flex-end;align-items:center}.card-list-content-mobile--bottom-left .card-list__grid-link{justify-content:flex-start;align-items:flex-end}.card-list-content-mobile--bottom-center .card-list__grid-link{text-align:center;justify-content:center;align-items:flex-end}.card-list-content-mobile--bottom-right .card-list__grid-link{text-align:right;justify-content:flex-end;align-items:flex-end}}.card-list__grid-link:after{content:"";background:var(--color-black);width:100%;height:100%;opacity:var(--card-opacity);z-index:1;position:absolute;top:0;left:0}.card-list__grid-img{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0}.card-list__grid-item:hover .card-list__grid-img{transform:scale(1.03)}.card-list__grid-title,.card-list__grid-item-content{z-index:2;font-size:var(--text-2xl);color:var(--card-list-text-color);position:relative}.card-list__grid-button{color:var(--card-list-text-color);border-bottom-color:var(--card-list-text-color)}@media screen and (min-width:768px){.card-list__header{margin-bottom:var(--spacing-2xl)}.card-list__grid-link{aspect-ratio:var(--card-list-aspect-ratio);padding:var(--spacing-2xl);align-items:flex-end}}@media screen and (min-width:990px){.card-list__grid>:last-child:nth-child(odd){grid-column:unset}.card-list-content--top-left .card-list__grid-link{justify-content:flex-start;align-items:flex-start}.card-list-content--top-center .card-list__grid-link{text-align:center;justify-content:center;align-items:flex-start}.card-list-content--top-right .card-list__grid-link{text-align:right;justify-content:flex-end;align-items:flex-start}.card-list-content--middle-left .card-list__grid-link{justify-content:flex-start;align-items:center}.card-list-content--middle-center .card-list__grid-link{text-align:center;justify-content:center;align-items:center}.card-list-content--middle-right .card-list__grid-link{text-align:right;justify-content:flex-end;align-items:center}.card-list-content--bottom-left .card-list__grid-link{justify-content:flex-start;align-items:flex-end}.card-list-content--bottom-center .card-list__grid-link{text-align:center;justify-content:center;align-items:flex-end}.card-list-content--bottom-right .card-list__grid-link{text-align:right;justify-content:flex-end;align-items:flex-end}}.card-list__grid-item .cart-list__outer-content{display:none}@media screen and (min-width:990px){.card-list__grid-item .cart-list__outer-content{margin:2.4rem 0 6.4rem;display:block}.card-list__grid-item .cart-list__outer-desc{margin:0 0 1.6rem}.card-list__grid-item .cart-list__outer-label{font-size:var(--text-xs)}}@media screen and (min-width:1440px){.card-list__grid-title{font-size:var(--text-3xl)}}