.home-mix{--gap-swiper: .5rem;overflow:hidden}.home-mix-wrap{display:block}@media (max-width: 767px){.home-mix-inner{position:relative;z-index:2;background-color:var(--bg-light-orange);margin-inline:1rem;padding-block:6.4rem 3.2rem;border-radius:1rem;margin-top:-10rem}.home-mix-inner .container{padding-inline:2.4rem}}.home-mix-img{margin:1rem;margin-top:0;border-radius:2rem;height:77rem;overflow:hidden;position:relative}@media (max-width: 1025px){.home-mix-img{aspect-ratio:814/493;border-radius:1rem;height:auto}}@media (max-width: 767px){.home-mix-img{aspect-ratio:393/330;margin:0;border-radius:0;position:relative;z-index:1}}.home-mix-img-inner{width:100%;position:absolute;top:0;left:0;will-change:transform}@media (max-width: 767px){.home-mix-img-inner{height:100%}}.home-mix-img .img{width:100%;height:100%;object-fit:cover}.home-mix-left{grid-column:1/6;margin-top:-27rem;position:relative;z-index:2}@media (min-width: 768px) and (max-width: 1025px){.home-mix-left{grid-column:1/7}}@media (max-width: 767px){.home-mix-left{grid-column:1/-1;margin-top:0}}.home-mix-left-img{width:100%;height:21.8rem;margin-bottom:4.4rem;border-radius:.5rem;overflow:hidden;position:relative}@media (min-width: 768px) and (max-width: 1025px){.home-mix-left-img{margin-bottom:3.2rem;height:21rem}}@media (max-width: 767px){.home-mix-left-img{display:none}}.home-mix-title-wrap{height:100%;background-color:var(--bg-light-orange);padding:3.2rem 3rem;border-radius:1rem;display:flex;flex-direction:column;align-items:start}@media (max-width: 1025px){.home-mix-title-wrap{padding:2.4rem}}@media (max-width: 767px){.home-mix-title-wrap{padding:0;background-color:transparent;border-radius:0;align-items:center;text-align:center}}.home-mix-label{margin-bottom:1.2rem;color:var(--cl-black-80)}@media (max-width: 1025px){.home-mix-label{margin-bottom:2.4rem}}@media (max-width: 767px){.home-mix-label{margin-bottom:1.2rem}}.home-mix-title{margin-bottom:3.2rem;color:var(--cl-black);max-width:36.2rem}@media (max-width: 1025px){.home-mix-title{margin-bottom:2.4rem}}@media (max-width: 767px){.home-mix-title{margin-bottom:2rem}}.home-mix-sub{margin-bottom:4.4rem;color:var(--cl-black-90);max-width:36.2rem}@media (max-width: 1025px){.home-mix-sub{margin-bottom:3.2rem}}.home-mix-acts{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;column-gap:2.4rem}@media (max-width: 767px){.home-mix-acts{display:none}}.home-mix-pagi{display:none}@media (max-width: 767px){.home-mix-pagi{grid-column:1/-1;padding-bottom:3.2rem;width:100%;display:flex;align-items:center;justify-content:center;position:static;column-gap:.6rem}}.home-mix-pagi-item{width:.8rem;height:.8rem;border-radius:50%;background-color:var(--cl-black-30);transition:all .4s ease-out}.home-mix-pagi-item.is-active{background-color:var(--cl-primary)}.home-mix-btn-mb{display:none}@media (max-width: 767px){.home-mix-btn-dk{display:none}.home-mix-btn-mb{display:block;width:100%;padding-inline:.8rem;grid-column:1/-1}}@media (max-width: 1025px){.home-mix-btn>.btn-md{padding:1.5rem 2.2rem}.home-mix-btn>.btn-md>.txt-16{font-size:1.4rem;line-height:1em}}.home-mix-nav{display:flex;column-gap:.3rem}.home-mix-nav-item{width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--cl-white);transition:all var(--t)}@media (max-width: 1025px){.home-mix-nav-item{width:4.4rem;height:4.4rem}}.home-mix-nav-item-ic{opacity:.5;transition:all var(--t)}.home-mix-nav-item:hover .home-mix-nav-item-ic{opacity:1}.home-mix-nav-item[disabled]{opacity:.5;pointer-events:none}.home-mix-list{grid-column:6/-1;position:relative;z-index:1}@media (min-width: 768px) and (max-width: 1025px){.home-mix-list{grid-column:7/13;margin-top:.6rem}}@media (max-width: 767px){.home-mix-list{grid-column:1/-1;padding-inline:.8rem;padding-bottom:3.2rem}}.home-mix-list-wrap{height:100%;display:flex;flex-direction:column;clip-path:inset(0 -50vh 0 -8.9rem);overflow:visible;width:calc(100% + var(--gap-swiper) * 2);margin-inline:calc(var(--gap-swiper) * -1)}@media (max-width: 1025px){.home-mix-list-wrap{--gap-swiper: .8rem}}@media (max-width: 767px){.home-mix-list-wrap{width:100%;clip-path:none;margin-inline:0}}.home-mix-list-inner{display:flex;padding-block:1rem 2rem}@media (min-width: 768px) and (max-width: 1025px){.home-mix-list-inner{padding-block:0;margin-bottom:2rem}}@media (max-width: 767px){.home-mix-list-inner{padding-block:0}}.home-mix-list-item{width:37.4rem;display:flex;flex-direction:column;align-items:start;padding:3.2rem;border-radius:1rem;transition:all var(--t);flex:none;background-color:var(--bg-light-grey);margin-inline:.5rem}@media (max-width: 1025px){.home-mix-list-item{width:33.6rem;padding:2.4rem;min-height:32rem;background-color:var(--bg-light-grey);margin-inline:.8rem;justify-content:space-between}}@media (max-width: 767px){.home-mix-list-item{width:100%;gap:7.8rem;flex-shrink:0;opacity:1;padding:2.4rem 2rem;margin-inline:0;background-color:var(--cl-white);border-radius:.5rem}}@media (min-width: 768px){.home-mix-list-item.swiper-slide-prev{opacity:0}}@media (max-width: 767px){.home-mix-list-item.swiper-slide-prev{opacity:1}}.home-mix-list-item:hover{background-color:var(--bg-light-orange)}.home-mix-list-item:hover .home-mix-list-item-btn-ic{opacity:1}@media (max-width: 767px){.home-mix-list-item:hover{background-color:var(--cl-white)}}.home-mix-list-item-thumb-wrap{width:10rem;height:15rem;margin-bottom:6.2rem}@media (max-width: 1025px){.home-mix-list-item-thumb-wrap{height:13.4rem;width:9rem;margin-bottom:0}}.home-mix-list-item-content{display:flex;flex-direction:column;align-items:start;position:relative;width:100%;flex-grow:1}.home-mix-list-item-title{margin-bottom:.4rem;color:#1d1d1d}.home-mix-list-item-sub{color:var(--cl-black-80);max-width:23.6rem}@media (max-width: 767px){.home-mix-list-item-sub{max-width:100%}}.home-mix-list-item-btn-ic{position:absolute;z-index:2;width:4.8rem;height:4.8rem;border-radius:.5rem;background-color:var(--cl-black);display:flex;align-items:center;justify-content:center;bottom:0;right:-.2rem;opacity:0;transition:all var(--t)}@media (max-width: 1025px){.home-mix-list-item-btn-ic{width:4.4rem;height:4.4rem;opacity:1;right:0}}@media (max-width: 767px){.home-mix-list-item-btn-ic{display:none}}.home-mix-list-scroller{width:calc(100% - var(--gap-swiper) * 2);margin-inline:auto}@media (max-width: 1025px){.home-mix-list-scroller{padding-left:0}}@media (max-width: 767px){.home-mix-list-scroller{display:none}}.home-mix-list-scroller-inner{height:1.6rem;background:repeating-linear-gradient(90deg,var(--cl-black-20),var(--cl-black-20) max(.1rem,1px),transparent max(.1rem,1px),transparent .4rem);position:relative;display:flex;align-items:center;justify-content:start}.home-mix-list-scroller-thumb{display:flex;align-items:center;justify-content:center;height:100%;width:20.6rem;position:absolute;padding-inline:.3rem;background-color:var(--cl-white);border-image-source:var(--scroller-bg);border-image-slice:0 10.6796116505% fill;border-image-width:0 2.2rem}@media (max-width: 1025px){.home-mix-list-scroller-thumb{width:10.3rem;border-image-slice:0 11.6504854369% fill;border-image-width:0 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/518/assets/sc-home-mix.css.map */