.categories-section{padding-block:var(--spacing-2xl);overflow:hidden}.categories-section__header{text-align:center;margin-bottom:2.5rem}.categories-section__title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.02em;color:var(--color-black)}.cat-title-line{display:block}.cat-title-line--top{display:flex;align-items:center;justify-content:center;gap:.5rem}.cat-title-target{display:inline-flex;width:clamp(28px,4vw,48px);height:clamp(28px,4vw,48px);color:var(--color-black)}.cat-title-target svg{width:100%;height:100%}.cat-carousel{display:flex;align-items:center;justify-content:center;gap:1rem}.cat-carousel__viewport{flex:1;overflow:hidden;max-width:900px;padding:1.5rem 0}.cat-carousel__track{display:flex;align-items:flex-start;justify-content:center;gap:1.5rem;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.cat-carousel__arrow{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--color-black);background:var(--color-white);color:var(--color-black);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.cat-carousel__arrow:hover{background:var(--color-black);color:var(--color-white)}.cat-carousel__arrow:active{transform:scale(.92)}.cat-carousel__arrow svg{width:20px;height:20px}.cat-card{flex:0 0 auto;width:clamp(180px,26vw,260px);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease;transform-origin:center bottom;cursor:pointer}.cat-card__link{display:block;text-decoration:none;color:inherit}.cat-card__inner{position:relative;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:3 / 4;background:var(--color-beige);box-shadow:var(--shadow-card)}.cat-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.cat-card__label{text-align:center;margin-top:1.1rem;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:1.2rem;line-height:1.2;color:var(--color-black);opacity:.5;transition:opacity .4s ease}.cat-card__shop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:92px;height:92px;border-radius:50%;background:#fffffff2;color:var(--color-black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-size:.68rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.05em;opacity:0;transition:opacity .4s ease,transform .4s ease;z-index:2;pointer-events:none}.cat-card__shop svg{width:16px;height:16px;margin-bottom:.1rem}.cat-card[data-state=left]{transform:rotate(-9deg) scale(.82);opacity:.85}.cat-card[data-state=right]{transform:rotate(9deg) scale(.82);opacity:.85}.cat-card[data-state=active]{transform:rotate(0) scale(1.06);opacity:1;z-index:3}.cat-card[data-state=active] .cat-card__inner{box-shadow:var(--shadow-card-hover)}.cat-card[data-state=active] .cat-card__image{transform:scale(1.03)}.cat-card[data-state=active] .cat-card__label{opacity:1}.cat-card[data-state=active] .cat-card__shop,.cat-card:hover .cat-card__shop,.cat-card:focus-within .cat-card__shop{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(prefers-reduced-motion:reduce){.cat-carousel__track,.cat-card,.cat-card__shop,.cat-card__image{transition:none}}.cat-carousel__dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.cat-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-gray);cursor:pointer;padding:0;transition:background var(--transition-fast),width var(--transition-fast)}.cat-dot.is-active{background:var(--color-black);width:24px;border-radius:4px}.cat-dot:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}@media(max-width:767px){.cat-card{width:62vw}.cat-card[data-state=left],.cat-card[data-state=right]{transform:rotate(0) scale(.78);opacity:.5}.cat-carousel{gap:.5rem}.cat-carousel__arrow{width:40px;height:40px}.cat-carousel__viewport{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-categories.css.map */