/** Shopify CDN: Minification failed

Line 179:95 Unterminated string token

**/
@font-face {
    /* 重命名字体名 */
    font-family: 'Roboto';
    /* 引入字体 */
    src: url('/cdn/shop/files/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: 'Roboto-Bold';
    /* 引入字体 */
    src: url('/cdn/shop/files/Roboto-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: 'Roboto-Medium';
    /* 引入字体 */
    src: url('/cdn/shop/files/Roboto-Medium.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: 'Montserrat-Medium';
    /* 引入字体 */
    src: url('/cdn/shop/files/Montserrat-Medium.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: 'Montserrat-Bold';
    /* 引入字体 */
    src: url('/cdn/shop/files/Montserrat-Bold.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: 'Montserrat-SemiBold';
    /* 引入字体 */
    src: url('/cdn/shop/files/Montserrat-SemiBold.otf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: 'Montserrat-ExtraBold';
    /* 引入字体 */
    src: url('/cdn/shop/files/Montserrat-ExtraBold.otf');
    font-weight: 300;
    font-style: normal;
}

/* -----------------------Poppins */
@font-face {
    /* 重命名字体名 */
    font-family: 'Poppins-Regular';
    src: url('/cdn/shop/files/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: 'Poppins-Medium';
    /* 引入字体 */
    src: url('/cdn/shop/files/Poppins-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('/cdn/shop/files/Poppins-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('/cdn/shop/files/Poppins-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    /* 引入字体 */
    src: url('/cdn/shop/files/Poppins-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}

/* - */
@font-face {
    font-family: 'BreveNews-Bold';
    /* 引入字体 */
    src: url('/cdn/shop/files/BreveNewsBold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MeieScript-Regular';
    /* 引入字体 */
    src: url('/cdn/shop/files/MeieScript-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manque-SemiBold';
    /* 引入字体 */
    src: url('/cdn/shop/files/MANQUE-SEMIBOLD-2.TTF');
    font-weight: normal;
    font-style: normal;
}

/* ----- Unbounded*/
@font-face {
    font-family: 'Unbounded-Regular';
    /* 引入字体 */
    src: url('/cdn/shop/files/unbounded-regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Unbounded-Medium';
    /* 引入字体 */
    src: url('/cdn/shop/files/unbounded-medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Unbounded-Bold';
    /* 引入字体 */
    src: url('/cdn/shop/files/unbounded-bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Unbounded-SemiBold';
    /* 引入字体 */
    src: url('/cdn/shop/files/unbounded-semibold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Unbounded-ExtraBold';
    /* 引入字体 */
    src: url('/cdn/shop/files/UNBOUNDED[WGHT](5').TTF');
 font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BellamyStevenson';
    /* 引入字体 */
    src: url('/cdn/shop/files/Bellamy-Stevenson-2.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BreveDisplay-StencilItalic';
    /* 引入字体 */
    src: url('/cdn/shop/files/Breve Display Stencil Italic.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;
}

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

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

input,
img {
    border: none;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

#root {
    letter-spacing: 0px;
}

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

.sp-relative {
    position: relative;
}

.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;
}

.sp-ww {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.sp-fixed {
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
    animation: stuckMoveDown 0.6s;
    z-index: 99;
}

.sp-fixed .sp_header-content {
    top: 0px;
    width: 100%;
    left: 0;
    border-radius: 0;
    box-sizing: border-box;
    padding: 0 260px;
    border: 0;
    z-index: 99;
}

.sp-fixed .sp_header-content ul {
    color: #333;
}

.sp-fixed .sp_header-content .sp-logo {
    color: #333;
}

.sp_header-top {
    width: 100%;
    height: 25px;
    background: #000000;
    position: relative;
    z-index: 11;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-size: 12px;
    color: #ffffff;
    top: 0px;
    text-transform: uppercase;
}

.sp_header-top .sp-p {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.sp_header-top .sp-p .sp-icons {
    margin-right: 8px;
}

.sp_header-top .sp-p span {
    margin: 0 50px;
}

.sp_header-top .sp-p i {
    width: 15px;
    height: 14px;
    background: url('/cdn/shop/files/20251229-star.png') no-repeat;
    background-size: 100% 100%;
}

.sp-swiper-fade-top .swiper-slide {
    opacity: 0 !important;
}

.sp-swiper-fade-top .swiper-slide-active {
    opacity: 1 !important;
}

.sp_header-content {
    width: 100%;
    height: 80px;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    padding: 0 33px;
    position: relative;
    margin: 0 auto;
}

.sp_header-content ul {
    display: flex;
    align-items: center;
    gap: 32px;
    font-family: 'Poppins-Bold';
    font-size: 16px;
    color: #000000 !important;
}

.sp_header-content ul span {
    padding: 0 5px;
    height: 13px;
    background: #d72b2b;
    border-radius: 3px;
    font-size: 9px;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 13px;
}

.sp_header-content ul li:hover {
    color: #003671;
}

.sp_header-content .sp-logo-box {
    margin-right: 40px;
}

.sp_header-content .sp-logo {
    height: 60px;
    font-size: 49px;
    font-family: 'Poppins-ExtraBold';
    color: #000000;
}

.sp-cart {
    width: 36px;
    /* height: 36px;
  border-radius: 4px;
  border: 2px solid #4e4e4e; */
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
}

.sp-cart .sp-icon {
    width: 100%;
}

.sp-cart .sp-num {
    width: 24px;
    height: 24px;
    background: #cf0101;
    border-radius: 50%;
    /* border: 3px solid #ffffff; */

    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -5px;
    font-family: 'Roboto-Medium';
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
}

.sp-cart .sp-num.sp-gray {
    background: #8a8a8a;
}

.sp-top-btn {
    width: 172px;
    height: 40px;
    background: #663f17;
    text-align: center;
    font-family: 'Poppins-Bold';
    font-size: 20px;
    color: #ffffff;
    margin-left: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: 27px;
}

.sp-top-btn .sp-p {
    animation: skip 4s infinite;
}

.sp-top-btn .sp-icon {
    height: 41px;
}

.sp-price-group {
    display: flex;
    align-items: baseline;
}

.sp-price-group .sp-price2 {
    text-decoration: line-through;
}

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

.sp-stroke {
    position: relative;
}

.sp-stroke::after {
    content: attr(data-title);
    -webkit-text-stroke: 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.sp-stroke-shadow {
    position: relative;
    z-index: 1;
}

.sp-stroke-shadow::before {
    content: attr(data-title);
    -webkit-text-stroke: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-shadow: -6px 8px 0px rgba(16, 16, 16, 0.39);
    z-index: -1;
}

.sp-btn-style1 {
    width: 590px;
    height: 80px;
    background: url('/cdn/shop/files/20260414-btn-bg-pc.png') no-repeat;
    background-size: 100% 100%;
    font-family: 'Poppins-SemiBold';
    font-size: 38px;
    color: #ffffff;
    justify-content: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    animation: skip 4s infinite 1s;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    z-index: 1;
    box-sizing: border-box;
    margin: 0 auto;
}

.sp-title-wrap {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
}

.sp-title {
    font-family: 'Montserrat-SemiBold';
    font-size: 65px;
    color: #000000;
    line-height: 75px;
    text-align: center;
}

.sp-title.sp-white {
    color: #ffffff;
}

.sp-sub-title {
    font-family: 'Poppins-Regular';
    font-size: 24px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 30px;
    margin-top: 18px;
    text-align: center;
}

.sp-sub-title.sp-white {
    color: rgba(255, 255, 255, 0.8);
}

.sp-color {
    color: #663f17;
}

@keyframes sp-float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }
}

.sp-text-lf {
    text-align: left !important;
}

.sp-text-rl {
    text-align: right !important;
}

.sp-part1 {
    min-height: 791px;
    background: url('/cdn/shop/files/pc_49b03317-96af-4c49-81a8-26cb4f894359.jpg?v=1776323056') no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 1;
    padding: 93px 260px 0;
    box-sizing: border-box;
}

.sp-p1-wrap {}

.sp-part1 .sp-text1 {
    font-family: 'Montserrat-SemiBold';
    font-size: 58px;
    color: #000000;
    line-height: 1;
    margin: 30px 0 10px;
}

.sp-part1 .sp-text2 {
    font-family: 'Montserrat-SemiBold';
    font-size: 74px;
    color: #663f17;
    line-height: 1;
}

.sp-part1 .sp-text3 {
    font-family: 'Poppins-Regular';
    font-size: 25px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 35px;
    margin: 22px 0 50px;
}

.sp-part1 .sp-text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 100px;
    font-family: 'Poppins-Regular';
    font-size: 25px;
    color: #663f17;
    line-height: 28px;
    box-sizing: border-box;
    text-align: left;
}

.sp-p1-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin-bottom: 65px;
}

.sp-p1-box .sp-item {
    text-align: center;
    position: relative;
}

.sp-part1 .sp-btn-style1 {
    margin: 0;
}

.sp-p1-wraper {
    min-height: 110px;
    background: url('/cdn/shop/files/20260414-bg2-pc.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sp-part8 {
    background: #ffffff;
    box-sizing: border-box;
    position: relative;
    padding: 120px 0;
}

.sp-part8-gif {
    width: 630px;
    height: 590px;
}

.sp-part8-gif video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.sp-p8-wrap {
    gap: 56px;
    margin: 45px auto 55px;
    justify-content: center;
}

.sp-part8 .sp-row {
    display: flex;
    flex-direction: column;
    gap: 67px;
}

.sp-part8 .sp-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

.sp-part8 .sp-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.sp-part8 .sp-col {
    position: relative;
}

.sp-part8 .sp-font {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    padding: 25px 25px 0 0;
    box-sizing: border-box;
}

.sp-part8 .sp-font1 {
    font-family: 'Poppins-SemiBold';
    font-style: italic;
    font-size: 24px;
    color: #000000;
    line-height: 30px;
}

.sp-part8 .sp-font1 span {
    font-size: 50px;
    color: #663f17;
    margin-right: 20px;
}

.sp-part8 .sp-font2 {
    font-family: 'Poppins-Regular';
    font-size: 20px;
    color: #000000;
    line-height: 30px;
}

.sp-part8 .sp-font3 {
    font-family: 'Poppins-SemiBold';
    font-style: italic;
    font-size: 40px;
    color: #000000;
    line-height: 1;
}

.sp-part8 .sp-font4 {
    font-family: 'Poppins-Regular';
    font-size: 22px;
    color: #000000;
    line-height: 30px;
    margin-top: 12px;
}

.sp-part2 {
    padding: 120px 0 0;
    min-height: 1202px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.sp-part2 .sp-bgs {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.sp-part2 .sp-boxs {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sp-part2 .sp-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 70px;
    margin: 30px auto 50px;
}

.sp-part2 .sp-item {
    text-align: center;
}

.sp-p2-wrap {
    width: 818px;
    height: 471px;
    background: url('/cdn/shop/files/20260414-p3-2-pc.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 370px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 75px;
}

.sp-part2 .sp-imgs {
    position: absolute;
    left: 126px;
    top: 274px;
}

.sp-part2 .sp-font1 {
    font-family: 'Poppins-SemiBold';
    font-size: 26px;
    color: #ffffff;
    line-height: 1;
}

.sp-part2 .sp-font2 {
    font-family: 'Poppins-Regular';
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    line-height: 1;
    margin-top: 15px;
}

.sp-part2 .sp-font3 {
    font-family: 'Poppins-Regular';
    font-size: 22px;
    color: #000000;
    line-height: 1;
    margin-top: 10px;
}

.sp-p2-lines {
    position: relative;
    min-height: 227px;
    background: url('/cdn/shop/files/20260414-lines-pc.png') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    font-family: 'Poppins-SemiBold';
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
    text-transform: uppercase;
    padding: 97px 0 0;
    z-index: 6;
    bottom: -99px;
}

.sp-p2-lines .swiper {
    transform: rotate(2deg);
}

.sp-p2-lines .swiper-slide {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 49px;
}

.sp-p3-y {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sp-part3 {
    padding: 159px 0 120px;
    box-sizing: border-box;
    z-index: 1;
}

.sp-p3-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 0 0 400px;
    box-sizing: border-box;
    position: relative;
    margin-top: 96px;
}

.sp-p3-wrap .sp-img-s {
    position: absolute;
    left: 0;
    top: -57px;
    opacity: 0;
}

.sp-p3-wrap .sp-img-b {
    position: absolute;
    right: 0;
    top: -29px;
    opacity: 0;
}

.sp-part3 .sp-p3-box {
    width: 998px;
    height: 132px;
    background: #ffffff;
    border: 2px solid #663f17;
    padding: 0 0 0 29px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sp-part3 .sp-item {
    transition: all 0.3s;
}

.sp-part3 .sp-item.active .sp-p3-box {
    color: #ffffff !important;
    background: #663f17;
}

.sp-part3 .sp-item.active .sp-font1,
.sp-part3 .sp-item.active .sp-font2 {
    color: #ffffff !important;
}

.sp-part3 .sp-font1 {
    font-family: 'Poppins-SemiBold';
    font-size: 26px;
    color: #000000;
    line-height: 1;
}

.sp-part3 .sp-font2 {
    font-family: 'Poppins-Regular';
    font-size: 22px;
    color: #000000;
    line-height: 1;
    margin-top: 8px;
}

.sp-part3 .sp-item.active .sp-img-s {
    animation: dealCard 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

.sp-part3 .sp-item.active .sp-img-b {
    animation: dealCard 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

.sp-part4 {
    padding: 120px 0;
    background: #fffaf4;
    box-sizing: border-box;
}

.sp-part4 .sp-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 7px;
    margin: 38px auto 50px;
}

.sp-part4 .sp-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 7px;
}

.flip-box {
    perspective: 1000px;
    /* 3D 景深 */
    cursor: pointer;
    width: 459px;
    height: 454px;
    flex-shrink: 0;
}

.sp-part4 .sp-row .sp-p4-card {
    width: 463px;
    height: 224px;
}

.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    /* 关键：3D 翻转 */
}

.flip-box.active .flip-inner {
    transform: rotateY(180deg);
}

.sp-flip-front,
.sp-flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* 背面隐藏 */
    backface-visibility: hidden;
}

.sp-flip-back {
    transform: rotateY(180deg);
}

.sp-flip-back .sp-texts {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sp-part4 .sp-font1 {
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    color: #ffffff;
    line-height: 1;
}

.sp-part4 .sp-font2 {
    font-family: 'Poppins-Regular';
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
    line-height: 30px;
}

.sp-part5 {
    min-height: 613px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sp-part5 .sp-bgs {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.sp-p5-list {
    display: flex;
    flex-direction: row;
    gap: 48px;
    margin: 30px 0 60px;
}

.sp-part5 .sp-font1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    font-family: 'Poppins-Regular';
    font-size: 20px;
    color: #ffffff;
    line-height: 27px;
}

.sp-part5 .sp-imgs {
    margin-top: 60px;
}

.sp-part6 {
    padding: 120px 0;
    background: #fffaf4;
    box-sizing: border-box;
    position: relative;
}

.sp-p6-box {
    justify-content: center;
    gap: 90px;
}

.sp-p6-text {
    margin-top: 30px;
}

.sp-p6-wrap {
    width: 1400px;
    height: 133px;
    background: #8c5f35;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    gap: 64px;
    margin: 50px auto 0;
}

.sp-part6 .sp-font1 {
    font-family: 'Poppins-Regular';
    font-weight: 300;
    font-size: 24px;
    color: #000000;
    line-height: 40px;
}

.sp-part6 .sp-font1 span {
    font-family: 'Poppins-SemiBold';
}

.sp-part6 .sp-font2 {
    font-family: 'Poppins-Medium';
    font-size: 60px;
    color: #fffaf4;
    line-height: 1;
}

.sp-part6 .sp-font3 {
    font-family: 'Poppins-Regular';
    font-size: 24px;
    color: #fffaf4;
    line-height: 30px;
}

.sp_product_part .sp-font {
    min-height: 289px;
    background: url('/cdn/shop/files/20260414-bg5-pc.png') no-repeat;
    background-size: 100% 100%;
    padding: 55px 0 0;
    box-sizing: border-box;
}

.sp_product_part .sp-font1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Poppins-Medium';
    font-size: 23px;
    color: #ffffff;
    line-height: 37px;
}

.sp_product_part .sp-font1 span,
.sp_product_part .sp-font2 span {
    color: #ffea00;
}

.sp_product_part .sp-font1 img {
    height: 17px;
    margin-top: 0;
}

.sp_product_part .sp-font2 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 35px;
    font-family: 'Poppins-Bold';
    font-size: 50px;
    color: #ffffff;
    line-height: 54px;
    /* text-shadow: 0 0 10px rgba(255, 234, 0, 0.1), 0 0 20px rgba(255, 234, 0, 0.1),
    0 0 30px rgba(255, 234, 0, 0.1), 0 0 40px rgba(255, 234, 0, 0.1); */
}

.sp-pro-swiper {
    justify-content: center;
    gap: 88px;
    margin-top: 27px;
}

.sp_product_part .sp-icons1 {
    width: 83px;
    height: 77px;
    background: url('/cdn/shop/files/20251230-emjo.png') no-repeat;
    background-size: 100% 100%;
    animation: skip 4s infinite;
}

.sp_product_part .sp-icons2 {
    width: 81px;
    height: 69px;
    background: url('/cdn/shop/files/20251230-emjo2.png') no-repeat;
    background-size: 100% 100%;
    animation: skip 4s infinite;
}

.sp-swiper3 {
    z-index: 0;
}

.sp_product_part .sp-font3 {
    font-family: 'Poppins-Regular';
    font-size: 20px;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.sp_product_part .sp-font3 i {
    width: 25px;
    height: 18px;
    background: url('/cdn/shop/files/20251230-duis.png') no-repeat;
    background-size: 100% 100%;
}

.sp-swiper3 .sp-withs {
    width: 300px;
}

.sp-swiper3 .sp-withs2 {
    width: 380px;
}

.sp-swiper3 .sp-withs3 {
    width: 433px;
}

#root .sp-p2-lines .swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

#root .sp-swiper5.swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

#root .sp_product_part .swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.sp_product_part {
    width: 100%;
    font-family: 'Roboto-Medium';
    box-sizing: border-box;
    position: relative;
    padding: 0 0px 100px;
}

.sp_product_part .sp-text1 {
    font-family: 'Roboto';
    font-size: 24px;
    color: #1b1b1b;
    line-height: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.sp_product_part .sp-text1 .sp-span {
    color: #c8000c;
}

.sp_product_part .sp-title1 {
    font-family: 'Roboto-Black';
    font-size: 50px;
    color: #000000;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
}

.sp_product_part .sp-title1 .sp-span {
    color: #c8000c;
}

.sp_product_part .sp-title1 img {
    animation: skip 4s infinite;
}

.sp-icon-wraps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 66px;
}

.sp-icon-wraps .sp-icon {
    height: 28px;
}

.sp-icon-wraps .sp-p {
    gap: 15px;
    display: flex;
    align-items: center;
    font-size: 23px;
    color: #ffffff;
    font-family: Roboto;
}

.sp-scroll2 {
    position: relative;
    width: 1080px;
    overflow: hidden;
}

.sp-scroll2 .nav-imgs .sp-flex-x {
    width: 1500px !important;
    display: flex;
    justify-content: space-around;
}

.sp-scroll2 .sp-icon {
    width: 28px;
    flex-shrink: 0;
}

.sp-scroll2 .sp-p {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: Roboto;
    font-size: 30px;
    color: #ffffff;
}

.sp_product_content {
    width: 100%;
    padding: 66px 260px 0;
    display: flex;
    gap: 66px;
    box-sizing: border-box;
}

.sp_product_part .sp-img-wrap {
    width: 731px;
    height: 516px;
    background: #ff6c00;
    border-radius: 30px;
    user-select: none;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    padding: 10px 0 0 0;
}

.sp_product_part .sp-img-inner {
    width: 710px;
    height: 398px;
    background: #ffffff;
    border-radius: 20px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sp_product_part .sp-img-box {
    position: relative;
    width: 381px;
    height: 226px;
    background: #fff3e0;
    border-radius: 20px;
    border: 1px solid #ff8b23;
    padding: 22px 0 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.sp_product_part .sp-img-box .sp-img-most {
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 338px;
    height: 43px;
    background: url('/cdn/shop/files/20260105-most.png') no-repeat;
    background-size: 100% 100%;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    color: #ffffff;
    line-height: 43px;
    text-align: center;
}

.sp_product_part .sp-img-clock {
    width: 100%;
    height: 102px;
    border-radius: 0 0 16px 16px;
    padding: 0 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.sp-img-clock .sp-pro-font {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.sp-img-clock .sp-pro-lines {
    width: 344px;
    height: 16px;
    background: #ffffff;
    border-radius: 7px;
    margin-bottom: 12px;
}

.sp-img-clock .sp-pro-lines span {
    position: relative;
    display: block;
    width: 102px;
    height: 16px;
    background-image: linear-gradient(-45deg,
            #ffe400 25%,
            #f6c711 0,
            #f6c711 50%,
            #ffe400 0,
            #ffe400 75%,
            #f6c711 0);
    background-size: 10px 10px;
    border-radius: 7px;
    /* animation: moveall 3s infinite linear; */
}

.sp-img-clock .sp-pro-lines span::before {
    position: absolute;
    content: '';
    top: -5px;
    right: 0;
    height: 20px;
    width: 20px;
    border: 3px solid #fff;
    background: linear-gradient(#db0500, #fa2500);
    border-radius: 50%;
}

@keyframes moveall {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.sp-img-clock .sp-pro-font1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'Poppins-Medium';
    font-size: 18px;
    color: #ffffff;
    line-height: 19px;
    padding: 0 0 0 6px;
    gap: 8px;
}

.sp-img-clock .sp-pro-font1 i {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('/cdn/shop/files/20260105-clock-icon.png') no-repeat;
    background-size: 100% 100%;
}

.sp_product_part .sp-img-wrap .sp-img-p {
    -webkit-user-drag: none;
    display: none;
    width: 50%;
    height: 80%;
    object-fit: contain;
    position: relative;
}

.sp_product_part .sp-img-wrap .sp-img-p.active {
    display: block;
}

.sp_product_part .sp-img-wrap .sp-img-p2 {
    -webkit-user-drag: none;
    display: none;
    width: 50%;
    height: 80%;
    object-fit: contain;
    position: relative;
}

.sp-img-add {
    font-size: 60px;
    display: none;
}

.sp_product_part .sp-img-wrap .sp-img-p2.active {
    display: block;
}

.sp_product_part .sp-img-wrap .sp-img-text {
    position: absolute;
    right: 148px;
    top: 232px;
    font-family: 'Poppins-SemiBold';
    font-style: italic;
    font-size: 36px;
    color: #4d0484;
    line-height: 21px;
}

.sp_product_part .sp-pro-free {
    position: absolute;
    top: 13px;
    right: -25px;
    width: 134px;
    height: 109px;
    line-height: 109px;
    text-align: center;
    background: url('/cdn/shop/files/20260105-free.png') no-repeat;
    background-size: 100% 100%;
    font-family: 'Poppins-SemiBold';
    font-size: 26px;
    color: #ffffff;
}

.sp_product_part .sp-img-doller {
    position: absolute;
    left: 10px;
    top: 13px;
    height: 59px;
    width: 238px;
    background: #fff000;
    font-family: 'Poppins-SemiBold';
    font-size: 27px;
    color: #191919;
    line-height: 18px;
    border-radius: 18px 0 18px 0;
    gap: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sp_product_part .sp-free {
    position: absolute;
    transform: rotate(-25deg);
    font-family: 'Roboto-Bold';
    font-size: 30px;
    color: #ffffff;
    top: 160px;
    left: 511px;
}

.sp_product_part .sp-free2 {
    top: 160px;
    left: 551px;
}

.sp_product_part .sp-free3 {
    top: 141px;
    left: 542px;
}

.sp_product_part .sp-padding {
    box-sizing: border-box;
    padding: 0 0px;
}

.sp_product_part .sp-row1 {
    position: absolute;
    top: 30px;
    left: 45px;
    font-family: Roboto;
    font-size: 27px;
    color: #ffffff;
    line-height: 1.2;
    font-style: italic;
}

.sp_product_part .sp-row1 .sp-p {
    font-size: 42px;
    font-family: 'Roboto-Black';
}

.sp_product_part .sp-clock-s {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    line-height: 1;
    box-sizing: border-box;
    margin-top: -18px;
}

.sp_product_part .sp-clock-s .square {
    width: 40px;
    height: 38px;
    background: #ffffff;
    border-radius: 9px;
    font-family: 'Poppins-Bold';
    font-size: 25px;
    color: #343434;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
}

.sp_product_part .sp-clock-s .square::before {
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    font-family: 'Poppins-SemiBold';
    font-size: 12px;
    color: #ffffff;
    line-height: 15px;
    text-align: center;
}

.sp_product_part .sp-clock-s .sp_hour::before {
    content: 'Hours';
}

.sp_product_part .sp-clock-s .sp_minute::before {
    content: 'Mins';
}

.sp_product_part .sp-clock-s .sp_second::before {
    content: 'Secs';
}

.sp_product_part .sp-clock-s .sp-dots {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    flex-shrink: 0;
    margin: 0 5px;
}

.sp_product_part .sp-clock-s .sp-dot {
    width: 4px;
    height: 4px;
    background: #ffffff;
    border-radius: 50%;
}

.sp_product_part .sp-clock {
    height: 138px;
    animation: shakeCart 3s infinite ease-in-out;
    position: absolute;
    z-index: -1;
    top: -30px;
    right: 47px;
}

.sp_product_part .sp-title-s {
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    color: #0b0b0b;
    border-bottom: 2px solid rgba(157, 157, 157, 0.29);
    padding-bottom: 21px;
}

.sp_product_part .option-title {
    font-family: 'Poppins-SemiBold';
    font-size: 22px;
    color: #696969;
    line-height: 1;
    margin: 26px 0px 16px;
}

.sp_product_part .opt-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
}

#sp-opt-group1 .sp-option {
    padding: 0 35px;
}

.sp_product_part .sp-option {
    min-width: 138px;
    height: 48px;
    background: #f7f7f7;
    border-radius: 5px;
    border: 2px solid #d3d3d3;
    line-height: 1;
    padding: 0 20px;
    font-family: 'Poppins-Medium';
    font-size: 23px;
    color: #5d5d5d;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    user-select: none;
    gap: 10px;
    text-align: center;
}

.sp_product_part .sp-option .sp-icons {
    height: 32px;
    margin-top: -8px;
}

.sp_product_part .sp-option.active {
    background: #ff7200;
    border-color: #ff4800;
    color: #ffffff;
}

.sp_product_part .sp-option .sp-fires {
    width: 21px;
    height: 26px;
    background: url('/cdn/shop/files/20260106-fires.png') no-repeat;
    background-size: 100% 100%;
}

.sp_product_part .sp-option .sp-icon {
    width: 23px;
}

.sp_product_part .sp-price-group {
    line-height: 1.1;
    margin-top: 24px;
    align-items: baseline;
    margin-bottom: 18px;
}

.sp_product_part .sp-price1 {
    font-family: 'Poppins-Bold';
    font-size: 46px;
    color: #ff0707;
    line-height: 41px;
    height: 41px;
}

.sp_product_part .sp-price2 {
    font-family: 'Poppins-Bold';
    font-size: 27px;
    color: #9d9d9d;
    line-height: 25px;
    text-decoration-line: line-through;
    margin-left: 10px;
}

.sp_product_part .sp-row {
    margin-left: 50px;
    position: relative;
}

.sp_product_part .sp-row img {
    position: absolute;
    left: -19px;
    top: -14px;
    height: 49px;
    animation: shakeCart 3s infinite ease-in-out;
}

.sp_product_part .sp-row .sp-p {
    width: auto;
    height: 30px;
    background: #fd771b;
    border-radius: 10px;
    font-family: 'Poppins-Bold';
    font-size: 23px;
    color: #ffffff;
    text-align: center;
    padding-left: 15px;
    padding-right: 10px;
    box-sizing: border-box;
    line-height: 1.5;
}

.sp_product_part .sp-quality-row {
    display: flex;
    align-items: center;
    gap: 25px;
}

.sp_product_part .addCart {
    width: 308px;
    height: 59px;
    background: #fff3e0;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 26px;
    color: #312a2a;
    gap: 15px;
    text-transform: uppercase;
}

.sp_product_part .addCart img {
    width: 26px;
}

.sp_product_part .sp-btn-style {
    width: 594px;
    height: 91px;
    background: #e00000;
    border-radius: 10px;
    cursor: pointer;
    margin: 24px auto 26px;
    font-family: 'Poppins-Bold';
    font-size: 43px;
    color: #ffffff;
    animation: skip 4s infinite;
    text-align: center;

    box-sizing: border-box;
}

.sp-tip5 {
    width: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-family: 'Poppins-Medium';
    font-size: 21px;
    color: #141414;
}

.sp-tip5 img {
    width: 58px;
}

.sp-tip5 .sp-span {
    color: #cf2f29;
}

@keyframes jellyClick {
    0% {
        transform: scale(1);
    }

    15% {
        transform: scale(0.9);
    }

    30% {
        transform: scale(1.15);
    }

    45% {
        transform: scale(0.95);
    }

    60% {
        transform: scale(1.08);
    }

    75% {
        transform: scale(0.98);
    }

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

/* 发牌动画：从牌堆飞出 → 落位 */
@keyframes dealCard {
    0% {
        opacity: 0;
        transform: translate(0, 0) rotate(30deg);
        /* 从牌堆出发 */
    }

    60% {
        opacity: 1;
        transform: translate(0, 0px) rotate(-5deg);
        /* 飞出小弧度 */
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg);
        /* 最终位置 */
    }
}

@keyframes skip {

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

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

@keyframes skip2 {

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

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

.addGroup {
    width: 264px;
    height: 60px;
    border-radius: 10px;
    border: 2px solid #828282;
    padding: 0px 18px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.addGroup input {
    outline: 0;
    border: none;
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    height: 100%;
    color: #232326;
    background: #fff;
    /* vertical-align: middle; */
    padding: 0;
    font-family: 'Roboto-Medium';
    font-size: 23px;
    color: #000000;
    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;
}

.cart-btn .on {
    animation: scaleAni 1s ease-in-out forwards;
}

.sp_header-content .sp-cart.on,
.sp-btn-style2 .sp-cart.on {
    animation: shakeCart 3s infinite ease-in-out;
}

@keyframes shakeCart {

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

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

    4%,
    8%,
    12% {
        transform: scale(1.2) rotate(-10deg);
    }

    6%,
    10%,
    14% {
        transform: scale(1.2) rotate(10deg);
    }
}

@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-footer-wrap {
    width: 586px;
    margin: 0 auto;
}

.sp-footer-img {
    width: 586px;
    display: block;
    margin: 30px auto 14px;
}

.sp-footer-img2 {
    width: 478px;
    display: block;
}

.sp-footer-box1 {
    width: 100%;
    background: #eef8fe;
    border-radius: 10px;
    padding: 20px 20px 30px;
    box-sizing: border-box;
}

.sp-footer-box1 .sp-p {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    color: #282828;
    margin-bottom: 20px;
}

.sp-footer-box1 .sp-icon {
    width: 29px;
}

.sp-footer-box2 {
    width: 100%;
    background: #fdfcf5;
    border-radius: 10px;
    padding: 16px 21px;
    box-sizing: border-box;
    margin-top: 20px;
}

.sp-footer-box2 .sp-icon {
    width: 29px;
}

.sp-footer-box2 .sp-p {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    color: #282828;
    margin-bottom: 20px;
}

.sp-footer-box2 .sp-li {
    font-size: 17px;
    color: #666666;
    font-family: 'Poppins-SemiBold';
    line-height: 1.2;
    margin-top: 10px;
}

.sp-footer-box2 span {
    /* font-family: 'Roboto-Bold'; */
}

.sp-mask {
    height: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0000009d;
    z-index: 99;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.sp-pop {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sp-pop .img-pop {
    width: 94%;
    overflow: hidden;
    padding: 0 80px;

    position: relative;
    z-index: 101;
}

.sp-pop .img-pop > div {
    width: 100%;
}

.sp-pop .img-pop .sp-img {
    position: relative;
    z-index: 102;
    width: auto;
    width: 100%;
}

.sp-mask .img-pop .close-btn {
    width: 94px;
    cursor: pointer;
    margin: 50px auto 0;
    display: block;
    align-self: flex-end;
    margin-bottom: 10px;
}

.sp_pc {
    display: block;
}

.sp_mobile {
    display: none;
}

@media only screen and (max-width: 1080px) {
    .sp_pc {
        display: none;
    }

    .sp_mobile {
        display: block;
    }

    .sp_header-top {
        height: 60px;
        font-size: 28px;
        line-height: 60px;
        font-family: 'Roboto-Bold';
    }

    .sp_header-content {
        width: 100%;
        height: 130px;
        position: unset;
        transform: unset;
        padding: 0 60px 0 45px;
    }

    .sp_header-top .sp-p i {
        width: 25px;
        height: 24px;
    }

    .sp_header-content .sp-logo {
        position: unset;
        transform: unset;
        font-size: 54px;
        color: #000000;
        height: 100px;
    }

    .sp-top-btn {
        width: 313px;
        height: 68px;
        background: #663f17;
        margin-left: 0;
        font-size: 35px;
    }

    .sp-cart {
        width: 56px;
        margin-right: 54px;
    }

    .sp-cart .sp-icon {
        width: 100%;
        height: auto;
    }

    .sp-cart .sp-num {
        width: 34px;
        height: 34px;
        right: -16px;
        top: -12px;
        font-size: 24px;
    }

    .sp-menu-btn {
        cursor: pointer;
        margin-right: 34px;
        width: 56px;
        /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px; */
    }

    .sp-menu-btn .sp-line {
        width: 56px;
        height: 6px;
        background: #38200b;
        border-radius: 2px;
        flex-shrink: 0;
    }

    .sp-btn-style1 {
        width: 890px;
        height: 121px;
        background-image: url('/cdn/shop/files/20260414-btn-bg.png');
        margin: 0 auto;
        font-size: 60px;
    }

    .sp-title {
        font-size: 65px;
        line-height: 75px;
        text-align: center;
        /* line-height: 1.2; */
    }

    .sp-sub-title {
        font-size: 34px;
        line-height: 44px;
        text-align: center;
        margin-top: 25px;
    }

    .sp-part1 {
        min-height: auto;
        background: none;
        position: relative;
        z-index: 1;
        padding: 0 0 0;
        box-sizing: border-box;
    }

    .sp-p1-wraper {
        min-height: 110px;
        background-image: url('/cdn/shop/files/20260414-bg2.png');
        margin-top: -5px;
    }

    .sp-p1-wrap {
        background: #fffaf4;
        padding: 95px 0 120px;
    }

    .sp-part1 .sp-imgs {
        display: block;
        margin: 0 auto 0;
    }

    .sp-part1 .sp-text1 {
        font-family: 'Montserrat-SemiBold';
        font-size: 75px;
        color: #000000;
        line-height: 1;
        margin: 30px 0 10px;
        text-align: center;
    }

    .sp-part1 .sp-text2 {
        font-family: 'Montserrat-SemiBold';
        font-size: 97px;
        color: #663f17;
        line-height: 1;
        text-align: center;
    }

    .sp-part1 .sp-text3 {
        font-family: 'Poppins-Regular';
        font-size: 34px;
        color: rgba(0, 0, 0, 0.8);
        line-height: 44px;
        margin: 22px 0 50px;
        text-align: center;
    }

    .sp-part1 .sp-text4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 0 150px;
        font-family: 'Poppins-Regular';
        font-size: 34px;
        color: #663f17;
        line-height: 44px;
        box-sizing: border-box;
        text-align: left;
    }

    .sp-p1-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-bottom: 72px;
    }

    .sp-p1-box .sp-item {
        text-align: center;
        position: relative;
    }

    .sp-part1 .sp-btn-style1 {
        margin: 0 auto;
    }

    .sp-part8 {
        background: #ffffff;
        box-sizing: border-box;
        position: relative;
        padding: 120px 0;
    }

    .sp-part8-gif {
        width: 1000px;
        height: 650px;
        margin: 43px auto;
    }

    .sp-part8-gif video {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .sp-part8 .sp-row {
        display: flex;
        flex-direction: column;
        gap: 84px;
        padding: 0 0 0 58px;
        margin-bottom: 68px;
    }

    .sp-part8 .sp-row img {
        width: 92px;
        height: 92px;
    }

    .sp-part8 .sp-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 45px;
    }

    .sp-part8 .sp-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 38px;
        width: 1000px;
        margin: 0 auto;
    }

    .sp-part8 .sp-col {
        position: relative;
        width: 100%;
    }

    .sp-part8 .sp-col img {
        width: 100%;
        height: 412px;
    }

    .sp-part8 .sp-font {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: right;
        padding: 50px 35px 0 0;
        box-sizing: border-box;
    }

    .sp-part8 .sp-font1 {
        font-family: 'Poppins-SemiBold';
        font-style: italic;
        font-size: 30px;
        color: #000000;
        line-height: 1;
    }

    .sp-part8 .sp-font1 span {
        font-size: 63px;
        color: #663f17;
        margin-right: 20px;
    }

    .sp-part8 .sp-font2 {
        font-family: 'Poppins-Regular';
        font-size: 28px;
        color: #000000;
        line-height: 38px;
    }

    .sp-part8 .sp-font3 {
        font-family: 'Poppins-SemiBold';
        font-style: italic;
        font-size: 55px;
        color: #000000;
        line-height: 1;
    }

    .sp-part8 .sp-font4 {
        font-family: 'Poppins-Regular';
        font-size: 30px;
        color: #000000;
        line-height: 40px;
        margin-top: 12px;
    }

    .sp-part2 {
        padding: 120px 0 0;
        min-height: 2395px;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }

    .sp-part2 .sp-boxs {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1005px;
    }

    .sp-part2 .sp-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        margin: 40px auto 74px;
    }

    .sp-part2 .sp-item {
        text-align: center;
    }

    .sp-p2-wrap {
        width: 1000px;
        height: 531px;
        background: url('/cdn/shop/files/20260414-p3-2.png') no-repeat;
        background-size: 100% 100%;
        position: relative;
        padding: 403px 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        margin-top: 75px;
    }

    .sp-part2 .sp-imgs {
        position: absolute;
        left: 144px;
        top: 398px;
    }

    .sp-part2 .sp-font1 {
        font-family: 'Poppins-SemiBold';
        font-size: 34px;
        color: #ffffff;
        line-height: 1;
    }

    .sp-part2 .sp-font2 {
        font-family: 'Poppins-Regular';
        font-weight: 300;
        font-size: 30px;
        color: #ffffff;
        line-height: 1;
        margin-top: 15px;
    }

    .sp-part2 .sp-font3 {
        font-family: 'Poppins-Regular';
        font-size: 30px;
        color: #ffffff;
        line-height: 1;
        margin-top: 25px;
    }

    .sp-p2-lines {
        position: relative;
        min-height: 227px;
        background: url('/cdn/shop/files/20260414-lines-pc.png') no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        font-family: 'Poppins-SemiBold';
        font-size: 36px;
        color: #ffffff;
        line-height: 1;
        text-transform: uppercase;
        padding: 97px 0 0;
        z-index: 6;
        bottom: -125px;
    }

    .sp-p2-lines .swiper {
        transform: rotate(4deg);
    }

    .sp-p2-lines .swiper-slide {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 49px;
    }

    .sp-p3-y {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .sp-part3 {
        padding: 225px 0 120px;
        box-sizing: border-box;
        z-index: 1;
    }

    .sp-p3-wrap {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 625px 0 0;
        box-sizing: border-box;
        position: relative;
        margin: 0 40px 0;
    }

    .sp-p3-wrap .sp-img-s {
        position: absolute;
        left: 0;
        top: 50px;
        opacity: 0;
    }

    .sp-p3-wrap .sp-img-b {
        position: absolute;
        right: -10px;
        top: 646px;
        opacity: 0;
    }

    .sp-part3 .sp-p3-box {
        width: 1000px;
        height: 173px;
        background: #ffffff;
        border: 2px solid #663f17;
        padding: 0 0 0 27px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sp-part3 .sp-item {
        transition: all 0.3s;
    }

    .sp-part3 .sp-item.active .sp-p3-box {
        color: #ffffff !important;
        background: #663f17;
    }

    .sp-part3 .sp-item.active .sp-font1,
    .sp-part3 .sp-item.active .sp-font2 {
        color: #ffffff !important;
    }

    .sp-part3 .sp-font1 {
        font-family: 'Poppins-SemiBold';
        font-size: 32px;
        color: #000000;
        line-height: 1;
    }

    .sp-part3 .sp-font2 {
        font-family: 'Poppins-Regular';
        font-size: 26px;
        color: #000000;
        line-height: 31px;
        margin-top: 8px;
    }

    .sp-part3 .sp-item.active .sp-img-s {
        animation: dealCard 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
    }

    .sp-part3 .sp-item.active .sp-img-b {
        animation: dealCard 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
    }

    .sp-part4 {
        padding: 120px 0;
        background: #fffaf4;
        box-sizing: border-box;
    }

    .sp-part4 .sp-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 38px;
        margin: 46px auto 0;
    }

    .sp-part4 .sp-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .flip-box {
        perspective: 1000px;
        /* 3D 景深 */
        cursor: pointer;
        width: 1000px;
        height: 828px;
        flex-shrink: 0;
    }

    .flip-box img {
        width: 100%;
    }

    .sp-part4 .sp-row .sp-p4-card {
        width: 496px;
        height: 240px;
    }

    .flip-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.8s;
        transform-style: preserve-3d;
        /* 关键：3D 翻转 */
    }

    .flip-box.active .flip-inner {
        transform: rotateY(180deg);
    }

    .sp-flip-front,
    .sp-flip-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        /* 背面隐藏 */
        backface-visibility: hidden;
    }

    .sp-flip-back {
        transform: rotateY(180deg);
    }

    .sp-flip-back .sp-texts {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .sp-part4 .sp-font1 {
        font-family: 'Poppins-SemiBold';
        font-size: 40px;
        color: #ffffff;
        line-height: 1;
    }

    .sp-part4 .sp-font2 {
        font-family: 'Poppins-Regular';
        font-weight: 300;
        font-size: 35px;
        color: #ffffff;
        line-height: 40px;
        margin-top: 10px;
    }

    .sp-part5 {
        min-height: 683px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sp-part5 .sp-bgs {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .sp-p5-boxs {
        padding: 0 0 0 40px;
        box-sizing: border-box;
    }

    .sp-p5-list {
        display: flex;
        flex-direction: column;
        gap: 18px;
        margin: 30px 0px;
    }

    .sp-part5 .sp-font1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        font-family: 'Poppins-Regular';
        font-size: 30px;
        color: #ffffff;
        line-height: 34px;
    }

    .sp-part5 .sp-imgs {
        margin-top: 60px;
    }

    .sp-part6 {
        padding: 120px 0;
        background: #fffaf4;
        box-sizing: border-box;
        position: relative;
    }

    .sp-part6 .sp-imgs {
        display: block;
        margin: 50px auto 60px;
    }

    .sp-p6-box {
        justify-content: center;
        gap: 90px;
    }

    .sp-p6-text {
        margin-top: 0;
        margin-bottom: 70px;
    }

    .sp-p6-wrap {
        width: 1000px;
        height: 210px;
        background: #8c5f35;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        box-sizing: border-box;
        justify-content: flex-start;
        gap: 26px;
        margin: 50px auto 0;
        padding: 48px 0 0 34px;
        box-sizing: border-box;
    }

    .sp-part6 .sp-font1 {
        font-family: 'Poppins-Regular';
        font-weight: 300;
        font-size: 34px;
        color: #000000;
        line-height: 55px;
        text-align: center;
    }

    .sp-part6 .sp-font1 span {
        font-family: 'Poppins-SemiBold';
    }

    .sp-part6 .sp-font2 {
        font-family: 'Poppins-Medium';
        font-size: 60px;
        color: #fffaf4;
        line-height: 1;
    }

    .sp-part6 .sp-font3 {
        font-family: 'Poppins-Regular';
        font-size: 24px;
        color: #fffaf4;
        line-height: 40px;
    }

    .sp_product_part .sp-font {
        min-height: 359px;
        background-image: url('/cdn/shop/files/20260414-bg5.png');
        padding: 71px 0 0;
    }

    .sp_product_part .sp-font1 {
        font-size: 30px;
    }

    .sp_product_part .sp-font2 {
        font-size: 51px;
        line-height: 55px;
        margin: 0 0 48px;
    }

    .sp-swiper3 .sp-font3 {
        font-size: 30px;
        line-height: 40px;
    }

    .sp-swiper3 .sp-withs {
        width: 366px;
    }

    .sp-swiper3 .sp-withs2 {
        width: 316px;
    }

    .sp-swiper3 .sp-withs3 {
        width: 326px;
    }

    .sp_product_part {
        width: 100%;
        font-family: 'Roboto-Medium';
        box-sizing: border-box;
        position: relative;
        padding: 0 0 100px;
    }

    .sp_product_part .sp-text1 .sp-icon {
        height: 25px !important;
        margin-right: 10px;
    }

    .sp_product_part .sp-text1 {
        font-size: 30px;
        white-space: nowrap;
    }

    .sp_product_part .sp-title1 {
        font-size: 64px;
        margin-bottom: 24px;
        line-height: 1;
    }

    .sp_product_content {
        padding: 60px 60px 0;
        flex-direction: column;
    }

    .sp_product_part .sp-img-wrap {
        width: 962px;
        height: 680px;
        padding: 20px 0 0;
        margin: 0 auto;
    }

    .sp_product_part .sp-img-inner {
        width: 935px;
        height: 524px;
    }

    .sp_product_part .sp-img-clock {
        height: 135px;
        padding: 0 40px;
    }

    .sp-img-clock .sp-pro-font img {
        height: 62px;
    }

    .sp_product_part .sp-clock-s .square::before {
        font-size: 16px;
        bottom: -25px;
    }

    .sp-img-clock .sp-pro-lines {
        width: 453px;
        height: 17px;
    }

    .sp-img-clock .sp-pro-lines span {
        height: 100%;
    }

    .sp-img-clock .sp-pro-font1 {
        font-size: 24px;
    }

    .sp-img-clock .sp-pro-font1 i {
        width: 25px;
        height: 25px;
    }

    .sp_product_part .sp-row1 {
        top: 42px;
        left: 62px;
        font-size: 39px;
    }

    .sp_product_part .sp-row1 .sp-p {
        font-size: 60px;
    }

    .sp_product_part .sp-clock-s {
        right: 45px;
        top: 104px;
    }

    .sp_product_part .sp-clock-s .square {
        width: 52px;
        height: 51px;
        font-size: 34px;
    }

    .sp_product_part .sp-clock-s .sp-dots {
        gap: 9px;
        margin: 0 5px;
    }

    .sp_product_part .sp-clock-s .sp-dot {
        width: 6px;
        height: 6px;
    }

    .sp_product_part .sp-free {
        transform: rotate(-25deg);
        font-size: 43px;
        top: 229px;
        left: 729px;
    }

    .sp_product_part .sp-free2 {
        top: 230px;
        left: 787px;
    }

    .sp_product_part .sp-free3 {
        top: 202px;
        left: 772px;
    }

    .sp_product_part .sp-padding {
        box-sizing: border-box;
        padding: 0 0px;
    }

    .sp_product_part .option-title {
        margin: 24px 0px 15px;
        font-size: 35px;
    }

    .sp_product_part .opt-group {
        gap: 13px 18px;
    }

    .sp_product_part .sp-img-wrap .sp-img-p .sp-imgs {
        width: auto;
    }

    .sp_product_part .sp-img-wrap .sp-img-text {
        font-size: 49px;
        top: 315px;
        right: 180px;
    }

    .sp_product_part .sp-img-doller {
        width: 260px;
        left: 14px;
        top: 17px;
    }

    #sp-opt-group1,
    #sp-opt-group2 {
        margin-bottom: 60px;
    }

    .sp_product_part .sp-option .sp-icons {
        height: 44px;
        margin-right: 10px;
    }

    #sp-opt-group1 .sp-option {
        padding: 0 57px;
    }

    .sp_product_part .sp-option {
        min-width: 221px;
        height: 77px;
        font-size: 36px;
        padding: 0 38px;
        gap: 10px;
        box-sizing: border-box;
    }

    .sp_product_part .sp-option .sp-fires {
        width: 34px;
        height: 42px;
    }

    .sp_product_part .sp-option .sp-icon {
        width: 37px;
        margin-left: 0;
        margin-right: 23px;
    }

    .sp_product_part .sp-price-group {
        line-height: 1.1;
        margin-top: 58px;
        align-items: baseline;
        margin-bottom: 54px;
        justify-content: flex-start;
    }

    .sp_product_part .sp-price1 {
        font-size: 72px;
        height: 65px;
        line-height: 65px;
    }

    .sp_product_part .sp-price2 {
        font-size: 43px;
        line-height: 38px;
        margin-left: 20px;
    }

    .sp_product_part .sp-row {
        margin-left: 54px;
    }

    .sp_product_part .sp-row img {
        height: 66px;
    }

    .sp_product_part .sp-row .sp-p {
        width: auto;
        height: 47px;
        font-size: 35px;
        line-height: 1.5;
        padding-left: 30px;
    }

    .sp_product_part .addCart {
        width: 518px;
        height: 88px;
        font-size: 38px;
        gap: 25px;
    }

    .sp_product_part .addCart img {
        width: 42px;
    }

    .sp_product_part .sp-quality-row {
        gap: 43px;
    }

    .sp_product_part .sp-btn-style {
        width: 100%;
        height: 148px;
        margin: 33px auto 30px;
        font-size: 69px;
        box-sizing: border-box;
    }

    .sp_product_part .sp-title-s {
        width: 100%;
        font-size: 45px;
        line-height: 55px;
        text-align: left;
    }

    .sp-tip5 {
        gap: 20px;
        font-size: 33px;
        width: 100%;
    }

    .sp-tip5 img {
        width: 68px;
    }

    .addGroup {
        width: 422px;
        height: 89px;
        padding: 0px 30px;
    }

    .addGroup .sp-reduce,
    .addGroup .sp-add {
        width: 26px;
    }

    .addGroup input {
        width: 230px;

        font-size: 43px;
        color: #000000;
    }

    .sp-footer-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .sp-footer-img {
        width: 871px;
        margin: 57px auto;
    }

    .sp-footer-img2 {
        width: 851px;
    }

    .sp-footer-box1 {
        width: 100%;
        padding: 45px 72px 45px;
        box-sizing: border-box;
    }

    .sp-footer-box1 .sp-p {
        gap: 12px;
        font-size: 36px;
        margin-bottom: 30px;
    }

    .sp-footer-box1 .sp-p img {
        width: 45px;
    }

    .sp-footer-box2 {
        width: 100%;
        padding: 30px 72px;
        margin-top: 30px;
        background: #fdfcf5;
    }

    .sp-footer-box2 .sp-p {
        gap: 12px;
        font-size: 36px;
        margin-bottom: 26px;
    }

    .sp-footer-box2 .sp-p img {
        width: 45px;
    }

    .sp-footer-box2 .sp-li {
        font-size: 29px;
        margin-top: 16px;
    }

    .sp-btn-style2 {
        width: 1080px;
        height: 180px;
        background: url('/cdn/shop/files/20260414-btn-m.png') no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        display: flex;
        justify-content: center;
        z-index: 9;
        align-items: flex-start;
        box-sizing: border-box;
    }

    .sp-btn-style2 .sp-area {
        width: 427px;
        height: 180px;
        background: url('/cdn/shop/files/20260414-btn1.png') no-repeat;
        background-size: 100% 100%;
        position: relative;
        text-align: center;
        line-height: 1.2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .sp-btn-style2 .sp-area > img {
        height: 121px;
    }

    .sp-btn-style2 .sp-area .sp-t3 {
        position: absolute;
        top: 28px;
        left: 0;
        width: 100%;
        font-family: 'Poppins-Bold';
        font-style: italic;
        font-size: 15px;
        color: #ffefcb;
        line-height: 1;
        text-align: center;
    }

    .sp-btn-style2 .sp-area .sp-t4 {
        font-family: 'Poppins-Regular';
        font-size: 15px;
        color: #ffffff;
        line-height: 1;
        position: absolute;
        bottom: 37px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .sp-btn-style2 .sp-area2 .sp-t1 {
        font-family: 'Poppins-Bold';
        font-size: 72px;
        color: #ffffff;
        margin-top: 20px;
    }

    .sp-btn-style2 .sp-area2 .sp-t2 {
        font-family: 'Poppins-Regular';
        font-weight: 300;
        font-size: 30px;
        color: rgba(255, 255, 255, 0.6);
        margin-top: 10px;
    }

    .sp-btn-style2 .sp-area2 {
        flex: 1;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-family: 'Poppins-Bold';
        font-size: 70px;
        color: #ffffff;
        line-height: 51px;
        text-align: center;
        padding: 0 0 0 60px;
        gap: 56px;
    }

    .sp-btn-style2 .sp-area2 .sp-cart {
        width: 95px;
        height: 94px;
        background: #ffffff;
        border-radius: 10px;
        margin-right: 0;
    }

    .sp-btn-style2 .sp-area2 .sp-cart .sp-icon {
        width: 73px;
    }

    .sp-btn-style2 .sp-area2 .sp-cart .sp-num {
        width: 52px;
        height: 51px;
        /* background: #414141; */
        border-radius: 50%;

        top: -7px;
        right: -9px;
        font-size: 32px;
    }

    .sp-btn-style2 .sp-area2 .sp-row {
        font-family: 'Poppins-Bold';
        font-size: 32px;
        color: #ffffff;
        line-height: 40px;
        text-shadow: 1px 2px 3px rgba(32, 21, 0, 0.17);
        text-transform: uppercase;
        text-align: left;
    }

    .sp-btn-style2.sp-fixed-bottom {
        position: fixed;
        bottom: 0;
        animation: stuckMoveUp 0.6s;
    }

    .sp_main {
        overflow: hidden;
    }

    .sp-menu-mask {
        background: rgba(11, 11, 11, 0.6);
        width: 100%;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        z-index: 99;
        display: none;
    }

    .sp-menu {
        width: 473px;
        -webkit-overflow-scrolling: touch;
        background-color: #f2f2f2;

        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        padding-top: 110px;
        box-sizing: border-box;
        animation: stuckMoveLeft 0.5s;
    }

    .sp-menu .sp-menu-item {
        width: 100%;
        height: 90px;
        border-bottom: 1px solid rgba(71, 71, 71, 0.14);

        font-family: 'Montserrat-Bold';

        font-size: 30px;
        color: #636363;
    }

    .sp-menu .sp-menu-item a {
        width: 100%;
        height: 100%;
        padding-left: 40px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }

    .sp-menu .sp-menu-item a .sp-span {
        width: 80px;
        height: 28px;
        background: #d72b2b;
        border-radius: 3px;
        font-size: 17px;
        color: #ffffff;
        text-align: center;
        line-height: 28px;
        margin-left: 10px;
    }

    .sp-menu .sp-menu-item:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .sp-menu li .sp-row {
        display: flex;
        align-items: center;
        gap: 18px;
        margin-top: 42px;
        padding-left: 40px;
    }

    .sp-menu li .sp-row a img {
        width: auto;
        height: 31px;
    }

    .sp-menu .sp-close-btn {
        position: absolute;
        top: 37px;
        right: 22px;
        width: 39px;
        cursor: pointer;
    }

    .sp-scroll-top {
        scroll-margin-top: 0;
    }
}

.sp-scroll-top {
    scroll-margin-top: 130px;
}

@media (max-width: 1080px) {
    .sp-part5 .sp-title {
        font-size: 45px;
    }

    .sp-part5 .sp-sub-title {
        font-size: 32px;
        margin-top: 50px;
    }

    .sp-promo2-nav {
        width: 1080px;
        height: 484px;
        background: url('/cdn/shop/files/20260106-last-bg.png') no-repeat;
        background-size: 100% 100%;
        position: relative;
        font-family: 'Poppins';
    }

    .sp-promo2-content {
        position: absolute;
        top: 35px;
        right: 100px;
        width: 508px;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        line-height: 1.2;
    }

    .sp-promo2-t1 {
        font-family: 'Poppins-Bold';
        font-size: 30px;
        color: #302921;
        line-height: 40px;
        font-style: italic;
        text-transform: uppercase;
    }

    .sp-promo2-nav .sp-promo2-t1 .sp-promo2-p {
        font-size: 36px;
        color: #302921;
    }

    .sp-promo2-t2 {
        font-family: 'Poppins';
        font-size: 68px;
        color: #ff1733;
        text-stroke: 4px #ffffff;
        -webkit-text-stroke: 4px #ffffff;
        text-transform: uppercase;
        font-weight: bold;
    }

    .sp-promo2-nav .sp-promo2-box {
        position: absolute;
        top: 174px;
        left: 398px;
        width: 640px;
        height: 263px;
        background: url('/cdn/shop/files/20260106-last-img.png') no-repeat;
        background-size: 100% 100%;
        padding: 33px 20px 0 317px;
        box-sizing: border-box;
    }

    .sp-promo2-nav .sp-promo2-box .sp-promo2-p {
        font-family: 'Poppins-Medium';
        font-size: 24px;
        color: #343434;
        line-height: 30px;
        text-align: center;
        margin-bottom: 6px;
    }

    .sp-promo2-nav .sp-promo2-li {
        font-family: 'Poppins-Regular';
        font-size: 20px;
        color: #343434;
        line-height: 34px;
        white-space: nowrap;
        font-weight: bold;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 15px;
        box-sizing: border-box;
    }

    .sp-promo2-nav .sp-promo2-li i {
        width: 25px;
        height: 24px;
        background: url('/cdn/shop/files/20260106-last-icon.png') no-repeat;
        background-size: 100% 100%;
        margin-right: 10px;
    }

    .sp-promo2-nav .sp-promo2-style {
        width: 237px;
        height: 55px;
        background: #ee0000;
        border-radius: 28px;
        margin: 15px auto 0;
        font-family: 'Poppins';
        font-weight: bold;
        font-size: 29px;
        color: #ffffff;
        text-align: center;
        line-height: 55px;
        animation: skip 4s infinite;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        text-transform: uppercase;
        animation: sp-pulse-anim 1.5s infinite ease-in-out;
    }

    /* 心跳动画 */
    @keyframes sp-pulse-anim {
        0% {
            transform: scale(1);
            box-shadow: 0 10px 20px rgba(216, 27, 37, 0.3);
        }

        50% {
            transform: scale(1.05);
            box-shadow: 0 15px 30px rgba(216, 27, 37, 0.5);
        }

        100% {
            transform: scale(1);
            box-shadow: 0 10px 20px rgba(216, 27, 37, 0.3);
        }
    }
}

/* =========================================
   PC端样式 (基准宽度 1920px) - 对应图一
   ========================================= */

.sp-promise-section2 {
    width: 1920px;
    /* 配合zoom使用固定宽 */
    /* 模拟背景：深色+金色光效 */
    background: url('/cdn/shop/files/20260414-foot-bg-pc.png') no-repeat;
    background-size: 100% 100%;
    padding: 74px 275px 60px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    font-family: 'Roboto';
    transform-origin: top left;
}

/* 标题样式 */
.sp-bz3-section-title {
    font-family: 'Poppins-Bold';
    font-size: 50px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 63px;
}

/* 卡片容器：PC端横向排列 */
.sp-bz3-cards-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
}

/* 单个卡片样式 */
.sp-bz3-card {
    min-width: 445px;
    height: 216px;
    border-radius: 25px;
    background: #ffffff;
    flex: 1;
    /* 三等分 */
    display: flex;
    flex-direction: column;
    /* PC端内容上下排列 */
    align-items: center;
    /* PC端内容居中 */
    text-align: center;
    /* PC端文字居中 */
    position: relative;
    padding: 65px 17px 0;
    box-sizing: border-box;
}

/* 图标区域 */
.sp-bz3-card-icon {
    width: 95px;
    height: 95px;
    position: absolute;
    top: -44px;
    left: 50%;
    transform: translateX(-50%);
    /* 如果没有图片，用此做占位符效果 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.sp-bz3-icon-img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 文本内容区域 */
.sp-bz3-card-content h3 {
    max-width: 394px;
    font-family: 'Poppins-Bold';
    font-size: 24px;
    color: #2d2d2d;
    line-height: 28px;
    margin: 0 auto 0px;
    padding: 0 0px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.sp-bz3-card-content p {
    font-family: 'Poppins-Regular';
    font-size: 18px;
    color: rgba(102, 102, 102, 0.8);
    line-height: 26px;
    margin-top: 10px;
}

/* =========================================
           移动端/窄屏样式 (基准宽度 1080px) - 对应图二
           你的JS会在 width <= 1080 时触发缩放，
           这里的CSS负责改变布局结构
           ========================================= */

@media screen and (max-width: 1080px) {
    .sp-promise-section2 {
        width: 1080px;
        /* 适配JS的移动端基准宽 */
        padding: 72px 40px 88px;
        background-image: url('/cdn/shop/files/20260414-foot-bg.png');
        /* 移动端背景可能稍微不同，这里保持一致或微调 */
        /* background: url('/cdn/shop/files/sp-bz2-m-bg.png') no-repeat center center; */
    }

    /* 移动端标题通常隐藏或变小，图2中似乎没有标题，这里选择隐藏 */
    .sp-bz3-section-title {
        text-align: center;
        margin-bottom: 50px;
        font-size: 60px;
        box-sizing: border-box;
        line-height: 1.1;
    }

    /* 容器改为纵向排列 */
    .sp-bz3-cards-container {
        flex-direction: column;
        gap: 40px;
        width: 100%;
    }

    .sp-bz3-card {
        width: 100%;
        height: 350px;
        flex: unset;
        flex-direction: row;
        /* 关键：卡片内部变为左右排列 */
        align-items: center;
        /* 垂直居中 */
        text-align: left;
        /* 文字左对齐 */
        padding: 0px 50px 0px 45px;
        border-radius: 30px;
        box-sizing: border-box;
    }

    .sp-bz3-card-icon {
        margin-bottom: 0;
        margin-right: 30px;
        /* 图标和文字的间距 */
        width: 222px;
        height: 222px;
        flex-shrink: 0;
        /* 防止图标被压缩 */
        position: unset;
        top: unset;
        transform: unset;
    }

    .sp-bz3-card-content h3 {
        max-width: 650px;
        font-size: 43px;
        /* 移动端字号通常较大（因为基准是1080px） */
        margin: 0;
        margin-bottom: 10px;
        line-height: 1.2;
        padding-left: 0;
        padding-right: 0px;
        height: auto;
    }

    .sp-bz3-card-content p {
        font-size: 28px;
        line-height: 35px;
        max-width: none;
    }
}

/* ================= 核心容器 (配合 JS zoom) ================= */
.sp-qa2-container {
    margin: 0 auto;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 70px;
    transform-origin: top left;
    background: #ffffff;
}

/* ================= 组件样式 (sp-qa2-前缀) ================= */

/* 标题样式 */
.sp-qa2-title {
    text-align: center;
    font-family: 'Poppins-Bold';
    font-size: 50px;
    color: #2d2d2d;
    line-height: 60px;
    margin-bottom: 40px;
    line-height: 1.2;
    letter-spacing: 1px;
}

.sp-qa2-title .sp-color {
    display: block;
    font-family: 'Poppins-Medium';
    font-size: 25px;
    color: #663f17;
    line-height: 1;
}

/* 列表容器 */
.sp-qa2-list-container {
    margin: 0 auto;
    width: 1300px;
    /* PC端内容宽度 */
}

/* 单个卡片 */
.sp-qa2-item {
    border-radius: 0px;
    transition: all 0.3s ease;
    /* overflow: hidden; */
    /* 保证圆角 */
    padding: 0 0 35px;
}

/* 问题区域 (点击触发区) */
.sp-qa2-question {
    cursor: pointer;
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    font-family: 'Poppins-SemiBold';
    font-size: 25px;
    color: #282828;
    /* 卡片高度 */
    border-radius: 0;
    padding: 0 35px 0 25px;
    position: relative;
    transition: background-color 0.3s;
}

/* 鼠标悬停在问题上时，稍微变色 */
.sp-qa2-question:hover {
    background: #663f17;
    border-radius: 20px 20px 0px 0px;
    color: #ffffff;
}

/* 图标外面的黑盒子 */
.sp-qa2-icon-box {
    width: 19px;
    height: auto;
    color: #ffffff;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    /* 旋转动画 */
    flex-shrink: 0;
}

.sp-qa2-icon-box .fa-solid,
.fa-add:before,
.fa-plus:before {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 27px;
}

.sp-qa2-icon-box img {
    display: none;
    width: 100%;
    height: 100%;
}

.sp-qa2-icon-box .sp-show {
    display: block;
}

.sp-qa2-icon-box .sp-hide {
    display: none;
}

/* 答案区域 (默认隐藏) */
.sp-qa2-answer {
    display: none;
    padding: 27px 0 27px 25px;
    font-family: 'Poppins-Regular';
    font-weight: 300;
    font-size: 24px;
    color: #242323;
    /* 占位防止跳动 */
    background: #fffaf4;
    border-radius: 0 0 20px 20px;
}

/* ================= 激活(展开)状态 ================= */
.sp-qa2-item.active {
    box-shadow: none;
}

.sp-qa2-item.active .sp-qa2-icon-box .sp-show {
    display: none;
}

.sp-qa2-item.active .sp-qa2-icon-box .sp-hide {
    display: block;
}

.sp-qa2-item.active .sp-qa2-question {
    background: #663f17;
    border-radius: 20px 20px 0px 0px;
    color: #ffffff;
}

.sp-qa2-item.active .sp-qa2-answer {
    /* background: #F4F4F4; */
}

/* 激活时，图标盒子旋转 135度 (+ 变成 x) */
.sp-qa2-item.active .sp-qa2-icon-box {
    /* transform: rotate(135deg); */
    /* background-color: #fff;   */
    color: #049deb;
}

.sp-qa2-item .fa-reduce {
    display: none;
    width: 27px;
    text-align: center;
}

.sp-qa2-item.active .fa-plus {
    display: none;
}

.sp-qa2-item.active .fa-reduce {
    display: block;
}

/* 激活时，整个卡片阴影加深 */
.sp-qa2-item.active {
    /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); */
}

.sp-qa2-container .sp-btn-style1 {
    margin: 104px auto 0;
}

/* ================= 移动端 适配 (基准 1080px) ================= */
@media screen and (max-width: 1080px) {
    .sp-qa2-container {
        width: 1080px;
        box-sizing: border-box;
        padding: 110px 40px 300px;
        min-height: unset;
        overflow: hidden;
    }

    .sp-qa2-list-container {
        width: auto;
    }

    .sp-qa2-title {
        font-size: 60px;
        margin-bottom: 65px;
        font-weight: 500;
    }

    .sp-qa2-title .sp-color {
        font-size: 40px;
        font-weight: 500;
    }

    .sp-qa2-title .sp-p {
        font-size: 36px;
    }

    /*  .sp-qa2-title {
    font-size: 70px;  
    margin-bottom: 51px;
  }

  .sp-qa2-item {
    margin-bottom: 40px;  
  }


*/
    .sp-qa2-icon-box {
        width: 32px;
        height: 32px;
        color: #ffffff;
        font-size: 32px;
    }

    .sp-qa2-icon-box .fa-solid,
    .fa-add:before,
    .fa-plus:before {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 27px;
    }

    .sp-qa2-question {
        font-size: 31px;
        padding: 0 30px;
    }

    .sp-qa2-answer {
        font-size: 30px;
        line-height: 36px;
        padding: 25px 30px 30px;
    }

    .sp-qa2-container .sp-btn-style1 {
        margin: 80px auto 0;
    }
}

.gradually .sp-title span,
.gradually i {
    display: inline-block;
    position: relative;
    opacity: 0;
    font-style: normal;
}

.gradually .sp-sub-title {
    opacity: 0;
}

@keyframes swift-up-fade {
    0% {
        transform: translateY(0.8rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes swiper-up-fade {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.sp-ani,
.sp-ani2 {
    opacity: 0;
}

@keyframes sp-fade-in {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes sp-fade-left {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes sp-fade-right {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes stuckMoveDown {
    0% {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes stuckMoveUp {
    0% {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes stuckMoveLeft {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes stuckFadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



/* Automatic Generated Fixed CSS */
@media only screen and (max-width: 1080px) {
    .mf-bundle-product {
        zoom: 2.2;
    }

    #root .quick-add-hidden {
        zoom: 1 !important;
    }
}

.mf-bundle-checkout-warning {
    color: #788188 !important;
    opacity: 0.6;
}

.app-embed-plus-component-pay-button-address-text {
    color: #000;
    opacity: 0.75;
    font-size: 16px !important;
}

.app-embed-plus-component-bundler {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

product-recommendations {
    display: none !important;
}

#root .customer_buy_more_wrapper .customer_buy_more_title {
    font-size: 50px;
    margin-bottom: 40px;
}

#root table.customer-buy-more-discount-table {
    color: #000;
}

#root .quick-add-hidden {
    margin: 20px 40px 40px;
    font-size: 40px;
    zoom: 0.6;
}

#root table.customer-buy-more-discount-table th,
td {
    padding: 20px 10px !important;
}

@media only screen and (min-width: 1081px) {
    .sp-part5 .sp-title {
        font-size: 51px;
    }
}
.custom-product-main-img img{
    width:auto !important;
    height:85% !important;
}
.custom-product-main-media{
        max-height:50vh !important;
    }
    
.custom-product-title h1{
    margin-top:20px !important;
}
@media (max-width: 767px) {
    .custom-product-time-text span{
        font-size:calc(var(--core-ui-design-unit) * 15)!important;
    }
    .custom-product-title h1{
        font-size:calc(var(--core-ui-design-unit) * 22)!important;
    }
    .custom-product-item{
        font-size:calc(var(--core-ui-design-unit) * 17)!important;
    }
    #custom-shopify-app-block{
        margin-bottom:-60px !important;
    }
    .footer__content-bottom{
        padding-bottom:30px !important;
    }
    
.custom-product-title h1{
    margin-top:-20px !important;
}
    .custom-product-main-media{
        max-height:45vh !important;
    }
}