body[data-pal] .cat-tiles{padding-top:36px;padding-bottom:36px}body[data-pal] .cat-tiles--sub{padding-top:8px;padding-bottom:24px}body[data-pal] .cat-tiles__heading{margin:0 0 18px;font-size:var(--fs-h3);font-weight:var(--fw-semibold);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);color:var(--ink)}body[data-pal] .cat-tiles__grid{display:grid;grid-template-columns:repeat(var(--cat-cols-m, 3),minmax(0,1fr));gap:18px 12px;margin:0;padding:0}@media screen and (min-width:750px){body[data-pal] .cat-tiles__grid{grid-template-columns:repeat(var(--cat-cols, 5),minmax(0,1fr));gap:24px 18px}}body[data-pal] .cat-tile{display:flex;flex-direction:column;align-items:stretch;min-width:0;color:var(--ink);text-decoration:none}body[data-pal] .cat-tile__media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-sizing:border-box}body[data-pal] .cat-tile__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}body[data-pal] .cat-tile:hover .cat-tile__media img{transform:scale(1.03)}body[data-pal] .cat-tile__label{display:flex;align-items:flex-start;justify-content:center;min-height:44px;padding-top:8px;box-sizing:border-box;font-size:14px;font-weight:var(--fw-semibold);line-height:1.3;text-align:center;overflow-wrap:anywhere}@media screen and (min-width:750px){body[data-pal] .cat-tile__label{font-size:16px}}body[data-pal] .cat-tile:hover .cat-tile__label{color:var(--cta)}body[data-pal] .cat-tile:focus-visible{outline:2px solid var(--cta);outline-offset:4px;border-radius:16px}body[data-pal] .cat-tile--sale .cat-tile__media{background:var(--cta);border-color:var(--cta);color:var(--oncta);padding:10px;text-align:center;gap:4px}body[data-pal] .cat-tile--ink .cat-tile__media{background:var(--ink);border-color:var(--ink);color:var(--onink);padding:10px;text-align:center;gap:6px}body[data-pal] .cat-tile__big{font-size:15px;font-weight:var(--fw-bold);line-height:1.2;overflow-wrap:anywhere}body[data-pal] .cat-tile__small{font-size:13px;font-weight:var(--fw-medium);line-height:1.3;overflow-wrap:anywhere}body[data-pal] .cat-tile__icon{width:40px;height:40px}@media screen and (min-width:750px){body[data-pal] .cat-tile__big{font-size:20px}body[data-pal] .cat-tile__small{font-size:14px}body[data-pal] .cat-tile__icon{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sarup-category-tiles.css.map */