.jxs-banner-s4{position:relative;display:block;width:100%;min-height:var(--banner-height);overflow:hidden;color:#0b0c0d;isolation:isolate}.jxs-banner-s4 .banner-s4__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;background:#d7c6ae}.jxs-banner-s4 .banner-s4__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#fff3,#00000029 42%,#0000004d),radial-gradient(circle at 50% 12%,rgb(255 255 255 / .18),transparent 44%),#00000014;pointer-events:none}.jxs-banner-s4 .banner-s4__background .responsive-picture,.jxs-banner-s4 .banner-s4__background .background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.jxs-banner-s4 .banner-s4__background .background-image{object-fit:cover;opacity:0;transform:scale(1.018);transition:opacity .65s ease,transform .65s ease}.jxs-banner-s4 .banner-s4__background .background-image[active]{opacity:1;transform:scale(1.01)}.jxs-banner-s4 .banner-s4__container{position:relative;z-index:1;display:flex;flex-direction:column;min-height:var(--banner-height);padding-block:clamp(34px,4.8vw,58px) clamp(24px,3vw,40px)}.jxs-banner-s4 .banner-s4__container-top{display:flex;flex-direction:column;align-items:center;gap:18px}.jxs-banner-s4 .banner-s4__header{width:min(100%,980px);margin-inline:auto;text-align:center}.jxs-banner-s4 .section-heading__wrapper{margin:0}.jxs-banner-s4 .section-heading__wrapper,.jxs-banner-s4 .banner-s4__tab-list,.jxs-banner-s4 .banner-s4__data-grid-container{opacity:0;transform:translateY(36px);filter:blur(8px);transition:opacity .78s cubic-bezier(.2,.65,.2,1),transform .78s cubic-bezier(.2,.65,.2,1),filter .78s cubic-bezier(.2,.65,.2,1);will-change:opacity,transform,filter}.jxs-banner-s4[data-inview=true] .section-heading__wrapper,.jxs-banner-s4[data-inview=true] .banner-s4__tab-list,.jxs-banner-s4[data-inview=true] .banner-s4__data-grid-container{opacity:1;transform:translateY(0);filter:blur(0)}.jxs-banner-s4[data-inview=true] .banner-s4__tab-list{transition-delay:.13s}.jxs-banner-s4[data-inview=true] .banner-s4__data-grid-container{transition-delay:.23s}.jxs-banner-s4.jxs-hot-reveal .section-heading__wrapper,.jxs-banner-s4.jxs-hot-reveal .banner-s4__tab-list,.jxs-banner-s4.jxs-hot-reveal .banner-s4__data-grid-container{transform:none;filter:none;transition-property:opacity;transition-duration:.98s;transition-timing-function:cubic-bezier(.16,1,.3,1);will-change:opacity}.jxs-banner-s4.jxs-hot-reveal[data-inview=true] .section-heading__wrapper,.jxs-banner-s4.jxs-hot-reveal[data-inview=true] .banner-s4__tab-list,.jxs-banner-s4.jxs-hot-reveal[data-inview=true] .banner-s4__data-grid-container{transform:none;filter:none}.jxs-banner-s4.jxs-hot-reveal[data-inview=true] .banner-s4__tab-list{transition-delay:.15s}.jxs-banner-s4.jxs-hot-reveal[data-inview=true] .banner-s4__data-grid-container{transition-delay:.26s}@media(prefers-reduced-motion:reduce){.jxs-banner-s4 .section-heading__wrapper,.jxs-banner-s4 .banner-s4__tab-list,.jxs-banner-s4 .banner-s4__data-grid-container{opacity:1;transform:none;filter:none;transition:none}}.jxs-banner-s4 .section-title-wrapper{max-width:940px;margin-inline:auto}.jxs-banner-s4 .heading--title{font-size:clamp(42px,4.4vw,68px)!important;line-height:.98;font-weight:800!important;letter-spacing:0}.jxs-banner-s4 .heading--description{max-width:780px;margin:18px auto 0;font-size:clamp(18px,1.45vw,24px);line-height:1.08}.jxs-banner-s4 .banner-s4__tab-list{display:flex;flex-wrap:nowrap;gap:14px;width:fit-content;margin-inline:auto;padding:0;border-radius:999px;background:transparent}.jxs-banner-s4 .banner-s4__tab-list .tab-item{border-radius:999px;padding:11px 28px;color:var(--tab-item-color, #111);background:#ffffffeb;box-shadow:0 8px 20px #00000029,inset 0 1px #fffc;font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.jxs-banner-s4 .banner-s4__tab-list .tab-item:hover{transform:translateY(-1px)}.jxs-banner-s4 .banner-s4__tab-list .tab-item[active]{color:var(--tab-item-active-color, #fff);background:var(--tab-item-active-bg, #000);box-shadow:0 10px 24px #00000038}.jxs-banner-s4 .banner-s4__container-bottom{position:relative;flex:1;min-height:clamp(380px,28vw,460px);margin-block-start:clamp(36px,3.2vw,58px)}.jxs-banner-s4 .banner-s4__data-grid-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;container-type:inline-size}.jxs-banner-s4 .banner-s4__data-grid{position:absolute;display:block;opacity:0;pointer-events:none;transition:opacity .32s ease}.jxs-banner-s4 .banner-s4__mobile-data-image{display:none}.jxs-banner-s4 .banner-s4__data-grid[data-index]{left:50%;top:0;width:min(70vw,980px);height:clamp(360px,26vw,430px);transform:translate(-50%)}.jxs-banner-s4 .banner-s4__data-grid[active]{opacity:1;pointer-events:auto}.jxs-banner-s4 .banner-s4__data-grid-item{position:absolute;min-width:0;border-radius:var(--data-radius, 18px);overflow:hidden;background:linear-gradient(135deg,#ffffffa8,#ffffff6b);border:1px solid rgb(255 255 255 / .68);box-shadow:0 20px 42px #00000057,inset 0 1px #ffffff94;backdrop-filter:blur(20px) saturate(1.18);-webkit-backdrop-filter:blur(20px) saturate(1.18);opacity:0;transform:translateY(24px) scale(.985)}.jxs-banner-s4 .banner-s4__data-grid[active] .banner-s4__data-grid-item{animation:bannerS4ItemReveal .66s cubic-bezier(.2,.65,.2,1) forwards;animation-delay:calc(var(--reveal-index, 0) * .08s)}.jxs-banner-s4 .banner-s4__data-grid-item:nth-child(1){--reveal-index: 0}.jxs-banner-s4 .banner-s4__data-grid-item:nth-child(2){--reveal-index: 1}.jxs-banner-s4 .banner-s4__data-grid-item:nth-child(3){--reveal-index: 2}.jxs-banner-s4 .banner-s4__data-grid-item:nth-child(4){--reveal-index: 3}.jxs-banner-s4 .banner-s4__data-grid-item:nth-child(5){--reveal-index: 4}.jxs-banner-s4 .banner-s4__data-grid-item:nth-child(6){--reveal-index: 5}@keyframes bannerS4ItemReveal{to{opacity:1;transform:translateY(0) scale(1)}}.jxs-banner-s4 .banner-s4__data-grid-item .data-image{display:block;width:100%;height:100%;object-fit:contain;filter:none;padding:clamp(6px,.62vw,10px);box-sizing:border-box}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(6) .data-image,.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(5) .data-image,.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item .data-image{padding:0}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"]{width:min(58vw,860px)}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item .data-image{padding:0;object-fit:cover;border-radius:inherit}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(2) .data-image,.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(4) .data-image,.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(5) .data-image{object-fit:contain}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(1){left:0;top:0;width:38%;height:52%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(2){left:40%;top:0;width:25%;height:45%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(3){left:67%;top:0;width:33%;height:25%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(4){left:0;top:55%;width:38%;height:38%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(5){left:40%;top:48%;width:25%;height:45%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(6){left:67%;top:28%;width:33%;height:65%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"]{width:min(62vw,1040px);height:clamp(390px,27vw,480px)}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item .data-image{padding:0;object-fit:fill;border-radius:inherit}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(1){left:0;top:0;width:48%;height:45%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(2){left:50%;top:0;width:25%;height:45%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(3){left:0;top:49%;width:48%;height:23%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(4){left:0;top:76%;width:48%;height:23%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(5){left:50%;top:49%;width:25%;height:50%}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"]{width:min(62vw,920px)}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;border-radius:0}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(1){left:-8%;top:45%;width:34%;height:31%;z-index:4}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(2){left:0;top:13%;width:48%;height:64%;z-index:1}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(3){left:52%;top:13%;width:48%;height:64%;z-index:1}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(4){left:76%;top:16%;width:34%;height:29%;z-index:4}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(2),.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(3){overflow:hidden;border-radius:var(--data-radius, 20px)}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(2) .data-image,.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(3) .data-image{object-fit:cover;border-radius:inherit}@media(min-width:990px){.jxs-banner-s4{min-height:max(var(--banner-height),clamp(850px,47vw,900px))}.jxs-banner-s4 .banner-s4__container{min-height:max(var(--banner-height),clamp(850px,47vw,900px));padding-block:clamp(44px,5.2vw,70px) clamp(36px,3.8vw,56px)}.jxs-banner-s4 .banner-s4__container-bottom{min-height:clamp(470px,34vw,560px);margin-block-start:clamp(42px,3.8vw,68px)}.jxs-banner-s4 .banner-s4__data-grid[data-index]{top:clamp(6px,1vw,18px);height:clamp(390px,28vw,470px);transform:translate(calc(-50% + clamp(56px,4.8vw,112px)))}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"]{width:min(56vw,840px);height:clamp(430px,31vw,520px);transform:translate(calc(-50% + clamp(118px,8.2vw,180px)))}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"]{width:min(62vw,1040px);height:clamp(390px,27vw,480px);top:clamp(-28px,-.4vw,0px);transform:translate(calc(-50% + clamp(250px,20vw,390px)))}}@media(max-width:989px){.jxs-banner-s4{min-height:max(var(--banner-height),740px)}.jxs-banner-s4 .banner-s4__container{min-height:max(var(--banner-height),740px);padding-block:42px 34px}.jxs-banner-s4 .heading--title{font-size:clamp(38px,10vw,58px)!important}.jxs-banner-s4 .heading--description{font-size:clamp(17px,4.2vw,22px)}.jxs-banner-s4 .banner-s4__tab-list{gap:10px}.jxs-banner-s4 .banner-s4__tab-list .tab-item{padding:11px 22px;font-size:14px}.jxs-banner-s4 .banner-s4__container-bottom{min-height:clamp(350px,52vw,410px);margin-block-start:clamp(34px,5vw,48px)}.jxs-banner-s4 .banner-s4__data-grid[data-index]{left:50%;right:auto;top:0;bottom:auto;width:min(92vw,680px);height:clamp(330px,50vw,390px);transform:translate(-50%)}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(1){left:1%;top:0;width:44%;height:54%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(2){left:47%;top:2%;width:24%;height:43%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(3){left:73%;top:2%;width:26%;height:24%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(4){left:1%;top:57%;width:44%;height:29%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(5){left:47%;top:48%;width:24%;height:36%}.jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(6){left:73%;top:30%;width:26%;height:56%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(1){left:0;top:2%;width:42%;height:66%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(2){left:44%;top:8%;width:20%;height:54%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(3){left:66%;top:0;width:32%;height:29%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(4){left:66%;top:33%;width:32%;height:34%}.jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(5){left:36%;top:68%;width:35%;height:27%}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"]{width:min(88vw,640px)}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(1){left:-8%;top:45%;width:35%;height:29%}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(2){left:0;top:14%;width:48%;height:62%}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(3){left:52%;top:14%;width:48%;height:62%}.jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(4){left:75%;top:17%;width:35%;height:27%}}@media(max-width:480px){.template-hot .jxs-banner-s4{min-height:max(var(--banner-height),760px)}.template-hot .jxs-banner-s4 .banner-s4__background:after{background:linear-gradient(180deg,#ffffff47,#ffffff1f 32%,#00000024),radial-gradient(circle at 50% 12%,rgb(255 255 255 / .22),transparent 45%)}.template-hot .jxs-banner-s4 .banner-s4__background .background-image{object-position:center center}.template-hot .jxs-banner-s4 .banner-s4__container{min-height:max(var(--banner-height),760px);padding:26px 10px 18px}.template-hot .jxs-banner-s4 .banner-s4__container-top{gap:15px}.template-hot .jxs-banner-s4 .section-title-wrapper{max-width:320px}.template-hot .jxs-banner-s4 .heading--title{font-size:var(--section-heading-mobile-title-size, var(--banner-s4-mobile-title-size, 27px))!important;line-height:1.08}.template-hot .jxs-banner-s4 .heading--description{max-width:280px;margin-block-start:var(--section-heading-mobile-description-gap, 12px);font-size:var(--section-heading-mobile-description-size, 14px);line-height:1.18}.template-hot .jxs-banner-s4 .banner-s4__container-bottom{min-height:390px;margin-block-start:var(--banner-s4-mobile-grid-top, 26px)}.template-hot .jxs-banner-s4 .banner-s4__tab-list{width:min(100%,var(--banner-s4-mobile-tab-width, 248px));gap:0;padding:0;margin-block-start:var(--banner-s4-mobile-tab-top, 0px);overflow:hidden;border-radius:999px;background:#ffffffe6;box-shadow:0 8px 18px #0000001f}.template-hot .jxs-banner-s4 .banner-s4__tab-list .tab-item{flex:1 1 0;padding:9px 6px;background:transparent;box-shadow:none;font-size:9px;line-height:1;text-align:center}.template-hot .jxs-banner-s4 .banner-s4__tab-list .tab-item[active]{border-radius:999px;background:#59633f;box-shadow:none}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index]{width:min(94vw,var(--banner-s4-mobile-grid-width, 330px));height:var(--banner-s4-mobile-grid-height, 390px)}.template-hot .jxs-banner-s4 .banner-s4__data-grid:has(.banner-s4__mobile-data-image) .banner-s4__data-grid-item{display:none}.template-hot .jxs-banner-s4 .banner-s4__data-grid:has(.banner-s4__mobile-data-image) .banner-s4__mobile-data-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.template-hot .jxs-banner-s4 .banner-s4__mobile-data-image img{display:block;width:100%;height:100%;object-fit:contain}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item{border-radius:8px}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item .data-image{object-fit:fill}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(1){left:0;top:0;width:58%;height:30%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(2){left:60%;top:0;width:40%;height:30%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(3){left:30%;top:50%;width:28%;height:16%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(4){left:0;top:32%;width:58%;height:16%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(5){left:0;top:50%;width:28%;height:16%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="0"] .banner-s4__data-grid-item:nth-child(6){left:60%;top:32%;width:40%;height:34%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(1){left:0;top:0;width:59%;height:31%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(2){left:61%;top:0;width:39%;height:31%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(3){left:0;top:34%;width:59%;height:17%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(4){left:0;top:54%;width:59%;height:18%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="1"] .banner-s4__data-grid-item:nth-child(5){left:61%;top:34%;width:39%;height:38%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(1){left:4%;top:22%;width:64%;height:20%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(2){left:0;top:0;width:100%;height:42%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(3){left:0;top:50%;width:100%;height:42%}.template-hot .jxs-banner-s4 .banner-s4__data-grid[data-index="2"] .banner-s4__data-grid-item:nth-child(4){left:32%;top:55%;width:64%;height:20%}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/jxs-banner-s4.css.map */