.yuan-promo-banner{--yuan-category-columns-current: 1;--yuan-promo-gap: 0px;--yuan-promo-radius: 12px;--yuan-promo-height-mobile: 220px;--yuan-promo-height-desktop: 320px;--yuan-promo-overlay: rgba(0, 0, 0, .28);--yuan-promo-text: #ffffff;--yuan-promo-button-bg: var(--color-brand, #163325);--yuan-promo-button-text: #ffffff;--yuan-promo-side-padding: 0px;--yuan-promo-section-width: 100%;display:block;position:relative}.yuan-promo-banner__inner{box-sizing:border-box;margin-inline:auto;padding-inline:var(--yuan-promo-side-padding)}.yuan-promo-banner__inner--full{width:100%;max-width:none}.yuan-promo-banner__inner--page{width:100%;max-width:var(--page-width);padding-inline:max(var(--yuan-promo-side-padding),1.5rem)}.yuan-promo-banner__inner--custom{width:var(--yuan-promo-section-width, 90%);max-width:100%}.yuan-promo-banner__stage{position:relative}.yuan-promo-banner__viewport{width:100%;overflow:hidden;border-radius:var(--yuan-promo-radius);outline:none;direction:ltr;touch-action:pan-y}.yuan-promo-banner__track{display:flex;align-items:stretch;width:100%;margin:0;padding:0;list-style:none;gap:0;will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1)}.yuan-promo-banner__track[data-no-transition]{transition:none}.yuan-promo-banner__slide{position:relative;box-sizing:border-box;flex:0 0 100%;width:100%;min-width:100%;max-width:100%;min-height:var(--yuan-promo-height-mobile);height:var(--yuan-promo-height-mobile);overflow:hidden;border-radius:var(--yuan-promo-radius)}.yuan-promo-banner[data-carousel-active] .yuan-promo-banner__track{width:max-content}.yuan-promo-banner[data-carousel-active] .yuan-promo-banner__slide{flex:0 0 auto;width:var(--yuan-promo-slide-width, 100%);min-width:var(--yuan-promo-slide-width, 100%);max-width:var(--yuan-promo-slide-width, 100%)}.yuan-promo-banner:not([data-carousel-active]) .yuan-promo-banner__track{display:flex;flex-direction:column;width:100%;gap:1.6rem;transform:none!important}.yuan-promo-banner:not([data-carousel-active]) .yuan-promo-banner__slide{flex:0 0 auto;width:100%;min-width:0;max-width:100%}.yuan-promo-banner__media{display:flex;width:100%;height:100%;gap:var(--yuan-promo-gap)}.yuan-promo-banner__panel{position:relative;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;background:#1a1a1a}.yuan-promo-banner__panel--primary{flex:0 0 var(--yuan-promo-primary-width, 50%);width:var(--yuan-promo-primary-width, 50%)}.yuan-promo-banner__panel--secondary{flex:1 1 auto}.yuan-promo-banner__slide--single .yuan-promo-banner__panel--primary{flex:1 1 100%;width:100%}.yuan-promo-banner__image,.yuan-promo-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover}.yuan-promo-banner__placeholder{background:linear-gradient(135deg,#2b2b2b,#5a5a5a)}div.yuan-promo-banner__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--yuan-promo-overlay)}.yuan-promo-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:clamp(1.6rem,3vw,4rem);color:var(--yuan-promo-text);pointer-events:none;direction:var(--yuan-promo-content-dir, ltr)}.yuan-promo-banner__content--left{justify-content:flex-start;text-align:start}.yuan-promo-banner__content--center{justify-content:center;text-align:center}.yuan-promo-banner__content--right{justify-content:flex-end;text-align:end}.yuan-promo-banner__content--top{align-items:flex-start}.yuan-promo-banner__content--middle{align-items:center}.yuan-promo-banner__content--bottom{align-items:flex-end}.yuan-promo-banner__box{display:flex;flex-direction:column;gap:1rem;width:min(100%,var(--yuan-promo-content-width, 42rem));max-width:100%;pointer-events:auto}.yuan-promo-banner__content--center .yuan-promo-banner__box{align-items:center}.yuan-promo-banner__content--right .yuan-promo-banner__box{align-items:flex-end}.yuan-promo-banner__content--left .yuan-promo-banner__box{align-items:flex-start}.yuan-promo-banner__heading{margin:0;color:inherit;line-height:1.15;overflow-wrap:anywhere}.yuan-promo-banner__text{margin:0;color:inherit;opacity:.92;line-height:1.5;overflow-wrap:anywhere}.yuan-promo-banner__text p{margin:0}.yuan-promo-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.9rem 1.8rem;border:1px solid transparent;border-radius:.6rem;background:var(--yuan-promo-button-bg);color:var(--yuan-promo-button-text);font-weight:600;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.yuan-promo-banner__button:hover{opacity:.92;transform:translateY(-1px)}.yuan-promo-banner__button--outline{background:transparent;color:var(--yuan-promo-text);border-color:currentColor}.yuan-promo-banner__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(255,255,255,.35);border-radius:50%;color:#fff;background:#11111173;cursor:pointer;transform:translateY(-50%)}.yuan-promo-banner__arrow--previous{left:1rem}.yuan-promo-banner__arrow--next{right:1rem}.yuan-promo-banner__arrow .svg-wrapper{display:grid;width:1.4rem;height:1.4rem;place-items:center}.yuan-promo-banner__arrow--previous .svg-wrapper{transform:rotate(90deg)}.yuan-promo-banner__arrow--next .svg-wrapper{transform:rotate(-90deg)}.yuan-promo-banner__dots{display:flex;gap:.6rem;justify-content:center;margin-top:1.4rem}.yuan-promo-banner__dot{width:.7rem;height:.7rem;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.25);cursor:pointer}.yuan-promo-banner__dot[aria-current=true]{background:rgb(var(--color-foreground))}.yuan-promo-banner:not([data-carousel-active]) .yuan-promo-banner__arrow,.yuan-promo-banner:not([data-carousel-active]) .yuan-promo-banner__dots,.yuan-promo-banner[data-show-arrows=false] .yuan-promo-banner__arrow{display:none}.yuan-promo-banner [data-category-clone]{pointer-events:none}@media screen and (min-width:750px){.yuan-promo-banner__slide{min-height:var(--yuan-promo-height-desktop);height:var(--yuan-promo-height-desktop)}}@media screen and (max-width:749px){.yuan-promo-banner--stack-mobile .yuan-promo-banner__slide--dual .yuan-promo-banner__media{flex-direction:column}.yuan-promo-banner--stack-mobile .yuan-promo-banner__slide--dual .yuan-promo-banner__panel--primary,.yuan-promo-banner--stack-mobile .yuan-promo-banner__slide--dual .yuan-promo-banner__panel--secondary{flex:1 1 50%;width:100%}.yuan-promo-banner__arrow{width:3.6rem;height:3.6rem}.yuan-promo-banner__arrow--previous{left:.6rem}.yuan-promo-banner__arrow--next{right:.6rem}.yuan-promo-banner__content{padding:1.4rem}}@media(prefers-reduced-motion:reduce){.yuan-promo-banner__track,.yuan-promo-banner__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-yuan-promo-banner.css.map */