.reco-tiles__header{text-align:center;margin-bottom:2.4rem}.reco-tiles__heading{margin:0}.reco-tiles__subheading{margin:.6rem 0 0;color:rgba(var(--color-foreground),.7);font-size:1.5rem}.reco-tiles__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.reco-tiles__item:last-child:nth-child(odd){grid-column:1 / -1}.reco-tiles__card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.reco-tiles__card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.reco-tiles__media{position:relative;aspect-ratio:1 / 1;background:#f6f6f4;overflow:hidden}.reco-tiles__item:last-child:nth-child(odd) .reco-tiles__media{aspect-ratio:2 / 1}.reco-tiles__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:10%;box-sizing:border-box;mix-blend-mode:multiply;transition:transform .35s ease}.reco-tiles__img--cover{object-fit:cover;padding:0;mix-blend-mode:normal}.reco-tiles__label{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.6rem;padding:1rem 1.2rem 1.1rem}.reco-tiles__label-text{font-weight:700;font-size:1.4rem;line-height:1.3}.reco-tiles__caption{grid-column:1;grid-row:2;font-size:1.2rem;color:rgba(var(--color-foreground),.65);margin-top:.2rem}.reco-tiles__arrow{grid-column:2;grid-row:1 / span 2;font-size:1.6rem;transition:transform .2s ease}@media(hover:hover){.reco-tiles__card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014;border-color:rgba(var(--color-foreground),.16)}.reco-tiles__card:hover .reco-tiles__img{transform:scale(1.05)}.reco-tiles__card:hover .reco-tiles__arrow{transform:translate(3px)}}@media screen and (min-width:750px){.reco-tiles__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.reco-tiles__item:last-child:nth-child(odd){grid-column:auto}.reco-tiles__item:last-child:nth-child(odd) .reco-tiles__media{aspect-ratio:1 / 1}.reco-tiles__label-text{font-size:1.6rem}}@media screen and (min-width:990px){.reco-tiles__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.reco-tiles__card,.reco-tiles__img,.reco-tiles__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/175/assets/section-reco-category-tiles.css.map */