.td-shop-by-category{padding-block:var(--padding-block);padding-inline:var(--padding-inline)!important;max-width:var(--page-width);margin:0 auto}.td-shop-by-category__title{color:var(--color-primary);font-family:var(--heading-font);font-size:var(--setting-headline-font-size);font-style:normal;font-weight:400;line-height:normal;text-transform:var(--setting-headline-font-style);text-align:center;margin-block:0 8px}.td-shop-by-category__flex{--inline-gap: 13px;--block-gap: 20px;--column-count: 2;--gap-count: calc(var(--column-count) - 1);display:flex;flex-wrap:wrap;gap:var(--block-gap) var(--inline-gap);margin-bottom:8px}.td-shop-by-category__card{width:calc((100% - var(--inline-gap) * var(--gap-count)) / var(--column-count));height:fit-content}.td-shop-by-category__card__image-wrapper{position:relative;margin-bottom:12px}.td-shop-by-category__card__image--secondary{position:absolute;top:0;bottom:0;left:0;right:0;display:none;width:100%;height:auto;aspect-ratio:1/1}.td-shop-by-category__card:hover .td-shop-by-category__card__image--secondary{display:block;z-index:2}.td-shop-by-category__card__title{color:var(--color-primary);text-align:center;font-family:var(--heading-font);font-size:14px;font-style:normal;letter-spacing:3px;font-weight:400;line-height:130%;text-transform:var(--setting-headline-font-style);display:block;margin-bottom:4px}.td-shop-by-category__card__count{color:#575757;font-family:var(--body-font);font-size:13px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;text-align:center;display:block}.td-shop-by-category__card:hover .td-shop-by-category__card__title,.td-shop-by-category__card:hover .td-shop-by-category__card__count{text-decoration:underline}.td-shop-by-category__card:hover .td-shop-by-category__card__image{opacity:.8}@media screen and (min-width: 1024px){.td-shop-by-category__title{margin-block:0 32px}.td-shop-by-category__flex{--column-count: 4;--inline-gap: 53px;--block-gap: 32px}.td-shop-by-category__card__title{font-size:18.2px}.td-shop-by-category__card__count{font-size:16.9px}}@media screen and (min-width: 1280px){.td-shop-by-category{padding-inline:0!important}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/section-td-shop-by-category.css.map */
