.arch-categories--custom-bg{background:var(--gradient-background, rgb(var(--color-background)));color:rgb(var(--color-foreground))}.arch-categories .title-wrapper{margin-bottom:3.2rem}.arch-carousel{position:relative}.arch-scroller{list-style:none;margin:0;padding:0 0 .5rem;display:flex;gap:var(--arch-gap, 24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.arch-scroller::-webkit-scrollbar{display:none}.arch-card{margin:0;flex:0 0 auto;width:var(--arch-card-w, 220px);scroll-snap-align:start}.arch-card__link{display:block;text-decoration:none;color:inherit}.arch-card__media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:calc(var(--arch-radius) * 4px) calc(var(--arch-radius) * 4px) 0 0 / calc(var(--arch-radius) * 1.6px) calc(var(--arch-radius) * 1.6px) 0 0;background:rgba(var(--color-foreground),.06)}.arch-card__image{width:100%;height:100%;object-fit:cover;object-position:var(--arch-image-position, center center);display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.arch-card__link:hover .arch-card__image{transform:scale(1.04)}.arch-card__media--placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover;background:rgba(var(--color-foreground),.08)}.arch-card__label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.3rem;font-size:1.45rem;font-weight:500;letter-spacing:.02em;color:rgb(var(--color-foreground))}.arch-card__arrow{display:inline-flex;transition:transform .3s ease}.arch-card__link:hover .arch-card__arrow{transform:translate(4px)}.arch-carousel__arrow{position:absolute;top:calc((var(--arch-card-w, 220px) * 4 / 3) / 2);transform:translateY(-50%);z-index:2;width:4rem;height:4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background .2s ease}.arch-categories:not(.arch-categories--custom-bg) .arch-carousel__arrow{background:#fff;color:#2c2417}.arch-carousel__arrow--prev{left:-1.6rem}.arch-carousel__arrow--next{right:-1.6rem}.arch-carousel__arrow[disabled]{opacity:.25;cursor:default}.arch-categories__view-all{margin-top:3.6rem}@media screen and (max-width:749px){.arch-card{width:clamp(140px,42vw,180px)}.arch-card__label{font-size:1.3rem;margin-top:1rem}.arch-carousel__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-arch-categories.css.map */