.k2-promo-cards-carousel{--k2-promo-carousel-cards-per-view: 2;--k2-promo-carousel-gap: 16px;--k2-promo-carousel-max-width: 1200px;--k2-promo-carousel-padding: 60px 24px;--k2-promo-carousel-padding-mobile: 40px 20px}.k2-promo-cards-carousel__container{max-width:var(--k2-promo-carousel-max-width, 1200px);margin:0 auto;padding:var(--k2-promo-carousel-padding, 60px 24px);display:flex;flex-direction:column;gap:48px}.k2-promo-cards-carousel__title{font-family:Noto Sans HK,sans-serif;font-weight:700;font-size:26px;line-height:1.23;letter-spacing:.02em;color:#282e13;text-align:center;margin:0}.k2-promo-cards-carousel__wrapper{display:flex;align-items:center;gap:16px;position:relative}.k2-promo-cards-carousel__list{display:flex;gap:var(--k2-promo-carousel-gap, 16px);flex:1;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.k2-promo-cards-carousel__list::-webkit-scrollbar{display:none}.k2-promo-cards-carousel__item{flex:0 0 calc((100% - (var(--k2-promo-carousel-cards-per-view) - 1) * var(--k2-promo-carousel-gap)) / var(--k2-promo-carousel-cards-per-view));min-width:calc((100% - (var(--k2-promo-carousel-cards-per-view) - 1) * var(--k2-promo-carousel-gap)) / var(--k2-promo-carousel-cards-per-view));scroll-snap-align:start}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card{width:100%;height:100%}.k2-promo-cards-carousel__nav{display:flex;justify-content:center;align-items:center;width:41px;height:41px;background-color:#282e13;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:opacity .2s ease,background-color .2s ease;color:#fff}.k2-promo-cards-carousel__nav svg,.k2-promo-cards-carousel__nav .icon{width:16px;height:16px;color:inherit}.k2-promo-cards-carousel__nav:hover:not(:disabled){background-color:#3a4420}.k2-promo-cards-carousel__nav:disabled{opacity:.3;cursor:not-allowed}.k2-promo-cards-carousel__cta{display:flex;justify-content:center}.k2-promo-cards-carousel__button{display:inline-flex;justify-content:center;align-items:center;padding:12px 24px;font-family:PingFang HK,sans-serif;font-weight:500;font-size:15px;line-height:1.47;color:#282e13;text-decoration:none;background:transparent;border:1px solid #282E13;border-radius:24px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.k2-promo-cards-carousel__button:hover{background-color:#282e13;color:#fff}@media screen and (min-width: 768px){.k2-promo-cards-carousel__wrapper{position:relative;gap:0}.k2-promo-cards-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.k2-promo-cards-carousel__nav--prev{left:16px}.k2-promo-cards-carousel__nav--next{right:16px}}@media screen and (min-width: 1280px){.k2-promo-cards-carousel-section,.k2-promo-cards-carousel__container{overflow:visible}.k2-promo-cards-carousel__nav--prev{left:-60px}.k2-promo-cards-carousel__nav--next{right:-60px}}@media screen and (max-width: 767px){.k2-promo-cards-carousel__container{padding:var(--k2-promo-carousel-padding-mobile, 40px 20px);gap:32px}.k2-promo-cards-carousel__title{font-size:22px}.k2-promo-cards-carousel__wrapper{position:relative;gap:0}.k2-promo-cards-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:41px;height:41px}.k2-promo-cards-carousel__nav--prev{left:8px}.k2-promo-cards-carousel__nav--next{right:8px}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card{aspect-ratio:unset;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card:before{content:"";grid-area:1 / 1 / 2 / 2;padding-bottom:calc(100% * 420 / 353);pointer-events:none}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card-bg,.k2-promo-cards-carousel__item .k2-promo-cards-grid__card-content{grid-area:1 / 1 / 2 / 2}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card-bg{position:relative;height:100%}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card-bg--desktop{display:none}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card-bg--mobile{display:block}.k2-promo-cards-carousel__item .k2-promo-cards-grid__card-content{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;align-self:stretch;justify-content:center;max-width:100%;width:100%;padding:20px;gap:12px}}@media screen and (min-width: 768px){.k2-promo-cards-carousel__nav:not(:disabled){opacity:1!important}.k2-promo-cards-carousel__nav:disabled{opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/k2-promo-cards-carousel.css.map */