.fru-tiles{font-family:var(--font-body);padding-block:clamp(18px,2.6vw,32px) clamp(26px,3.4vw,40px);scroll-margin-top:130px}.fru-tiles *,.fru-tiles *:before,.fru-tiles *:after{box-sizing:border-box}.fru-tiles__head{display:grid;gap:6px;margin-bottom:clamp(12px,1.6vw,16px)}.fru-tiles__eyebrow{margin:0;font-family:var(--font-brand);font-size:var(--fs-marker);line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary)}.fru-tiles__heading{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(26px,3.2vw,36px);line-height:var(--lh-snug);letter-spacing:-.015em;color:var(--text);text-wrap:balance}.fru-tiles__sub{margin:0;max-width:52ch;font-size:15.5px;line-height:1.5;color:var(--text-muted)}.fru-tiles__sub p{margin:0}.fru-tiles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.fru-tiles__item{margin:0}.fru-tile{position:relative;display:grid;grid-template-rows:1fr auto;overflow:hidden;height:172px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);text-decoration:none;color:var(--text);transition:transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.fru-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.fru-tile:active{transform:translateY(0)}.fru-tile:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.fru-tile__media{position:relative;overflow:hidden;min-height:0;background:var(--surface-muted)}.fru-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s var(--ease-out)}.fru-tile:hover .fru-tile__img{transform:scale(1.04)}.fru-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--surface-muted)}.fru-tile__placeholder svg{width:52px;height:52px;color:var(--color-primary);opacity:.16}.fru-tile__body{display:grid;gap:1px;padding:9px 12px 10px;background:var(--surface)}.fru-tile__eyebrow{font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--text-caption)}.fru-tile__title{font-family:var(--font-display);font-weight:400;font-size:19px;line-height:1.15;letter-spacing:-.01em;color:var(--color-primary);text-wrap:balance}.fru-tile:hover .fru-tile__title{text-decoration:underline;text-underline-offset:2px}.fru-tile__count{font-size:12px;line-height:1.3;color:var(--text-caption);font-variant-numeric:tabular-nums}.fru-tiles__all{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:clamp(12px,1.8vw,18px);font-size:16px;font-weight:600;color:var(--color-primary);text-decoration:none}.fru-tiles__all:hover{text-decoration:underline}.fru-tiles__all:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.fru-tiles__all svg{display:block;width:18px;height:18px;flex:0 0 auto;transition:transform var(--dur-micro) var(--ease-out)}.fru-tiles__all:hover svg{transform:translate(4px)}@media(min-width:750px){.fru-tiles__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fru-tile{height:190px}.fru-tile__body{padding:11px 14px 12px}}@media(min-width:1100px){.fru-tiles__grid{gap:20px}.fru-tile{height:210px}.fru-tile__body{padding:12px 16px 14px}.fru-tile__title{font-size:22px}}@media(prefers-reduced-motion:reduce){.fru-tile,.fru-tile__img,.fru-tiles__all svg{transition:none}.fru-tile:hover,.fru-tile:hover .fru-tile__img{transform:none}.fru-tiles__all:hover svg{transform:none}}@media(hover:none){.fru-tiles__all{text-decoration:underline}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/fru-category-tiles.css.map */