.mp-cattiles{padding:var(--mp-pt, var(--section-gap, 96px)) clamp(20px,3vw,40px) var(--mp-pb, var(--section-gap, 96px))}.mp-cattiles__inner{max-width:1440px;margin:0 auto}.mp-cattiles__head{text-align:center;margin-bottom:clamp(32px,5vh,56px)}.mp-cattiles__eyebrow{margin:0 0 16px}.mp-cattiles__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(30px,3.5vw,44px);line-height:1.1;letter-spacing:-.035em;color:var(--color-ink);margin:0}.mp-cattiles__title p{margin:0}.mp-cattiles__title em{color:var(--color-primary);font-style:normal;font-weight:inherit}.mp-cattiles__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.5vw,20px)}.mp-cattiles__tile{position:relative;display:block;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--color-bg);background:var(--color-surface-alt);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.mp-cattiles__tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.mp-cattiles__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mp-cattiles__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.mp-cattiles__tile:hover .mp-cattiles__img{transform:scale(1.04)}.mp-cattiles__img--placeholder{display:flex;align-items:center;justify-content:center;color:#0e2a2a40;background:var(--color-surface-alt)}.mp-cattiles__img--placeholder svg{width:40%;height:auto;max-height:100px}.mp-cattiles__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0e2a2abf,#0e2a2a8c 20%,#0e2a2a26 45%,#0e2a2a00 55%);z-index:1;pointer-events:none;transition:opacity .25s ease}.mp-cattiles__tile:hover:after{opacity:.9}.mp-cattiles__name{position:absolute;left:18px;right:60px;bottom:18px;z-index:2;font-family:var(--font-heading);font-weight:700;font-size:var(--text-h4);letter-spacing:var(--tracking-h4, -.025em);line-height:1.2;color:var(--color-bg);text-wrap:balance}.mp-cattiles__arrow{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:50%;background:#fffbf5e6;color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;transition:transform .25s ease,background .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mp-cattiles__arrow svg{width:16px;height:16px;display:block;transition:transform .25s ease}.mp-cattiles__tile:hover .mp-cattiles__arrow{background:var(--color-bg);transform:translate(2px,-2px)}.mp-cattiles__tile:hover .mp-cattiles__arrow svg{transform:translate(1px,-1px)}@media(max-width:1200px){.mp-cattiles__grid[data-mp-cattiles-count="5"],.mp-cattiles__grid[data-mp-cattiles-count="6"],.mp-cattiles__grid[data-mp-cattiles-count="7"],.mp-cattiles__grid[data-mp-cattiles-count="8"],.mp-cattiles__grid[data-mp-cattiles-count="9"],.mp-cattiles__grid[data-mp-cattiles-count="10"]{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.mp-cattiles__grid,.mp-cattiles__grid[data-mp-cattiles-count]{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:640px){.mp-cattiles{padding-left:16px;padding-right:16px}.mp-cattiles__grid,.mp-cattiles__grid[data-mp-cattiles-count]{grid-template-columns:repeat(2,1fr);gap:12px}.mp-cattiles__tile{aspect-ratio:1 / 1;border-radius:var(--radius-sm)}.mp-cattiles__name{font-size:18px;left:14px;right:52px;bottom:14px;line-height:1.2}.mp-cattiles__arrow{width:32px;height:32px;top:10px;right:10px}.mp-cattiles__arrow svg{width:14px;height:14px}.mp-cattiles__tile:after{background:linear-gradient(to top,#0e2a2ac7,#0e2a2a8c,#0e2a2a26 50%,#0e2a2a00 65%)}}@media(max-width:390px){.mp-cattiles__name{font-size:16px;left:12px;right:46px;bottom:12px}.mp-cattiles__arrow{width:30px;height:30px;top:8px;right:8px}}@media(prefers-reduced-motion:reduce){.mp-cattiles__tile,.mp-cattiles__img,.mp-cattiles__arrow,.mp-cattiles__arrow svg,.mp-cattiles__tile:after{transition:none}.mp-cattiles__tile:hover,.mp-cattiles__tile:hover .mp-cattiles__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mp-cat-tiles.css.map */