.category-page{width:100%;box-sizing:border-box;font-family:var(--cp-font-family, inherit)}.category-page__heading{margin:0 0 8px;text-align:center;font-size:var(--cp-heading-size, 32px);font-weight:700;letter-spacing:-.01em;color:var(--cp-heading-color, #181818);font-family:inherit}.category-page__subheading{margin:0 auto;max-width:560px;text-align:center;font-size:var(--cp-subheading-size, 16px);color:var(--cp-subheading-color, #5c5c5c);font-family:inherit}.category-page__underline{display:block;width:56px;height:3px;margin:16px auto 32px;border-radius:999px;background-color:var(--cp-underline-color, #e02020)}.category-page--list .category-page__list{display:flex;flex-direction:column;gap:var(--cp-row-gap, 16px);max-width:720px;margin:0 auto;padding:0;list-style:none}.category-page--list .category-page__item{position:relative;display:flex;align-items:center;gap:16px;padding:14px 20px 14px 14px;background-color:var(--cp-card-bg, #ffffff);border-radius:var(--cp-card-radius, 16px);box-shadow:0 2px 10px #1414140f,0 1px 2px #1414140a;text-decoration:none;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.category-page--list .category-page__item:hover{background-color:var(--cp-card-hover-bg, #faf7f2);transform:translateY(-2px);box-shadow:0 8px 20px #14141417,0 2px 6px #1414140f}.category-page--list .category-page__item:hover .category-page__image{transform:scale(1.06)}.category-page--list .category-page__item:hover .category-page__arrow{transform:translate(3px)}.category-page__accent-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--cp-item-accent, transparent)}.category-page--list .category-page__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.category-page__arrow{width:20px;height:20px;flex-shrink:0;color:var(--cp-arrow-color, #b0b0b0);transition:transform .25s ease}.category-page--grid .category-page__list{display:grid;grid-template-columns:repeat(var(--cp-columns-mobile, 3),1fr);column-gap:var(--cp-column-gap, 24px);row-gap:var(--cp-row-gap, 32px);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.category-page--grid .category-page__list{grid-template-columns:repeat(var(--cp-columns-desktop, 5),1fr)}}.category-page--grid .category-page__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;text-decoration:none;position:relative}.category-page--grid .category-page__text{display:flex;flex-direction:column;align-items:center;gap:2px}.category-page--grid .category-page__accent-bar{left:50%;top:auto;bottom:-4px;width:28px;height:3px;border-radius:999px;transform:translate(-50%)}.category-page--grid .category-page__arrow{display:none}.category-page__item{opacity:0;transform:translate(calc(-1 * var(--cp-anim-distance, 40px)));animation-name:category-page-slide-in;animation-duration:var(--cp-anim-duration, .5s);animation-timing-function:var(--cp-anim-easing, ease-out);animation-fill-mode:forwards}@keyframes category-page-slide-in{to{opacity:1;transform:translate(0)}}.category-page--static .category-page__item{opacity:1;transform:none;animation:none}@media(prefers-reduced-motion:reduce){.category-page__item{opacity:1;transform:none;animation:none}.category-page--list .category-page__item:hover{transform:none}}.category-page__circle{width:var(--cp-circle-size-mobile, 72px);aspect-ratio:1 / 1;height:auto;border-radius:50%;overflow:hidden;border:var(--cp-circle-border-width, 2px) solid var(--cp-circle-border-color, #f0e4d8);box-sizing:border-box;flex-shrink:0}@media screen and (min-width:750px){.category-page__circle{width:min(var(--cp-circle-size, 96px),100%)}}.category-page__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.category-page__image--placeholder{background-color:#eee}.category-page__label{font-size:var(--cp-label-size, 17px);font-weight:var(--cp-label-weight, 600);text-transform:var(--cp-label-transform, none);color:var(--cp-label-color, #181818);line-height:1.3;overflow-wrap:anywhere;font-family:inherit}.category-page__subtext{font-size:var(--cp-subtext-size, 13px);color:var(--cp-subtext-color, #8a8a8a);line-height:1.4;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-page--grid .category-page__subtext{white-space:normal;max-width:160px}.category-page__empty{text-align:center;color:#8a8a8a;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/categories-page.css.map */