.fn-category-section{padding-top:var(--fn-cat-pt, 40px);padding-bottom:var(--fn-cat-pb, 40px);background:#fff}.fn-category-wrapper{padding-left:20px;padding-right:20px}.fn-category-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;padding:0 2px}.fn-category-title{font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#000;margin:0;line-height:1}.fn-category-viewall{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#000;text-decoration:underline;transition:color .15s}.fn-category-viewall:hover{color:#e63946}.fn-category-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto;gap:4px}.fn-cat-card--hero{grid-column:1;grid-row:1 / 3}.fn-cat-card--small:nth-child(2){grid-column:2;grid-row:1}.fn-cat-card--small:nth-child(3){grid-column:3;grid-row:1}.fn-cat-card--small:nth-child(4){grid-column:4;grid-row:1}.fn-cat-card--small:nth-child(5){grid-column:2;grid-row:2}.fn-cat-card--small:nth-child(6){grid-column:3;grid-row:2}.fn-cat-card--small:nth-child(7){grid-column:4;grid-row:2}.fn-cat-card{position:relative;display:block;overflow:hidden;text-decoration:none;background:#f4f4f4;cursor:pointer}.fn-cat-card__img{width:100%;height:100%;overflow:hidden;display:block}.fn-cat-card--hero .fn-cat-card__img{aspect-ratio:3 / 5}.fn-cat-card--small .fn-cat-card__img{aspect-ratio:3 / 4}.fn-cat-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}.fn-cat-card:hover .fn-cat-img{transform:scale(1.04)}.fn-cat-placeholder{width:100%;height:100%;display:block;background:#eee}.fn-cat-card__label{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 14px;background:linear-gradient(to top,#00000085,#0000);display:flex;align-items:flex-end}.fn-cat-card--hero .fn-cat-card__label{padding:48px 16px 20px}.fn-cat-card__title{color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.35)}.fn-cat-card--hero .fn-cat-card__title{font-size:16px;letter-spacing:.1em}@media screen and (max-width:1023px)and (min-width:600px){.fn-category-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:4px}.fn-cat-card--hero{grid-column:1 / 4;grid-row:1;aspect-ratio:16 / 7}.fn-cat-card--hero .fn-cat-card__img{aspect-ratio:16 / 7}.fn-cat-card--small:nth-child(2){grid-column:1;grid-row:2}.fn-cat-card--small:nth-child(3){grid-column:2;grid-row:2}.fn-cat-card--small:nth-child(4){grid-column:3;grid-row:2}.fn-cat-card--small:nth-child(5){grid-column:1;grid-row:3}.fn-cat-card--small:nth-child(6){grid-column:2;grid-row:3}.fn-cat-card--small:nth-child(7){grid-column:3;grid-row:3}}@media screen and (max-width:599px){.fn-category-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:4px}.fn-cat-card--hero{grid-column:1 / 3;grid-row:1}.fn-cat-card--hero .fn-cat-card__img{aspect-ratio:3 / 2}.fn-cat-card--small:nth-child(n){grid-column:auto;grid-row:auto}.fn-cat-card--small .fn-cat-card__img{aspect-ratio:1 / 1}.fn-cat-card__title{font-size:11px}.fn-cat-card--hero .fn-cat-card__title{font-size:14px}.fn-category-wrapper{padding-left:12px;padding-right:12px}}.fn-cat-card--placeholder .fn-cat-card__img{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:fn-shimmer 1.5s infinite}@keyframes fn-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/fn-category-grid.css.map */