.cats-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,180px);gap:1rem}.cats-grid .cat-card:nth-child(1){grid-row:1 / 3;grid-column:1 / span 2}.cats-grid .cat-card:nth-child(2){grid-row:1;grid-column:3 / span 2}.cats-grid .cat-card:nth-child(3){grid-row:1 / 3;grid-column:5 / span 2}.cats-grid .cat-card:nth-child(4){grid-row:2;grid-column:3 / span 2}.cats-grid .cat-card:nth-child(5){grid-row:3;grid-column:1 / span 2}.cats-grid .cat-card:nth-child(6){grid-row:3 / 5;grid-column:3 / span 2}.cats-grid .cat-card:nth-child(7){grid-row:3 / 5;grid-column:5 / span 2}.cats-grid .cat-card:nth-child(8){grid-row:4;grid-column:1 / span 2}.cats-grid .cat-card:nth-child(9){grid-row:5;grid-column:1 / -1;min-height:220px}.cats-grid .cat-card:nth-child(10){grid-row:6;grid-column:1 / span 3;min-height:200px}.cats-grid .cat-card:nth-child(11){grid-row:6;grid-column:4 / span 3;min-height:200px}.cats-grid .cat-card:nth-child(1) .cat-card__name,.cats-grid .cat-card:nth-child(3) .cat-card__name,.cats-grid .cat-card:nth-child(6) .cat-card__name,.cats-grid .cat-card:nth-child(7) .cat-card__name,.cats-grid .cat-card:nth-child(10) .cat-card__name{font-size:1.6rem}.cats-grid .cat-card:nth-child(1) .cat-card__icon,.cats-grid .cat-card:nth-child(3) .cat-card__icon,.cats-grid .cat-card:nth-child(6) .cat-card__icon,.cats-grid .cat-card:nth-child(7) .cat-card__icon,.cats-grid .cat-card:nth-child(10) .cat-card__icon{width:56px;height:56px;border-radius:14px}.cats-grid .cat-card:nth-child(1) .cat-card__icon svg,.cats-grid .cat-card:nth-child(3) .cat-card__icon svg,.cats-grid .cat-card:nth-child(6) .cat-card__icon svg,.cats-grid .cat-card:nth-child(7) .cat-card__icon svg,.cats-grid .cat-card:nth-child(10) .cat-card__icon svg{width:28px;height:28px}@media(max-width:1023px){.cats-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,160px)}}@media(max-width:767px){.cats-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:.75rem}.cats-grid .cat-card:nth-child(n){grid-row:auto;grid-column:auto}}@media(max-width:479px){.cats-grid{grid-template-columns:1fr;gap:.6rem}}.cat-card{border-radius:var(--radius);overflow:hidden;position:relative;min-height:180px;cursor:pointer;transition:all .5s var(--ease-luxury, var(--ease));display:block;text-decoration:none;color:#fff;box-shadow:0 4px 16px #00000014}.cat-card:hover{transform:translateY(-14px) scale(1.03);box-shadow:0 28px 70px #00000047,0 8px 20px #0000001f}.cat-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .7s var(--ease-luxury, var(--ease))}.cat-card:hover .cat-card__bg{transform:scale(1.12)}.cat-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#00000073,#000000b8);transition:opacity .5s var(--ease)}.cat-card:hover .cat-card__overlay{opacity:.9}.cat-card__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cat-card__icon{width:48px;height:48px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;transition:all .4s var(--ease-luxury, var(--ease));box-shadow:0 4px 12px #0000001a}.cat-card__icon svg{width:24px;height:24px;color:#fff;stroke:#fff}.cat-card:hover .cat-card__icon{background:var(--c-cream, #f5f0e8);transform:scale(1.15) translateY(-2px);box-shadow:0 8px 24px #00000040;border-color:#ffffff4d}.cat-card:hover .cat-card__icon svg{stroke:var(--c-dark, #1a1a1a)}.cat-card__name{font-family:var(--font-display);font-size:1.2rem;font-weight:400;margin:0 0 .3rem;line-height:1.25;color:#fff}.cat-card__count{font-family:var(--font-ui);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3}.cat-card__arrow{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:var(--radius-full, 50%);background:#fff3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(12px);transition:opacity .35s var(--ease),transform .35s var(--ease);z-index:3}.cat-card__arrow svg{width:16px;height:16px}.cat-card:hover .cat-card__arrow{opacity:1;transform:translate(0)}.cg1 .cat-card__bg{background:linear-gradient(135deg,#1a3d24,#2d6b42,#3d9a5a)}.cg2 .cat-card__bg{background:linear-gradient(135deg,#3d2814,#7a4f28,#b8783c)}.cg3 .cat-card__bg{background:linear-gradient(135deg,#2a1535,#5a2d6b,#8040a0)}.cg4 .cat-card__bg{background:linear-gradient(135deg,#0d3a3f,#1a6b6f,#289a9a)}.cg5 .cat-card__bg{background:linear-gradient(135deg,#1a2a4a,#2d4a7a,#3d6aaa)}.cg6 .cat-card__bg{background:linear-gradient(135deg,#4a1a1a,#7a2d2d,#aa4040)}.cg7 .cat-card__bg{background:linear-gradient(135deg,#2d2d2d,#4a4a4a,#6a6a6a)}.cg8 .cat-card__bg{background:linear-gradient(135deg,#3d2000,#7a4a10,#b87020)}.cg9 .cat-card__bg{background:linear-gradient(135deg,#4a2010,#8a4020,#c86030)}.cg10{box-shadow:0 8px 32px #c8956c59,0 0 0 1px #f0d4a840}.cg10 .cat-card__bg{background:linear-gradient(135deg,#6b4a10,#b8862a,#f0d488,#b8862a,#6b4a10);background-size:200% 200%;animation:cgGoldShimmer 8s ease infinite}@keyframes cgGoldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cg10 .cat-card__overlay{background:radial-gradient(ellipse at center,#0000004d,#3c28008c)}.cg10 .cat-card__icon{background:#ffffff2e;border-color:#ffebc866;box-shadow:0 6px 20px #0003,inset 0 1px #fff3}.cg10 .cat-card__count{color:#ffebc8e6;font-weight:800}.cg10:hover{box-shadow:0 28px 70px #c8956c8c,0 0 0 1px #f0d4a866}.cg11 .cat-card__bg{background:linear-gradient(135deg,#0f1626,#1e2b4a,#3a5378)}@media(max-width:767px){.cat-card{min-height:200px}.cat-card__content{padding:1.25rem}.cat-card__name{font-size:1.1rem}.cats-grid .cat-card:nth-child(1) .cat-card__name,.cats-grid .cat-card:nth-child(3) .cat-card__name,.cats-grid .cat-card:nth-child(6) .cat-card__name{font-size:1.2rem}}@media(max-width:479px){.cat-card{min-height:180px}.cat-card__content{padding:1rem}.cat-card__icon{width:40px;height:40px;border-radius:10px;margin-bottom:.5rem}.cat-card__icon svg{width:20px;height:20px}.cat-card__name{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-category-tiles.css.map */