/** Shopify CDN: Minification failed

Line 662:0 Unexpected "}"

**/
@font-face {
  font-family: "Roboto";
  src: url("/cdn/shop/files/Roboto-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("/cdn/shop/files/Roboto-Bold_0.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Black";
  src: url("/cdn/shop/files/Roboto-Black.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-BlackItalic";
  src: url("/cdn/shop/files/Roboto-BlackItalic.ttf?v=1732267754");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("/cdn/shop/files/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("/cdn/shop/files/Roboto-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("/cdn/shop/files/Montserrat-SemiBold.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-ExtraBold";
  src: url("/cdn/shop/files/Montserrat_Extra_Bold.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("/cdn/shop/files/Montserrat-Bold.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AKZIDENZGROTESK-BOLD";
  src: url("/cdn/shop/files/AKZIDENZGROTESK-BOLD.OTF");
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: block;
  font-weight: 500;
}

html,
body {
  height: 100%;
  width: 100%;
  -webkit-text-size-adjust: auto !important;
  text-size-adjust: auto !important;
  -moz-text-size-adjust: auto !important;
}

#root {
  letter-spacing: initial !important;
}

/*reset*/
html {
  max-width: 1080px;
  margin: 0 auto;
  scroll-behavior: smooth;
}

body {
  font-size: 62.5%;

  margin: 0 auto;
  line-height: 1.2;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

input,
img {
  border: none;
}

li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

:focus {
  outline: none;
}

#root {
  color: #fff;
  font-size: 35px;
}

.sp-uppercase {
  text-transform: uppercase;
}

.sp-relative {
  position: relative;
}

.sp-size1.sp-hide {
  display: none;
}

html,
body {
  height: 100%;
  width: 100%;
  -webkit-text-size-adjust: auto !important;
  text-size-adjust: auto !important;
  -moz-text-size-adjust: auto !important;
}

.sp-logo {
  /* font-family: 'Roboto-Bold';
  font-size: 70px;
  color: #000000; */
  padding-left: 45px;
  text-transform: uppercase;
      width: 300px;
}

.sp-img {
  display: block;
  width: 100%;
}

.sp-flex-x {
  display: flex;
  align-items: center;
}

.flex-bet {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.time-part {
  width: 1080px;
  height: 113px;
  background: #000000;
  font-family: 'Roboto-Bold';
  font-size: 82px;
  color: #343434;
  padding: 0 40px;
  position: fixed;
  top: 0;
  box-sizing: border-box;
  z-index: 9;
}

.time-part .text {
  font-size: 45px;
  color: #ffffff;
  font-family: 'Montserrat-Bold';
}

.time-part .text2 p {
  font-family: 'Montserrat-SemiBold';
  font-style: italic;
  font-size: 44px;
  color: #ffffff;
  text-transform: uppercase;
}

.time-part .text2 h6 {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 36px;
  color: #ffffff;
}

.time-part .min-text {
  font-size: 20px;
  margin-right: 10px;
  margin-top: 10px;
  align-self: flex-start;
  font-family: 'Montserrat-Bold';
  font-size: 17px;
  color: #ffffff;
}

.time-part .square {
  width: 95px;
  height: 92px;
  font-family: 'Roboto-Bold';
  font-size: 76px;
  color: #343434;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('/cdn/shop/files/num-bg.png');
  background-size: 100% 100%;
  flex-shrink: 0;
}

.time-part .dot {
  background-image: url('/cdn/shop/files/num-dot.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 45px;
  flex-shrink: 0;
  margin: 0 15px;
}

.time-part .flex-bet {
  height: 100%;
}

.sp-fixed {
  padding-right: 0;
}

.sp-fixed .flex-bet > div {
  flex: 1;
}

.sp-fixed .text {
  display: none;
}

.sp-fixed .time-btn {
  display: block;
}

.sp-header-top {
  width: 100%;
  height: 151px;
  position: fixed;
  top: 113px;
  z-index: 30;
  max-width: 1080px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sp-header-top .text {
  width: 208px;
  margin-left: 50px;
}

img {
  width: 100%;
  height: 100%;
}

/* 心脏跳动动画 */
@keyframes beat {
  0% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

.sp-cart {
  width: 104px;
  height: 106px;
  border-radius: 20px;
  border: 3px solid rgba(78, 78, 78, 0.5);
  margin-right: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sp-cart .icon {
  width: 55px;
  height: 51px;
}

.sp-cart .num {
  width: 41px;
  height: 41px;
  background: #cf0101;
  line-height: 39px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  right: -12px;
  top: -4px;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}

.sp-part-top {
  margin-top: 264px;
}

.sp-header-btn {
  width: 382px;
  height: 103px;
  background: #ffd322;
  border-radius: 51px;
  font-family: 'Roboto-Bold';
  font-size: 39px;
  color: #222222;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.sp-header-btn span {
  display: inline-block;
  animation: beat 0.5s alternate infinite;
}

.btn-style {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.btn-style .icon {
  width: 34px;
  margin-left: 22px;
}
.sp-title.sp-black h4 {
  font-size: 80px;
  color: #000000;
}
.sp-title.sp-black p {
  font-size: 45px;
  color: #000000;
  opacity: 0.85;
}
.sp-title h4 {
  font-family: 'Roboto-Bold';
  font-weight: 500;
  font-size: 75px;
  color: #ffffff;
  line-height: 88px;
  text-align: center;
}

.sp-title h3 {
  font-family: 'Roboto-Bold';
  font-weight: 500;
  font-size: 85px;
  color: #ffffff;
  text-align: center;
}

.sp-title h3 span {
  font-family: 'Roboto-BlackItalic';
  font-size: 140px;
  color: #000000;
  line-height: 113px;
  text-stroke: 2px #01273f;
  background: linear-gradient(
    -20deg,
    #ff6600 1.1474609375%,
    #ffd800 87.8173828125%
  );
  -webkit-text-stroke: 2px #01273f;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
}
.sp-title h3 span::before {
  content: attr(data-title);
  position: absolute;
  inset: 0px;
  background: linear-gradient(
    -20deg,
    #ff6600 1.1474609375%,
    #ffd800 87.8173828125%
  );
  background-clip: text;
  -webkit-background-clip: text;
  z-index: 3;
  -webkit-text-stroke: 0;
}
.sp-title p {
  font-family: 'Roboto-Regular';
  font-size: 45px;
  color: #ffffff;
  line-height: 55px;
  opacity: 0.9;
  text-align: center;
  margin-top: 24px;
}

.sp-part1-bgs {
  min-height: 1571px;
  background: url('/cdn/shop/files/20241122-bg1.png') no-repeat;
  background-size: calc(100% + 6px) calc(100% + 5px);
  background-position: -2px 0;
  box-sizing: border-box;
  padding: 65px 0 0 0;
  position: relative;
}
.sp-part1-bgs>span{
  font-family: "AKZIDENZGROTESK-BOLD";
  font-size: 45px;
  color: #FFD322;
  line-height: 86px;
  font-style: italic;
  position: absolute;
  right: 325px;
  bottom: 675px;
}
.sp-part1-bgs > h3,
.sp-part1-bgs > h4 {
  text-align: center;
  font-weight: 500;
}
.sp-part1-bgs > h4{
  margin-top: 25px;
}
.sp-part1-bgs > h3 span {
  display: inline-block;
  font-family: 'Roboto-Black';
  font-size: 111px;
  color: #ff8600;
  line-height: 108px;
  text-stroke: 2px #ffffff;
  background: linear-gradient(180deg, #f5edc9 0%, #f6d321 83.0810546875%);
  -webkit-text-stroke: 2px #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
.sp-part1-bgs > h4 span {
  display: inline-block;
  font-family: 'Roboto-Black';
  font-size: 84px;
  color: #ff8600;
  line-height: 108px;
  text-stroke: 2px #ffffff;
  background: linear-gradient(180deg, #f5edc9 0%, #f6d321 83.0810546875%);
  -webkit-text-stroke: 2px #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
.sp-part1-storke span::before {
  content: attr(data-title);
  position: absolute;
  left: 0px;
  background: linear-gradient(180deg, #f5edc9 0%, #f6d321 83.0810546875%);
  background-clip: text;
  -webkit-background-clip: text;
  z-index: 3;
  -webkit-text-stroke: 0;
}
.sp-part1-offs {
  position: absolute;
  left: 102px;
  top: 450px;
  font-family: 'Montserrat-ExtraBold';
  font-size: 141px;
  color: #012376;
  line-height: 104px;
  background: linear-gradient(0deg, #ff5800 0%, #ff7900 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sp-part1-offs span {
  font-family: 'Montserrat-ExtraBold';
  font-size: 112px;
  color: #012376;
  line-height: 150px;
  background: linear-gradient(0deg, #ff5800 0%, #ff7900 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sp-part1-imgs {
  position: absolute;
  left: 24px;
  bottom: 58px;
}

.sp-part1-imgs li {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 44px;
}

.sp-part1-imgs img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  margin-right: 16px;
}

.sp-part1-imgs span {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 42px;
  color: #f4ea2a;
}

.sp-part1-btns {
  width: 481px;
  height: 136px;
  background: #ffe000;
  border-radius: 64px;
  border: 2px solid #ff9d34;
  position: absolute;
  right: 49px;
  bottom: 46px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  animation: beat 0.5s alternate infinite;
}
.sp-part1-btns span {
  font-family: 'Roboto-Bold';
  font-size: 58px;
  color: #002440;
}
.sp-part1-btns img {
  width: 31px;
  height: 38px;
  margin-left: 50px;
  margin-top: -8px;
}

.sp-part1-wraper {
  min-height: 1681px;
  background: url('/cdn/shop/files/20241122-bg2.png') no-repeat;
  background-size: calc(100% + 8px) calc(100% + 6px);
  background-position: -2px -2px;
  box-sizing: border-box;
  padding: 80px 0 0 0;
  position: relative;
}
.sp-part1-gifs {
  width: 545px;
  height: 645px;
  background: #878787;
  border-radius: 12px;
  border: 2px solid #003667;
  position: absolute;
  left: 41px;
  top: 324px;
  border-radius: 20px;
  overflow: hidden;
}
.sp-part1-boxs {
  position: absolute;
  right: 211px;
  bottom: 668px;
}
.sp-part1-boxs span {
  display: inline-block;
  font-family: 'Roboto-Black';
  font-size: 40px;
  /* color: #ff7800;
  line-height: 98px;
  text-stroke: 2px #ffffff;
  background: linear-gradient(
    179deg,
    #ff7900 1.66015625%,
    #ffe000 87.8173828125%
  );
  -webkit-text-stroke: 2px #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  position: relative;
      top: -23px;
}
.sp-part1-storke2 span::before {
  content: attr(data-title);
  position: absolute;
  inset: 0px;
      top: 0px;
  background: linear-gradient(-7deg, #FF5400 1.1474609375%, #FFA200 87.8173828125%);
  background-clip: text;
  -webkit-background-clip: text;
  z-index: 3;
  -webkit-text-stroke: 0;
}
.sp-part1-boxs2 {
  position: absolute;
  bottom: 4px;
  left: 355px;
  font-family: 'Roboto-Bold';
  font-size: 40px;
  color: #ffffff;
      display: flex;
    align-items: center;
}
}

.sp-part1-boxs2 span {
  font-family: 'Roboto-BlackItalic';
  margin-right: 10px;
    margin-top: 8px;
}

.sp-part2 {
  box-sizing: border-box;
  position: relative;
  padding: 83px 0 0 0;
}
.sp-part2-boxs {
  width: 100%;
  height: 1261px;
  background: url('/cdn/shop/files/20241122-part2-1.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  margin-top: 80px;
  margin-bottom: 93px;
}
.sp-part2-uls {
  width: 965px;
  height: 250px;
  background: url('/cdn/shop/files/20241122-part2-2.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 59px;
  left: 59px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 31px;
}
.sp-part2-uls li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sp-part2-uls h4 span {
  display: inline-block;
  font-family: 'Roboto-BlackItalic';
  font-size: 38px;
  color: #ff7800;
  line-height: 98px;
  text-stroke: 2px #ffffff;
  background: linear-gradient(
    -7deg,
    #ff5400 1.1474609375%,
    #ffa200 87.8173828125%
  );
  -webkit-text-stroke: 2px #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.sp-part2-uls h4 .sp-big {
  font-family: 'Roboto-BlackItalic';
  font-size: 80px;
  color: #ff7800;
  line-height: 98px;
  text-stroke: 2px #ffffff !important;
  background: linear-gradient(-7deg, #FF5400 1.1474609375%, #FFA200 87.8173828125%);
  -webkit-text-stroke: 2px #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sp-part2-uls p {
  font-family: 'Roboto-Regular';
  font-size: 33px;
  color: #000000;
  line-height: 39px;
  opacity: 0.8;
  text-align: center;
}

.sp-public-btns {
  width: 1004px;
  height: 144px;
  margin: 0 auto;
  background: #ffe000;
  border-radius: 85px;
  border: 2px solid #ff9d34;
  font-family: 'Roboto-Bold';
  font-size: 63px;
  color: #01273f;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 1;
  box-sizing: border-box;
  animation: beat 0.5s alternate infinite;
}
.sp-public-btns > span {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sp-storke {
  font-family: 'Roboto-Black';
  font-size: 84px;
  color: #ff4e00;
  line-height: 90px;
  text-stroke: 2px #ffffff;
  -webkit-text-stroke: 2px #ffffff;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}
.sp-storke::before {
  content: attr(data-title);
  position: absolute;
  left: 0px;
  background: #ff4e00;
  background-clip: text;
  -webkit-background-clip: text;
  z-index: 3;
  -webkit-text-stroke: 0;
}

.sp-public-btns img {
  width: 122px;
  height: 122px;
  margin-left: 45px;
}

.sp-part2-boxs2 {
  min-height: 1534px;
  background: url('/cdn/shop/files/20241122-bg3.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  margin-top: 93px;
  padding-top: 63px;
}
.sp-part2-boxs2 span {
  font-family: 'Roboto-Light';
  font-size: 30px;
  color: #ffa800;
}
.sp-part2-texts {
  position: absolute;
  right: 149px;
  top: 413px;
}
.sp-part2-texts2 {
  position: absolute;
  right: 183px;
  bottom: 528px;
}
.sp-part2-uls3 {
  position: absolute;
  right: 63px;
  left: 474px;
  top: 505px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: 'Roboto-Light';
  font-size: 30px;
  color: #ffa800;
}
.sp-part2-uls4 {
  position: absolute;
  right: 13px;
  left: 387px;
  bottom: 741px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: 'Roboto-Light';
  font-size: 30px;
  color: #ffa800;
}
.sp-part2-uls2 {
  position: absolute;
  left: 22px;
  top: 384px;
}
.sp-part2-uls2 li {
  margin-bottom: 98px;
}
.sp-part2-uls2 li h4 {
  font-family: 'Roboto-Bold';
  font-weight: 500;
  font-size: 36px;
  color: #ffffff;
}
.sp-part2-uls2 li p {
  font-family: 'Roboto-Regular';
  font-size: 33px;
  color: #ffffff;
  line-height: 32px;
  opacity: 0.8;
  margin-top: 17px;
}

.sp-part2-boxs3 {
  height: 1638px;
  background: #e2e5ea;
  padding: 85px 0 0 0;
  box-sizing: border-box;
  position: relative;
}
.sp-part2-content {
  width: 1017px;
  height: 1161px;
  margin: 0 auto;
  background: url('/cdn/shop/files/20241122-part2-4.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  margin-top: 75px;
  padding: 476px 87px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sp-part2-content li {
  font-family: 'Roboto-Regular';
  font-size: 35px;
  color: #000000;
  height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 180px;
}
.sp-part2-content li:nth-child(3) {
  padding-left: 219px;
}
.sp-part2-content li:nth-child(n + 3) {
  margin-top: 474px;
}
.sp-part3-wraper {
  min-height: 1867px;
  background: url('/cdn/shop/files/20241122-bg4.png') no-repeat;
  background-size: 100% calc(100% + 8px);
  background-position: 0 -2px;
  padding: 75px 0 0 0;
  box-sizing: border-box;
  margin: 0 0 93px 0;
  position: relative;
}
.sp-part3-number {
  display: block;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  background: #ffa902;
  border-radius: 50%;
  font-family: 'Roboto-Bold';
  font-size: 33px;
  color: #ffffff;
}
.sp-part3-number.sp-position {
  position: absolute;
  left: 431px;
  bottom: 718px;
}
.sp-part3-number.sp-position2 {
  position: absolute;
  right: 87px;
  bottom: 579px;
}
.sp-part3-number.sp-position3 {
  position: absolute;
  left: 329px;
  bottom: 325px;
}
.sp-part3-number.sp-position4 {
  position: absolute;
  right: 107px;
  bottom: 325px;
}
.sp-part3-wraper > span {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 33px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.sp-part3-texts {
  position: absolute;
  left: 35px;
  top: 630px;
}
.sp-part3-texts2 {
  position: absolute;
  left: 48px;
  bottom: 783px;
}
.sp-part3-texts3 {
  position: absolute;
  right: 267px;
  bottom: 677px;
}
.sp-part3-texts4 {
  position: absolute;
  right: 176px;
  bottom: 569px;
}
.sp-part3-wraper2 {
  margin-top: 119px;
  min-height: 1796px;
  background: url('/cdn/shop/files/20241122-bg5.png') no-repeat;
  background-size: 100% 1417px;
  padding: 82px 0 0 0;
}
#carousel {
  position: relative;
  padding-bottom: 172px;
  margin-top: 706px;
}

#carousel .swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear !important;
}

#carousel .swiper {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDE0NDAgNTAwIiBpZD0iaiI+CiAgPHBhdGggZmlsbD0icmdiKDIwMCwyMDAsMjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+Cjwvc3ZnPgo=);
  mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDE0NDAgNTAwIiBpZD0iaiI+CiAgPHBhdGggZmlsbD0icmdiKDIwMCwyMDAsMjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+Cjwvc3ZnPgo=);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 1800px;
  mask-size: 1800px;
}

#carousel > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -176px;
  width: 413px;
  height: 476px;
  z-index: 8;
}

#carousel .swiper {
  padding-bottom: 40px;
}
#carousel .swiper-slide {
  width: 340px;
}

#carousel .swiper-slide img {
  display: block;
  width: 100%;
}
.sp-part3-wraper3 .sp-title h3 {
  color: #000000;
}
.sp-part3-wraper3 > img {
  width: 100%;
  height: 442px;
  display: block;
  margin: 57px 0 12px 0;
}
.sp-part3-uls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 79px;
  margin-bottom: 67px;
}
.sp-part3-uls span {
  display: inline-block;
  width: 334px;
  height: 69px;
  line-height: 69px;
  text-align: center;
  background: #000000;
  border-radius: 12px;
  font-family: 'Roboto-Regular';
  font-size: 35px;
  color: #ffffff;
}
.sp-part3-uls2 {
  padding: 0 0 63px 40px;
  font-family: 'Roboto-Regular';
  font-size: 35px;
  line-height: 55px;
  color: rgba(34, 34, 34, 0.85);
}
.sp-part3-uls2 span {
  color: rgba(34, 34, 34, 0.85);
  font-size: 35px;
  font-family: 'Roboto-Bold';
}
.sp-part4 {
  min-height: 352px;
  background: url('/cdn/shop/files/20241122-last.png') no-repeat;
  background-size: 100% calc(100% + 8px);
  background-position: 0 -2px;
  display: flex;
  flex-direction: column;
  padding-left: 265px;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
}

.sp-part4 h5 {
  font-family: 'Roboto-BlackItalic';
  font-size: 39px;
      font-weight: 400 !important;

  color: #202020;
  line-height: 43px;
}

.sp-part4 h4 {
  font-family: 'Roboto-BlackItalic';
  font-weight: 400;
  font-size: 98px;
  color: #fb771c;
  width: 100%;
  background: linear-gradient(0deg, #ee1d1d 0.1220703125%, #fb326b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: -20px;
  position: relative;
  margin: 15px 0 20px 0;
}

.sp-part4 h4 span {
  display: block;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 54px;
  background: linear-gradient(0deg, #ee1d1d 0.1220703125%, #fb326b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  position: absolute;
  left: 526px;
  top: 8px;
  z-index: 3;
}

.sp-part4 p {
  font-family: 'Roboto-Regular';
  font-size: 30px;
  color: #202020;
  line-height: 30px;
  opacity: 0.8;
}

.sp-swiper-buy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat-Bold';
  font-size: 42px;
  color: #222222;
  padding: 28px 0 46px 0;
}

.sp-swiper-buy img {
  width: 104px;
  height: 48px;
  margin-right: 34px;
}

.product-part {
  font-family: 'Roboto-Medium';
  box-sizing: border-box;
  position: relative;
}

.product-part {
  position: relative;
  box-sizing: border-box;
}

.sp-pd6 {
  padding: 0 60px;
}

.product-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 96px;
}

.product-part .product-infos {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 55px;
  margin-top: 68px;
}

.product-part .img-wrap {
  width: 480px;
  height: 480px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.product-part .img-wrap .sp-large {
  width: 82px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  cursor: pointer;
}

.product-part .option-title {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 36px;
  color: #000000;
  line-height: 40px;
  margin-bottom: 17px;
}

.product-part .opt-group {
  display: flex;
  gap: 47px 26px;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 22px;
}

#size .option {
  width: 359px;
}

.product-part .option {
  width: 437px;
  height: 101px;
  background: #ffffff;
  border-radius: 20px;
  border: 2px solid #a5a5a5;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 45px;
  color: #2f2f2f;
  line-height: 1;
  position: relative;
}

.product-part .option img {
  width: 36px;
  height: 46px;
  margin-right: 13px;
}

.product-part .option.active {
  background: #333333;
  color: #fff;
}

.product-part .option .circle {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border-radius: 50%;
}

.product-part .title1 {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 45px;
  color: #363636;
  text-align: center;
}

.top-product {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}

.top-product > img {
  width: 617px;
  height: 480px;
  object-fit: contain;
}

.sp-pro-offs {
  padding-left: 26px;
  box-sizing: border-box;
  width: 263px;
  height: 63px;
  background: url('/cdn/shop/files/20241122-offs.png') no-repeat;
  background-size: 100% 100%;
  font-family: 'Roboto-Bold';
  font-size: 40px;
  color: #ffffff;
  line-height: 63px;
  text-transform: uppercase;
  margin-left: 28px;
}

.product-part .price-group {
  line-height: 1.1;
}

.product-part .price1 {
  font-family: 'Roboto-Bold';
  font-size: 70px;
  color: #000000;
  line-height: 66px;
  height: 66px;
}

.product-part .price1 span {
  font-family: 'Roboto-Bold';
  font-size: 70px;
  color: #000000;
  line-height: 66px;
  height: 66px;
  display: inline-block;
}

.product-part .price-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}

.product-part .price2 {
  height: 38px;
  font-family: 'Roboto-Bold';
  font-size: 40px;
  color: #999999;
  line-height: 38px;
  text-decoration-line: line-through;
  margin-left: 14px;
  margin-bottom: 5px;
}

.product-part .price3 {
  font-family: 'Lato-Bold';
  font-size: 31px;
  color: #ffffff;
  width: 204px;
  height: 55px;
  background: #d70000;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 32px;
  margin-left: -50px;
  z-index: -1;
  margin-top: 30px;
  box-sizing: border-box;
}

.product-part .price3 img {
  width: 75px;
  height: 75px;
}

#Size {
  position: relative;
}

.product-part .size-btn {
  font-family: 'Roboto-Bold';
  font-size: 32px;
  color: #fb7d02;
  text-decoration: underline;
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
}

.product-part .size-btn img {
  width: 41px;
  height: 37px;
  margin-right: 13px;
}

.product-part .size-btn .arrow {
  width: 21px;
}

.product-part .addCart {
  width: 469px;
  height: 121px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 42px;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.product-part .addCart img {
  width: 50px;
  height: 44px;
  margin-right: 21px;
}

.product-part .sp-btn-style {
  width: 100%;
  height: 166px;
  background: url('/cdn/shop/files/20241122-btn-bg.png') no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 63px;
  color: #ffffff;
  animation: skip 4s infinite;
  margin-top: 34px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.product-part .sp-btn-style img {
  width: 38px;
  height: 55px;
  margin-left: 42px;
}

.sp-certs {
  width: 960px;
  height: 140px;
  line-height: 140px;
  border: 4px solid #000000;
  font-family: 'Roboto-Black';
  font-size: 56px;
  color: #000000;
  border-radius: 20px;
  text-align: center;
  margin-top: 30px;
}

.sp-fast {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: 'Lato-Bold';
  font-size: 55px;
  color: #222222;
}

.sp-fast img {
  width: 126px;
  height: 60px;
  margin-right: 37px;
}

@keyframes skip {
  0%,
  10%,
  16%,
  27%,
  100% {
    transform: scale(1);
  }

  5%,
  13%,
  21% {
    transform: scale(0.9);
  }
}

.addGroup {
  width: 473px;
  height: 121px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-family: 'Roboto';
  font-size: 42px;
  color: #000000;
  padding: 0px 28px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
}

.addGroup .reduce,
.addGroup .add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  padding: 5px;
  cursor: pointer;
  flex-shrink: 0;
}

.addGroup input {
  outline: 0;
  border: none;
  text-align: center;
  box-sizing: border-box;
  width: 190px;
  height: 100%;
  color: #232326;
  /* vertical-align: middle; */
  padding: 0;
  font-family: 'Roboto-Bold';
  font-size: 56px;
  line-height: 40px;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.footer2 {
  margin: 30px 0px 10px;
}
.sp-shopping {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 96px;
  background: #525252;
  font-family: 'Roboto-Regular';
  font-size: 37px;
  color: #ffffff;
}
.sp-shopping img{
  width: 56px;
  height: 30px;
  margin-right: 27px;
}
@keyframes scaleAni {
  from {
    transform: scale(1) rotate(0);
  }

  10% {
    transform: scale(1.2) rotate(0);
  }

  15% {
    transform: scale(1.2) rotate(-10deg);
  }

  20% {
    transform: scale(1.2) rotate(10deg);
  }

  25% {
    transform: scale(1.2) rotate(-10deg);
  }

  30% {
    transform: scale(1.2) rotate(10deg);
  }

  35% {
    transform: scale(1.2) rotate(-10deg);
  }

  40% {
    transform: scale(1.2) rotate(10deg);
  }

  45% {
    transform: scale(1.2) rotate(0);
  }

  50% {
    transform: scale(1) rotate(0);
  }

  to {
    transform: scale(1) rotate(0);
  }
}

.sp-footers2 {
  width: 1050px;
  height: 94px;
  margin: 0 auto;
  margin: 32px auto 17px;
}

.sp-footers2 img {
  width: 100%;
  height: 100%;
}

.sp-footer-ul {
  padding: 38px 45px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 221px;
  box-sizing: border-box;
  background: #333333;
}

.sp-footer-ul li {
  width: 371px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: 'Roboto-Regular';
  font-weight: 400;
  font-size: 38px;
  color: #ffffff;
  line-height: 47px;
  margin-bottom: 40px;
}

.sp-footer-ul li:nth-child(2n-1) {
  width: 467px;
}

.sp-footer-ul li:last-child {
  margin-bottom: 0;
}

.sp-footer-ul li:nth-child(3) {
  margin-bottom: 0;
}

.sp-footer-ul i {
  display: block;
  width: 47px;
  height: 47px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.sp-footer-ul .sp-icon {
  margin-right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.sp-footer-ul i.sp-icon1 {
  /* width: 50px;
  height: 51px; */
  background-image: url('/cdn/shop/files/20241122-foot-1.png');
}

.sp-footer-ul i.sp-icon2 {
  /* width: 68px;
  height: 46px; */
  background-image: url('/cdn/shop/files/20241122-foot-2.png');
}

.sp-footer-ul i.sp-icon3 {
  /* width: 53px;
  height: 61px; */
  background-image: url('/cdn/shop/files/20241122-foot-3.png');
}

.sp-footer-ul i.sp-icon4 {
  /* width: 45px;
  height: 55px; */
  background-image: url('/cdn/shop/files/20241122-foot-4.png');
  background-size: contain;
}

.shake {
  animation: shakeT 1s;
}

@keyframes shakeT {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-5px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(5px);
  }
}
#root .customer_buy_more_wrapper .customer_buy_more_title {
  font-size: 45px;
}
#root table.customer-buy-more-discount-table {
  color: #000;
}
#root .quick-add-hidden {
  margin: 20px 40px 40px;
  font-size: 40px;
}
#root table.customer-buy-more-discount-table th, td {
  padding: 20px 10px !important;
}