.mockup-carousel{background:var(--paper);border-top:1px solid var(--line);padding:64px 0 58px}.mockup-carousel__head{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px}.mockup-carousel__head h2{color:var(--ink);font:400 clamp(1.7rem,2.8vw,2.45rem)/1.1 var(--serif);margin:7px 0 0}.mockup-carousel__lead{color:#2e1065b3;font-size:.96rem;line-height:1.6;margin:12px 0 0;max-width:640px}.mockup-carousel__controls{display:flex;gap:8px;flex-shrink:0}.mockup-carousel__arrow{background:#fff;border:1px solid rgba(46,16,101,.2);color:var(--ink);cursor:pointer;font:400 1.3rem/1 var(--serif);height:42px;width:42px;transition:background .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1)}.mockup-carousel__arrow:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--cream)}.mockup-carousel__arrow:active:not(:disabled){transform:scale(.97)}.mockup-carousel__arrow:disabled{cursor:default;opacity:.3}.mockup-carousel__viewport{position:relative}.mockup-carousel__track{display:grid;gap:18px;grid-auto-columns:264px;grid-auto-flow:column;list-style:none;margin:0;overflow-x:auto;padding:0 0 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.mockup-carousel__track:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.mockup-carousel__item{scroll-snap-align:start}.mockup-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;height:100%}.mockup-card:hover{border-color:#2e106557}.mockup-card__frame{background:#ebe7dd;display:block;overflow:hidden;position:relative;width:100%;aspect-ratio:1/1}.mockup-card__frame img{display:block;height:100%;object-fit:cover;object-position:top center;transition:transform .3s cubic-bezier(.23,1,.32,1);width:100%}.mockup-card:hover .mockup-card__frame img{transform:scale(1.03)}.mockup-card__fallback{align-items:center;color:#2e106580;display:flex;font-size:.82rem;height:100%;justify-content:center;padding:18px;text-align:center}.mockup-card__body{display:flex;flex-direction:column;gap:6px;padding:16px 16px 18px}.mockup-card__type{color:#2e10658c;font:700 .66rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}.mockup-card__title{color:var(--ink);font:400 1.06rem/1.2 var(--serif)}.mockup-card__price{color:var(--ink);font-size:.9rem;font-weight:700;margin-top:2px}@media(prefers-reduced-motion:reduce){.mockup-card__frame img{transition:none}.mockup-card:hover .mockup-card__frame img{transform:none}}@media(max-width:640px){.mockup-carousel{padding:48px 0 42px}.mockup-carousel__head{align-items:flex-start;flex-direction:column;gap:14px}.mockup-carousel__track{grid-auto-columns:212px;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/mockup-carousel.css.map */