.category-carousel{position:relative}.category-carousel__header{margin-bottom:var(--space-32);text-align:center}@media screen and (min-width:750px){.category-carousel__header{margin-bottom:var(--space-40)}}.category-carousel__motif{display:flex;justify-content:center;margin:0 0 var(--space-12)}.pashtun-motif{color:rgb(var(--color-gold))}.category-carousel__heading{font-family:var(--font-heading-family);font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0}.category-carousel__subtitle-ps{display:block;margin:var(--space-6) 0 0;opacity:.75}.category-carousel__slider{position:relative}.category-carousel__track{display:flex;align-items:flex-start;justify-content:center;justify-content:safe center;gap:var(--space-16);margin:0 0 var(--space-8);padding:0;list-style:none;scroll-padding-left:0}.category-carousel__slide{flex:0 0 auto;width:145px;scroll-snap-align:start}@media screen and (min-width:480px){.category-carousel__slide{width:155px}}@media screen and (min-width:750px){.category-carousel__track{gap:var(--space-20)}.category-carousel__slide{width:175px}}@media screen and (min-width:990px){.category-carousel__track{gap:var(--space-24);max-width:80%;margin:0 auto}.category-carousel__slide{width:calc((100% - 3 * var(--space-24)) / 4)}.category-carousel__slider{position:relative}.category-carousel__buttons{justify-content:center}.category-carousel__buttons .slider-button{position:absolute;top:38%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-paper));box-shadow:0 4px 16px rgba(var(--color-ink),.18)}.category-carousel__buttons .slider-button .icon-caret{width:14px}.category-carousel__buttons .slider-button--prev{left:calc(50% - 50vw + 24px)}.category-carousel__buttons .slider-button--next{right:calc(50% - 50vw + 24px)}}.category-arch-card{display:flex;flex-direction:column;color:rgb(var(--color-foreground));text-decoration:none}.category-arch-card:hover{color:rgb(var(--color-foreground))}.category-arch-card:focus-visible{outline:2px solid rgb(var(--color-gold));outline-offset:4px}.category-arch-card__frame{position:relative;display:block;width:100%;aspect-ratio:17 / 25;overflow:hidden;background:rgb(var(--color-gold));border-radius:50% 50% 8px 8px/38% 38% 8px 8px}@supports (clip-path: url(#bop-arch-fallback-check)){.category-arch-card--shape-arch .category-arch-card__frame{clip-path:var(--card-arch-clip);border-radius:0}}.category-arch-card--shape-rounded .category-arch-card__frame{border-radius:16px}.category-arch-card--shape-rectangle .category-arch-card__frame{border-radius:0}.category-arch-card__media{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;overflow:hidden;border-radius:50% 50% 6.5px 6.5px/37% 37% 6.5px 6.5px}@supports (clip-path: url(#bop-arch-fallback-check)){.category-arch-card--shape-arch .category-arch-card__media{clip-path:var(--card-arch-clip);border-radius:0}}.category-arch-card--shape-rounded .category-arch-card__media{border-radius:14.5px}.category-arch-card--shape-rectangle .category-arch-card__media{border-radius:0}.category-arch-card__image{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}.category-arch-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgb(var(--color-wine-deep))}.category-arch-card__placeholder-mark{width:40%;height:auto;opacity:.9}@media(prefers-reduced-motion:no-preference){.category-arch-card__image{transition:transform var(--duration-slow) var(--ease-standard)}.category-arch-card:hover .category-arch-card__image,.category-arch-card:focus-visible .category-arch-card__image{transform:scale(1.04)}}.category-arch-card__caption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding-top:var(--space-8)}.category-arch-card__title-en{font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;letter-spacing:.01em;color:rgb(var(--color-foreground))}.category-arch-card__title-ps{color:rgba(var(--color-foreground),.68);font-size:1.05em}.category-carousel__buttons{margin-top:var(--space-8)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-category-carousel.css.map */
