.yuan-image-cards{--yuan-category-columns-current: var(--yuan-image-cards-columns-mobile, 1);--yuan-image-cards-gap: 16px;--yuan-image-cards-radius: 8px;--yuan-image-cards-height-mobile: 420px;--yuan-image-cards-height-desktop: 560px;--yuan-image-cards-overlay: rgba(0, 0, 0, .28);--yuan-image-cards-text: #ffffff;--yuan-image-cards-button-bg: var(--color-focus, #d2aa2f);--yuan-image-cards-button-text: var(--color-text, #161816);--yuan-image-cards-side-padding: 0px;--yuan-image-cards-section-width: 100%;display:block;position:relative}.yuan-image-cards__inner{box-sizing:border-box;margin-inline:auto;padding-inline:var(--yuan-image-cards-side-padding)}.yuan-image-cards__inner--full{width:100%;max-width:none}.yuan-image-cards__inner--page{width:100%;max-width:var(--page-width);padding-inline:max(var(--yuan-image-cards-side-padding),1.5rem)}.yuan-image-cards__inner--custom{width:var(--yuan-image-cards-section-width, 90%);max-width:100%}.yuan-image-cards__header{display:flex;margin-bottom:2.4rem}.yuan-image-cards__header--left{justify-content:flex-start;text-align:start}.yuan-image-cards__header--center{justify-content:center;text-align:center}.yuan-image-cards__header--right{justify-content:flex-end;text-align:end}.yuan-image-cards__heading{margin:0}.yuan-image-cards__stage{position:relative}.yuan-image-cards__viewport{width:100%;overflow:hidden;outline:none;direction:ltr;touch-action:pan-y}.yuan-image-cards__track{display:flex;align-items:stretch;width:100%;margin:0;padding:0;list-style:none;gap:var(--yuan-image-cards-gap);will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1)}.yuan-image-cards__track[data-no-transition]{transition:none}.yuan-image-cards__slide{box-sizing:border-box;flex:0 0 calc((100% - (var(--yuan-category-columns-current) - 1) * var(--yuan-image-cards-gap)) / var(--yuan-category-columns-current));min-width:0}.yuan-image-cards:not([data-carousel-active]) .yuan-image-cards__viewport{overflow:visible;direction:inherit}.yuan-image-cards:not([data-carousel-active]) .yuan-image-cards__track{display:grid;grid-template-columns:repeat(var(--yuan-category-columns-current),minmax(0,1fr));gap:var(--yuan-image-cards-gap);width:100%;transform:none!important}.yuan-image-cards:not([data-carousel-active]) .yuan-image-cards__slide{flex:none;width:auto;min-width:0}.yuan-image-card{position:relative;display:block;overflow:hidden;width:100%;height:var(--yuan-image-cards-height-mobile);border-radius:var(--yuan-image-cards-radius);color:var(--yuan-image-cards-text);text-decoration:none;background:#1a1a1a}.yuan-image-card__media,.yuan-image-card__image,.yuan-image-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.yuan-image-card__placeholder{background:linear-gradient(135deg,#2b2b2b,#6a6a6a)}div.yuan-image-card__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--yuan-image-cards-overlay);pointer-events:none}.yuan-image-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:clamp(1.6rem,3vw,3.2rem);pointer-events:none}.yuan-image-card__content--left{justify-content:flex-start;text-align:start}.yuan-image-card__content--center{justify-content:center;text-align:center}.yuan-image-card__content--right{justify-content:flex-end;text-align:end}.yuan-image-card__content--top{align-items:flex-start}.yuan-image-card__content--middle{align-items:center}.yuan-image-card__content--bottom{align-items:flex-end}.yuan-image-card__box{display:flex;flex-direction:column;gap:1rem;width:min(100%,34rem);max-width:100%;pointer-events:auto}.yuan-image-card__content--center .yuan-image-card__box{align-items:center}.yuan-image-card__content--left .yuan-image-card__box{align-items:flex-start}.yuan-image-card__content--right .yuan-image-card__box{align-items:flex-end}.yuan-image-card__title{margin:0;color:inherit;font-family:var(--font-heading-family);font-weight:700;line-height:1.1;letter-spacing:.01em}.yuan-image-card__text{margin:0;color:inherit;opacity:.92;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.45}.yuan-image-card__text p{margin:0}.yuan-image-card__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.4rem;padding:.9rem 1.8rem;border:1px solid transparent;border-radius:.2rem;background:var(--yuan-image-cards-button-bg);color:var(--yuan-image-cards-button-text);font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,opacity .2s ease}.yuan-image-card__button:hover{opacity:.92;transform:translateY(-1px)}.yuan-image-card__button--outline{background:transparent;color:var(--yuan-image-cards-text);border-color:currentColor}.yuan-image-card__button-arrow{display:inline-block;font-size:1.4rem;line-height:1;transform:translateY(-.05em)}.yuan-image-cards__arrow{position:absolute;top:50%;z-index:4;display:grid;width:4.2rem;height:4.2rem;padding:0;place-items:center;border:1px solid rgba(var(--color-foreground),.12);border-radius:50%;color:rgb(var(--color-foreground));background:rgb(var(--color-background));cursor:pointer;transform:translateY(-50%)}.yuan-image-cards__arrow--previous{left:.8rem}.yuan-image-cards__arrow--next{right:.8rem}.yuan-image-cards__arrow .svg-wrapper{display:grid;width:1.4rem;height:1.4rem;place-items:center}.yuan-image-cards__arrow--previous .svg-wrapper{transform:rotate(90deg)}.yuan-image-cards__arrow--next .svg-wrapper{transform:rotate(-90deg)}.yuan-image-cards__dots{display:flex;gap:.6rem;justify-content:center;margin-top:1.6rem}.yuan-image-cards__dot{width:.7rem;height:.7rem;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.25);cursor:pointer}.yuan-image-cards__dot[aria-current=true]{background:rgb(var(--color-foreground))}.yuan-image-cards:not([data-carousel-active]) .yuan-image-cards__arrow,.yuan-image-cards:not([data-carousel-active]) .yuan-image-cards__dots,.yuan-image-cards[data-show-arrows=false] .yuan-image-cards__arrow{display:none}.yuan-image-cards [data-category-clone]{pointer-events:none}@media screen and (min-width:750px){.yuan-image-cards{--yuan-category-columns-current: var(--yuan-image-cards-columns-tablet, 2)}.yuan-image-card{height:var(--yuan-image-cards-height-desktop)}}@media screen and (min-width:990px){.yuan-image-cards{--yuan-category-columns-current: var(--yuan-image-cards-columns-desktop, 3)}}@media screen and (max-width:749px){.yuan-image-cards__arrow{width:3.6rem;height:3.6rem}.yuan-image-card__content{padding:1.4rem}.yuan-image-card__button{min-height:4rem;padding:.8rem 1.4rem}}@media(prefers-reduced-motion:reduce){.yuan-image-cards__track,.yuan-image-card__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-yuan-image-cards.css.map */