.shop-by-category{padding:5rem 0}.shop-by-category__header{text-align:center;margin-bottom:3.6rem}.shop-by-category__eyebrow{display:inline-block;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#d97706;margin-bottom:.8rem}.shop-by-category__title{font-weight:800;margin:0}.shop-by-category__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.cat-card{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;transition:all .35s cubic-bezier(.4,0,.2,1);height:100%}.cat-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000004d;border-color:#d977064d}.cat-card__image-wrap{position:relative;height:200px;overflow:hidden}.cat-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.cat-card:hover .cat-card__image{transform:scale(1.08)}.cat-card__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(13,13,13,.7) 100%);pointer-events:none}.cat-card__image-wrap--placeholder{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center}.cat-card__image-wrap--placeholder svg{width:4rem;height:4rem;color:#ffffff26}.cat-card__content{display:flex;flex-direction:column;gap:.4rem;padding:1.6rem;flex:1}.cat-card__title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.cat-card__count{font-size:1.1rem;font-weight:600;color:#ffffff73}.cat-card__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.8rem;font-size:1.2rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;transition:all .25s ease}.cat-card__cta svg{transition:transform .25s ease}.cat-card:hover .cat-card__cta{color:#d97706}.cat-card:hover .cat-card__cta svg{transform:translate(4px)}@media screen and (max-width:989px){.shop-by-category__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}}@media screen and (max-width:575px){.shop-by-category{padding:3.6rem 0}.cat-card__image-wrap{height:160px}.shop-by-category__grid{gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/section-shop-by-category.css.map */
