@charset "utf-8";

/* Scroll Fade animation */
.scroll-whole .animation-ele{opacity:0;transition:all 1s;}
.scroll-whole .animation-ele.ani-left{transform:translateX(-5vw);}
.scroll-whole .animation-ele.ani-right{transform:translateX(5vw);}
.scroll-whole .animation-ele.ani-top{transform:translateY(-5vw);}
.scroll-whole .animation-ele.ani-bottom{transform:translateY(5vw);}
.scroll-whole .animation-ele.td1{transition-delay:0.1s;}
.scroll-whole .animation-ele.td2{transition-delay:0.2s;}
.scroll-whole .animation-ele.td3{transition-delay:0.3s;}
.scroll-whole .animation-ele.td4{transition-delay:0.4s;}
.scroll-whole .animation-ele.td5{transition-delay:0.5s;}
.scroll-whole .animation-ele.td6{transition-delay:0.6s;}
.scroll-whole .animation-ele.td7{transition-delay:0.7s;}
.scroll-whole .animation-ele.td8{transition-delay:0.8s;}
.scroll-whole .animation-ele.td9{transition-delay:0.9s;}
.scroll-whole.action .animation-ele{opacity:1;transform:translate(0,0);}

/* Product Detail */
.main-product section{position:relative;overflow:hidden;}
.main-product section > img{width:100%;height:auto;}
.main-product section .library{display:none;}
.main-product section .text{position:absolute;}
.main-product section .text h1{font-size:5.2vw;font-family:"Lexend-Bold";}
.main-product section .text h2{margin-bottom:1vw;font-size:2.5vw;font-family:"Lexend-Bold";}
.main-product section .text h3{font-size:1.9vw;}
.main-product section .text p{font-size:1.2vw;}
.main-product section .text img{width:auto;}
.main-product section .text.center{left:0;width:100%;text-align:center;}
.main-product section .text.white{color:#fff;}
.main-product section .cont h1{font-size:5.2vw;font-family:"Lexend-Bold";}
.main-product section .cont h2{margin-bottom:1vw;font-size:2.5vw;font-family:"Lexend-Bold";}
.main-product section .cont h3{font-size:1.9vw;}
.main-product section .cont p{font-size:1.2vw;}
.main-product section .cont img{width:auto;}
.main-product section .cont.center{left:0;width:100%;text-align:center;}
.main-product section .cont.white{color:#fff;}
.main-product section .pic-text{display:flex;}
.main-product section.normal{position:static;background-size:100% 100%;}
.main-product section.normal > img{width:auto;}
.main-product section.normal .text{position:static;}


/* S6000 */
.main-product.s6000 .screen-01 .text{top:8%;}
.main-product.s6000 .screen-01 .text p{font-size:2vw;}
.main-product.s6000 .screen-01 .text img{height:22vw;margin-top:3vw;}
.main-product.s6000 .screen-02 .text h3{margin:0.3vw 0;padding-left:1.2vw;}
.main-product.s6000 .screen-02 .text p{padding-left:1.2vw;}
.main-product.s6000 .screen-02 .text.tx1{left:6.55%;top:5%;}
.main-product.s6000 .screen-02 .text.tx1 img{height:43.6vw;}
.main-product.s6000 .screen-02 .text.tx2{left:46.2%;top:5%;}
.main-product.s6000 .screen-02 .text.tx2 img{height:18.5vw;}
.main-product.s6000 .screen-02 .text.tx3{left:46.2%;top:49.2%;}
.main-product.s6000 .screen-02 .text.tx3 img{height:18.5vw;}
.main-product.s6000 .screen-03 .text.tx1{left:52.65%;bottom:0;transform:translateY(100%);transition:all 1s;}
.main-product.s6000 .screen-03 .text.tx1 img{height:34.8vw;}
.main-product.s6000 .screen-03 .text.tx2{left:15.8%;top:40%;}
.main-product.s6000 .screen-03.action .text.tx1{transform:translateY(0);}
.main-product.s6000 .screen-04 .text{left:50%;top:45%;}
.main-product.s6000 .screen-05 .text{left:15.8%;top:40%;}
.main-product.s6000 .screen-06 .text{left:50%;top:45%;}
.main-product.s6000 .screen-07 .text{left:6.5%;top:40%;}
.main-product.s6000 .screen-08{padding:5vw 7vw;}
.main-product.s6000 .screen-08 .cont h2{margin-bottom:4vw;}
.main-product.s6000 .screen-08 .cont img{width:100%;height:auto;}
.main-product.s6000 .screen-09{padding:5vw 15.7vw;}
.main-product.s6000 .screen-09 .cont img{height:32vw;}
.main-product.s6000 .screen-09 .cont .text{width:40.5vw;text-align:left;}
.main-product.s6000 .screen-09 .cont .text h3{margin-bottom:4vw;}
.main-product.s6000 .screen-09 .cont .text ul{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:4vw;}
.main-product.s6000 .screen-09 .cont .text li{min-width:26%;padding-left:1vw;font-size:1.2vw;border-left:0.2vw solid #fff;box-sizing:border-box;}
.main-product.s6000 .screen-09 .cont .text li strong{display:block;font-size:1.9vw;}
.main-product.s6000 .screen-09 .cont .pic-text{justify-content:space-between;align-items:center;}
.main-product.s6000 .screen-10{padding:5vw 7.5vw;}
.main-product.s6000 .screen-10 .cont h2{margin-bottom:4vw;}
.main-product.s6000 .screen-10 .cont ul{display:flex;align-items:center;justify-content:space-between;}
.main-product.s6000 .screen-10 .cont li{display:flex;align-items:center;column-gap:2vw;text-align:left;}
.main-product.s6000 .screen-10 .cont li img{max-height:12vw;}
.main-product.s6000 .screen-10 .cont li p strong{display:block;margin-bottom:0.5vw;font-size:1.5vw;}
.main-product.s6000 .screen-10 .cont li p span{display:block;margin-top:0.3vw;}


/* S10000 */
.main-product.s10000 .screen-01 .text{left:7.5%;top:10%;}
.main-product.s10000 .screen-01 .text h1{margin-bottom:2vw;}
.main-product.s10000 .screen-01 .text h1 span{display:block;line-height:4vw;font-size:4vw;font-family:'Lexend-Regular';}
.main-product.s10000 .screen-01 .text img{height:13.5vw;margin-top:7vw;}
.main-product.s10000 .screen-02 .text p{margin-top:1vw;padding-left:1.2vw;}
.main-product.s10000 .screen-02 .text p span{display:inline-block;line-height:1.2vw;margin-top:0.4vw;font-size:0.95vw;}
.main-product.s10000 .screen-02 .text img{height:18.5vw;}
.main-product.s10000 .screen-02 .text.tx1{left:6.5%;top:10%;}
.main-product.s10000 .screen-02 .text.tx1 img{height:43.6vw;}
.main-product.s10000 .screen-02 .text.tx2{left:46.14%;top:10%;}
.main-product.s10000 .screen-02 .text.tx3{left:46.14%;top:54.2%;}
.main-product.s10000 .screen-02 .text.tx4{left:71%;top:54.2%;}
.main-product.s10000 .screen-03 .text{left:55%;top:40%;}
.main-product.s10000 .screen-04 .text{top:8%;}
.main-product.s10000 .screen-05 .text{left:9%;top:30%;}
.main-product.s10000 .screen-06 .text{left:9%;top:35%;}
.main-product.s10000 .screen-07 .text{top:8%;}
.main-product.s10000 .screen-08{padding:5vw 7.5vw;}
.main-product.s10000 .screen-08 .cont img{width:100%;height:auto;}
.main-product.s10000 .screen-09{padding:5vw 12vw;}
.main-product.s10000 .screen-09 .cont img{height:28vw;}
.main-product.s10000 .screen-09 .cont .text{width:45vw;text-align:left;}
.main-product.s10000 .screen-09 .cont .text h3{margin-bottom:4vw;}
.main-product.s10000 .screen-09 .cont .text ul{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:4vw;}
.main-product.s10000 .screen-09 .cont .text li{width:30%;padding-left:1vw;font-size:1.2vw;border-left:0.2vw solid #fff;box-sizing:border-box;}
.main-product.s10000 .screen-09 .cont .text li strong{display:block;font-size:1.9vw;}
.main-product.s10000 .screen-09 .cont .pic-text{justify-content:space-between;align-items:center;}
.main-product.s10000 .screen-10{position:relative;padding:5vw 7.5vw;}
.main-product.s10000 .screen-10 .cont h2{margin-bottom:4vw;}
.main-product.s10000 .screen-10 .cont ul{display:flex;align-items:center;justify-content:space-between;}
.main-product.s10000 .screen-10 .cont li{display:flex;align-items:center;column-gap:2vw;text-align:left;}
.main-product.s10000 .screen-10 .cont li img{max-width:15vw;max-height:12vw;}
.main-product.s10000 .screen-10 .cont li p strong{display:block;margin-bottom:0.5vw;font-size:1.5vw;}
.main-product.s10000 .screen-10 .cont li p span{display:block;margin-top:0.3vw;}
.main-product.s10000 .screen-10:before{content:"";position:absolute;left:7.5vw;bottom:0;width:85vw;height:1px;background-color:#3c3c3c;}


/* SP6000 */
.main-product.sp6000 .screen-01 .text{left:51%;top:15%;}
.main-product.sp6000 .screen-01 .text h1{margin-bottom:1vw;}
.main-product.sp6000 .screen-01 .text h1 span{display:block;line-height:4vw;font-size:4vw;font-family:'Lexend-Regular';}
.main-product.sp6000 .screen-01 .text figcaption{display:inline-block;line-height:3vw;margin-top:2vw;padding:0 1.7vw;border-radius:3vw;background-color:#000;color:#fff;font-size:1.6vw;}
.main-product.sp6000 .screen-01 .text img{height:8.4vw;margin-top:2vw;}
.main-product.sp6000 .screen-02 .text p{margin-top:1vw;padding-left:1.2vw;}
.main-product.sp6000 .screen-02 .text p span{display:inline-block;line-height:1.2vw;margin-top:0.4vw;font-size:0.95vw;}
.main-product.sp6000 .screen-02 .text img{height:18.5vw;}
.main-product.sp6000 .screen-02 .text.tx1{left:6.5%;top:10%;}
.main-product.sp6000 .screen-02 .text.tx1 img{height:43.6vw;}
.main-product.sp6000 .screen-02 .text.tx2{left:46.14%;top:10%;}
.main-product.sp6000 .screen-02 .text.tx3{left:71%;top:10%;}
.main-product.sp6000 .screen-02 .text.tx4{left:46.14%;top:54.2%;}
.main-product.sp6000 .screen-02 .text.tx5{left:71%;top:54.2%;}
.main-product.sp6000 .screen-03 .text{left:60%;top:60%;}
.main-product.sp6000 .screen-04 .text{left:50%;top:40%;}
.main-product.sp6000 .screen-05 .text{left:45%;top:45%;}
.main-product.sp6000 .screen-06 .text{left:10%;top:45%;}
.main-product.sp6000 .screen-07 .text{left:67%;top:5%;}
.main-product.sp6000 .screen-08 .text{top:6%;}
.main-product.sp6000 .screen-09{padding:5vw 10vw;background-color:#e8d4cf;}
.main-product.sp6000 .screen-09 .cont h2{margin-bottom:4vw;}
.main-product.sp6000 .screen-09 .cont img{width:100%;height:auto;}
.main-product.sp6000 .screen-10{padding:0 10vw 5vw;background-color:#e8d4cf;}
.main-product.sp6000 .screen-10 .cont img{width:100%;height:auto;}
.main-product.sp6000 .screen-11{padding:5vw 6vw;background-color:#e8d4cf;}
.main-product.sp6000 .screen-11 .cont h2{margin-bottom:4vw;}
.main-product.sp6000 .screen-11 .cont img{height:26.9vw;}
.main-product.sp6000 .screen-11 .cont .text{width:53.4vw;}
.main-product.sp6000 .screen-11 .cont .text ul{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:1.85vw;}
.main-product.sp6000 .screen-11 .cont .text li{width:31.8%;padding:3vw 2.5vw;background-color:#f9e9e4;border-radius:1.5vw;box-sizing:border-box;text-align:left;}
.main-product.sp6000 .screen-11 .cont .text li p{padding-left:1vw;border-left:0.2vw solid #333;}
.main-product.sp6000 .screen-11 .cont .text li p strong{display:block;line-height:2.2vw;font-size:1.9vw;}
.main-product.sp6000 .screen-11 .cont .pic-text{justify-content:space-between;align-items:center;padding-left:3.6vw;}
.main-product.sp6000 .screen-12{position:relative;padding:5vw 7.5vw;background-color:#e8d4cf;}
.main-product.sp6000 .screen-12 .cont h2{margin-bottom:4vw;}
.main-product.sp6000 .screen-12 .cont ul{display:flex;align-items:center;justify-content:space-between;}
.main-product.sp6000 .screen-12 .cont li{display:flex;align-items:center;column-gap:2vw;text-align:left;}
.main-product.sp6000 .screen-12 .cont li img{max-width:15vw;max-height:12vw;}
.main-product.sp6000 .screen-12 .cont li p strong{display:block;margin-bottom:0.5vw;font-size:1.5vw;}
.main-product.sp6000 .screen-12 .cont li p span{display:block;margin-top:0.3vw;}
.main-product.sp6000 .screen-12:before{content:"";position:absolute;left:7.5vw;bottom:0;width:85vw;height:1px;background-color:#3c3c3c;}

/* 产品 */
.product-box{margin: 0;width: 100%;overflow: clip;min-height: 100vh;}
.product-box .video-box{width: 100%;overflow: hidden;height: 56vw;background-color: #333333;}
.product-box .video-box video{width: 100%;height: 100%;object-fit: cover;}
.product-box .pc-box .img{display: block;width: 100%;transition: all 2s;height: auto;min-height: 30vw;}
.product-box .mobile-box {display: none;}
.product-box .mobile-box .img{display: block;width: 100%;transition: all 2s;min-height: 30vw;}
.product-box .content-main-box {padding: 40px 0px;color: #333333;background-color: #f7f7f7;}
.product-box .content-main-box .top-box{max-width: 1400px;margin: 50px auto; }
.product-box .content-main-box .top-box h1{font-size: 5vw;color: #333333;text-align: center;margin: 0;}
.product-box .content-main-box .top-box .tags-box{padding-top: 20px;display: flex; justify-content: center; flex-wrap: wrap; justify-items: center;}
.product-box .content-main-box .top-box .tags-box .tag{padding: 5px 10px;background-color: #333333;color: #ffffff;font-size: 12px; margin: 2px;border-radius: 1em;}
.product-box .content-main-box .colors-box{text-align: center;background: #333333;padding-bottom: 50px;}
.product-box .content-main-box .colors-box h2{margin: 0;font-size: 3vw;color: #ffffff;padding-top: 60px;}
.product-box .content-main-box .colors-box p{margin: 0;margin-top: 20px;font-size: 1.5vw;color: #cccccc;}
.product-box .content-main-box .colors-box .choice-box{background: #333333;margin-top: 30px;}
.product-box .content-main-box .colors-box .choice-box .item{display: inline-block;text-align: center;padding-bottom: 20px;margin: 10px;background: #ffffff;border-radius: 10px;overflow: hidden;padding: 10px;}
.product-box .content-main-box .colors-box .choice-box .item .img-box {width: 250px;height: 250px;overflow: hidden;border-radius: 10px;}
.product-box .content-main-box .colors-box .choice-box .item .img {display: block;width: 100%;height: 100%;transition: all 500ms;}
.product-box .content-main-box .colors-box .choice-box .item:hover .img{transform: scale(110%);box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.product-box .content-main-box .colors-box .choice-box .item .name{font-size: 12px;color: #666666;padding-top: 10px;}
.product-box .content-main-box .m-box{max-width: 1400px;margin: auto; display: flex;justify-content: space-between;flex-wrap: wrap;padding: 10px;box-sizing: border-box;}
.product-box .content-main-box .m-box .content-box{width: calc(70% - 20px);box-sizing: border-box;border-radius: 6px;padding: 20px;background: #ffffff;}
.product-box .content-main-box .m-box .right-box{width: 30%;box-sizing: border-box;border-radius: 6px;padding: 20px;background: #ffffff;}
.product-box .content-main-box .m-box .right-box h2{margin: 0;padding: 0;font-size: 18px;color: #333333;padding-bottom: 20px;padding-top: 10px;}
.product-box .content-main-box .m-box .right-box .title{font-size: 14px;font-weight: normal;color: #333333;margin: 0;padding: 0;}
.product-box .content-main-box .m-box .right-box .content{background: #f7f7f7;border-radius: 6px;padding: 10px;line-height: 1.8em;color: #565656;font-size: 14px;}
.attrs-box {padding-bottom: 50px;}
.attrs-box table{width: 100%;}
.attrs-box table td{background: #f7f7f7;color: #333333;padding: 15px 10px;border-radius: 6px;}
.product-box .faq-list{margin-bottom:4vw;}
.product-box .faq-list h2{margin-bottom:1vw;font-size:2.5vw;color:#fff;}
.product-box .faq-list ul{padding:0px 10px;background-color:#141414;border-radius:3px;}
.product-box .faq-list li{position:relative;padding:20px 10px;border-bottom:1px solid #253046;cursor:pointer;transition:all .5s;}
.product-box .faq-list li h3{position:relative;margin:0;padding-right:20px;padding-left:10px;font-size:14px;color:#fff;}
.product-box .faq-list li h3:before{content:"";position:absolute;right:0;top:0.72vw;width:20px;height:2px;margin-top:-1px;background-color:#253046;}
.product-box .faq-list li h3:after{content:"";position:absolute;right:0.6vw;top:0.12vw;width:2px;height:20px;margin-right:-1px;background-color:#253046;}
.product-box .faq-list .faq-question{display:block;width:100%;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;}
.product-box .faq-list .faq-question:focus-visible{outline:2px solid var(--main-color);outline-offset:4px;border-radius:4px;}
.product-box .faq-list li p{font-size:12px;color:#777;line-height: 1.5em;}
.product-box .faq-list li .answer{display:none;padding-top:1vw;}
.product-box .faq-list li:nth-last-child(1){border-bottom:none;}
.product-box .faq-list li:before{content:"";position:absolute;left:0;top:25px;width:0.5vw;height:0.5vw;background-color:var(--main-color);border-radius:50%;transition:all .5s;}
.product-box .faq-list li.expand h3:after{display:none;}
.product-box .faq-list li:hover{background-color:#161616;}
.product-box .faq-list li:hover:before{left:0.5vw;}
.product-box .flavored-box {
    width: 100%;
    min-height: 100vh;
    overflow-y: clip;
    background-size: cover;
    background-position: center;
    background: linear-gradient(45deg, #f46e30 25%, rgb(0,0,0) 25%, rgb(0,0,0) 50%, #f46e30 50%, #f46e30 75%, rgb(0,0,0) 75%, rgb(0,0,0) 100%);
}

.product-box .flavored-box .sticky-container {
    position: sticky;
    top: 10px;
    height: 100vh;
    display: flex;
    align-items: center;
}

.product-box .flavored-box .content-container {
    width: 100%;
    overflow: hidden;
}

.product-box .flavored-box .title {
    font-size: 2.25rem;
    color: #ffffff;
    text-align: center;
    padding: 1.25rem;
    padding-bottom: 3rem;
}

.product-box .flavored-box .flavored-box-m {
    display: flex;
    color: white;
    will-change: transform;
}

.product-box .flavored-box .flavored-item {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-sizing: border-box;
}

.product-box .flavored-box .item-container {
    width: 100%;
    background: white;
    border-radius: 0.75rem;
    overflow: visible;
    text-align: center;
}

.product-box .flavored-box .image-container {
    width: 100%;
    aspect-ratio: 1/1;
    background: #ffffff;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.product-box .flavored-box .pic {
    height: 100%;
    width: 100%;
    display: block;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    will-change: transform;
    transform: scale(0.2); /* 初始缩放 */
    transition: transform 0.5s ease;
    object-fit: contain;
}

.product-box .flavored-box .item-title {
    font-size: 14px;
    padding: 10px;
    color: #333333;
    font-weight: normal;
}

.product-box .flavored-box .flavored-progress {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 5px;
    border-radius: 5px;
    background: rgba(255,255,255,0.8);
    z-index: 20;
    will-change: transform, opacity;
    transform: scaleX(0);
    transition: opacity 0.5s ease, transform 0s linear;
}

@media (max-width: 640px) {
    .product-box .flavored-box .flavored-item {
        width: 80vw;
        padding: 0.5rem;
    }
}

@media (min-width: 641px) {
    .product-box .flavored-box .flavored-item {
        width: 20vw;
        padding: 0.5rem;
    }
}

@media (max-width: 768px) {
    .product-box .pc-box{display: none;}
    .product-box .mobile-box{display: block;}
    .product-box .content-main-box {padding: 10px;}
    .product-box .content-main-box .m-box{padding: 0;}
    .product-box .content-main-box .m-box .content-box{width: 100%;}
    .product-box .content-main-box .m-box .right-box{width: 100%;margin-top: 10px;}
    .product-box .content-main-box .colors-box{padding-bottom: 0;}
    .product-box .content-main-box .colors-box h2{font-size: 6vw;padding-top: 40px;}
    .product-box .content-main-box .colors-box p{font-size: 3vw;}
    .product-box .content-main-box .colors-box .choice-box{padding: 0;}
}

/* Sikary Fit Page Styles */
.sikary-fit {
    background-color: #000000;
}

/* Preserve every source image's intrinsic ratio as it scales responsively. */
.sikary-fit img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.sikary-fit .page1-banner {
    width: 100%;
    height: 100vh;
    background-image: url('/sikary/images/products/fit-live/202509011345556aa706097_w1921_h961.webp');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

@media (max-width: 640px) {
    .sikary-fit .page1-banner {
        align-items: flex-start;
    }
}

.sikary-fit .page1-content {
    padding: 5rem;
}

@media (max-width: 640px) {
    .sikary-fit .page1-content {
        padding: 2.5rem;
    }
}

.sikary-fit .page1-title {
    height: auto;
    display: block;
    aspect-ratio: 521/207;
    width: 100%;
    max-width: 500px;
}

.sikary-fit .page1-subtitle {
    height: auto;
    display: block;
    aspect-ratio: 241/396;
    width: 40%;
    max-width: 200px;
    margin-top: 2.5rem;
}

.sikary-fit .page2 {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sikary-fit .page2-container {
    padding: 2.5rem;
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #ddbb57;
    font-size: 0.875rem;
}

@media (max-width: 640px) {
    .sikary-fit .page2-container {
        padding: 1.25rem;
        flex-wrap: wrap;
        gap: 10px;
    }
}

.sikary-fit .page2-item {
    width: 32%;
    border-radius: 0.75rem;
    background-color: #121212;
    border: 1px solid #ddbb57;
    aspect-ratio: 2/3;
}

@media (max-width: 640px) {
    .sikary-fit .page2-item {
        width: 100%;
    }
    .sikary-fit .page2-item:nth-child(2),
    .sikary-fit .page2-item:nth-child(3) {
        width: calc(50% - 5px);
    }
}

.sikary-fit .page2-item-img-box {
    height: 80%;
}

.sikary-fit .page2-item-img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.sikary-fit .page2-item-text {
    padding: 1.25rem;
}

.sikary-fit .page3 {
    position: relative;
}

.sikary-fit .page3-sticky {
    position: sticky;
    top: 5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-bottom: 200px;
}

@media (max-width: 640px) {
    .sikary-fit .page3-sticky {
        padding-bottom: 100px;
    }
}

.sikary-fit .page3-inner {
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

.sikary-fit .page3-pic1 {
    display: block;
    width: 60%;
    max-width: 500px;
    aspect-ratio: 558/276;
    margin-left: auto;
}

.sikary-fit .page3-pic2 {
    display: block;
    position: absolute;
    left: 0;
    bottom: 2.5rem;
    width: 80%;
    max-width: 1200px;
    aspect-ratio: 1227/307;
    transform: translate3d(-100vw, 0, 0);
    will-change: transform;
}

.sikary-fit .page3-placeholder {
    width: 100%;
    height: 300px;
}

.sikary-fit .section-block {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding: 1.25rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    box-sizing: border-box;
}

.sikary-fit .section-img-center {
    display: block;
    margin: auto;
    width: 90%;
    max-width: 900px;
}

.sikary-fit .section-text {
    padding-top: 2.5rem;
    font-size: 1.125rem;
    color: #696969;
    text-align: center;
}

.sikary-fit .page4-container {
    max-width: 1200px;
    position: relative;
    margin: auto;
    width: 100%;
    padding: 1.25rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 640px) {
    .sikary-fit .page4-container {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.sikary-fit .page4-left-img {
    display: block;
    width: 25%;
    object-fit: contain;
    object-position: top;
    aspect-ratio: 271/861;
}

@media (max-width: 640px) {
    .sikary-fit .page4-left-img {
        width: 25%;
    }
}

.sikary-fit .page4-right {
    width: 70%;
}

@media (max-width: 640px) {
    .sikary-fit .page4-right {
        width: 100%;
    }
}

.sikary-fit .page4-right-img1 {
    display: block;
    margin: auto;
    width: 90%;
    max-width: 700px;
    aspect-ratio: 779/72;
}

.sikary-fit .page4-right-img2 {
    display: block;
    margin: auto;
    width: 80%;
    max-width: 500px;
    aspect-ratio: 592/618;
}

.sikary-fit .page4-right-img3 {
    display: block;
    margin: auto;
    margin-top: -10rem;
    width: 80%;
    max-width: 550px;
    aspect-ratio: 601/107;
}

.sikary-fit .page4-text {
    padding-top: 2.5rem;
    font-size: 1.125rem;
    color: #696969;
}

.sikary-fit .page5-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem;
}

.sikary-fit .page5-left {
    width: 25%;
}

.sikary-fit .page5-right {
    width: 75%;
}

.sikary-fit .page5-left-img {
    display: block;
    width: 100%;
    aspect-ratio: 296/562;
}

.sikary-fit .page5-right-img {
    display: block;
    width: 100%;
    aspect-ratio: 1251/541;
}

.sikary-fit .page5-text {
    padding: 2.5rem;
    padding-top: 0;
    font-size: 1.125rem;
    color: #696969;
    margin-top: -5rem;
}

.sikary-fit .page6-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sikary-fit .page6-left {
    width: 30%;
}

.sikary-fit .page6-right {
    width: 65%;
}

.sikary-fit .page6-left-img {
    display: block;
    width: 100%;
    aspect-ratio: 493/183;
}

.sikary-fit .page6-right-img {
    display: block;
    width: 100%;
    aspect-ratio: 806/620;
}

.sikary-fit .page6-text {
    padding: 2.5rem;
    font-size: 1.125rem;
    color: #696969;
    text-align: center;
}

.sikary-fit .page7-banner {
    max-width: 1400px;
    margin: auto;
    position: relative;
    width: 100%;
    padding: 1.25rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    box-sizing: border-box;
    aspect-ratio: 1715/965;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/sikary/images/products/fit-live/20250901134557c392f4746_w1715_h965.webp');
}

@media (max-width: 640px) {
    .sikary-fit .page7-banner {
        aspect-ratio: 1/1.2;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

.sikary-fit .page7-title {
    display: block;
    width: 70%;
    max-width: 700px;
    aspect-ratio: 892/85;
}

.sikary-fit .page7-text {
    width: 40%;
    font-size: 1.125rem;
    color: #696969;
    text-align: center;
    position: absolute;
    right: 1.25rem;
    bottom: 2.5rem;
}

@media (max-width: 640px) {
    .sikary-fit .page7-text {
        width: 90%;
        font-size: 0.75rem;
        bottom: 1.25rem;
    }
}

.sikary-fit .page8-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sikary-fit .page8-left {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: space-between;
}

@media (max-width: 640px) {
    .sikary-fit .page8-left {
        gap: 0.25rem;
    }
}

.sikary-fit .page8-left .item {
    width: 30%;
}

.sikary-fit .page8-left .item img {
    display: block;
    width: 100%;
    object-fit: contain;
    object-position: center;
    aspect-ratio: 1/1;
}

.sikary-fit .page8-right {
    width: 65%;
}

.sikary-fit .page8-right img {
    display: block;
    width: 100%;
    aspect-ratio: 853/575;
}

.sikary-fit .page8-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sikary-fit .page8-bottom-left {
    width: 40%;
}

.sikary-fit .page8-bottom-left img {
    display: block;
    width: 100%;
    max-width: 200px;
    aspect-ratio: 227/210;
}

.sikary-fit .page8-bottom-right {
    width: 60%;
    margin-top: -5rem;
}

@media (max-width: 640px) {
    .sikary-fit .page8-bottom-right {
        width: 50%;
        margin-top: -1.25rem;
    }
}

.sikary-fit .page8-bottom-right img {
    display: block;
    margin-left: auto;
    width: 100%;
    max-width: 300px;
    aspect-ratio: 350/308;
}

.sikary-fit .page8-desc {
    width: 100%;
    padding-top: 2.5rem;
    font-size: 1.125rem;
    color: #696969;
    text-align: center;
}

.sikary-fit .page9-container {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding: 1.25rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 640px) {
    .sikary-fit .page9-container {
        flex-wrap: wrap;
    }
}

.sikary-fit .page9-left {
    width: 38%;
}

@media (max-width: 640px) {
    .sikary-fit .page9-left {
        width: 100%;
    }
}

.sikary-fit .page9-left img {
    display: block;
    width: 100%;
    aspect-ratio: 486/520;
}

.sikary-fit .page9-right {
    width: 55%;
}

@media (max-width: 640px) {
    .sikary-fit .page9-right {
        width: 100%;
        margin-top: 2.5rem;
    }
}

.sikary-fit .page9-title {
    display: block;
    margin-left: auto;
    width: 100%;
    aspect-ratio: 908/102;
}

.sikary-fit .page9-specs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 2.5rem;
}

.sikary-fit .page9-spec-item {
    min-width: 0;
    padding: clamp(18px, 1.7vw, 26px);
    box-sizing: border-box;
    border-radius: 0.5rem;
    background-color: #f1f1f1;
    display: grid;
    grid-template-rows: 36px 1fr 24px 34px;
    align-items: start;
}

@media (max-width: 640px) {
    .sikary-fit .page9-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .sikary-fit .page9-spec-item {
        padding: 16px;
    }
}

.sikary-fit .page9-spec-item img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    object-position: center;
    object-fit: contain;
    aspect-ratio: 1/1;
    align-self: start;
}

.sikary-fit .page9-spec-label {
    align-self: end;
    font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
    line-height: 1.3;
    color: #696969;
    padding-top: 0;
}

.sikary-fit .page9-spec-value {
    min-width: 0;
    font-size: clamp(1.18rem, 1.65vw, 1.55rem);
    line-height: 1.15;
    color: #121212;
    padding-top: 0.55rem;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .sikary-fit {
        width: 100%;
        overflow-x: hidden;
    }

    .sikary-fit .page2 {
        min-height: auto;
        padding: 18px 0 34px;
        align-items: flex-start;
    }

    .sikary-fit .page2-container {
        width: 100%;
        max-width: none;
        padding: 0 18px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sikary-fit .page2-item,
    .sikary-fit .page2-item:nth-child(2),
    .sikary-fit .page2-item:nth-child(3) {
        width: 100%;
        min-width: 0;
        aspect-ratio: auto;
        min-height: 330px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 14px;
    }

    .sikary-fit .page2-item-img-box {
        height: auto;
        min-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px 14px 0;
        box-sizing: border-box;
    }

    .sikary-fit .page2-item-img {
        width: 100%;
        height: 240px;
        max-width: 100%;
        object-fit: contain;
    }

    .sikary-fit .page2-item-text {
        width: 100%;
        padding: 14px 16px 22px;
        box-sizing: border-box;
        font-size: clamp(18px, 6vw, 24px);
        line-height: 1.38;
        overflow-wrap: normal;
        word-break: normal;
    }

    /* Keep legacy width/height attributes from stretching responsive imagery. */
    .sikary-fit img {
        max-width: 100%;
        height: auto;
        aspect-ratio: auto;
    }

    .sikary-fit .page1-banner {
        min-height: min(760px, calc(100svh - 52px));
        height: auto;
        background-position: 58% center;
    }

    .sikary-fit .page1-content {
        width: 100%;
        padding: 34px 24px;
        box-sizing: border-box;
    }

    .sikary-fit .page1-title {
        width: 100%;
    }

    .sikary-fit .page1-subtitle {
        width: 42%;
        margin-top: 24px;
    }

    .sikary-fit .page2-item-img {
        width: 100%;
        height: 220px;
        object-fit: contain;
    }

    .sikary-fit .page3-sticky {
        top: 58px;
        min-height: 390px;
        padding: 64px 18px 110px;
        box-sizing: border-box;
    }

    .sikary-fit .page3-pic1 {
        width: 72%;
    }

    .sikary-fit .page3-pic2 {
        width: 100%;
        bottom: 34px;
    }

    .sikary-fit .page3-placeholder {
        height: 220px;
    }

    .sikary-fit .section-block,
    .sikary-fit .page4-container,
    .sikary-fit .page9-container {
        padding: 54px 18px;
    }

    .sikary-fit .section-img-center {
        width: 100%;
    }

    .sikary-fit .section-text,
    .sikary-fit .page4-text,
    .sikary-fit .page5-text,
    .sikary-fit .page6-text,
    .sikary-fit .page8-desc {
        padding: 24px 0 0;
        margin: 0;
        color: rgba(255, 255, 255, 0.62);
        font-size: 15px;
        line-height: 1.75;
        text-align: left;
    }

    .sikary-fit .page4-right-img1,
    .sikary-fit .page4-right-img2,
    .sikary-fit .page4-right-img3 {
        width: 100%;
    }

    .sikary-fit .page4-right-img3 {
        margin-top: -52px;
    }

    .sikary-fit .page4-left-img {
        width: 34%;
        margin: 42px auto 0;
        object-fit: contain;
    }

    .sikary-fit .page5-flex {
        align-items: center;
        padding-top: 32px;
        gap: 12px;
    }

    .sikary-fit .page5-left {
        width: 30%;
    }

    .sikary-fit .page5-right {
        width: 70%;
    }

    .sikary-fit .page6-flex {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .sikary-fit .page6-left {
        width: 78%;
        margin: auto;
    }

    .sikary-fit .page6-right {
        width: 100%;
    }

    .sikary-fit .page7-banner {
        min-height: 520px;
        aspect-ratio: auto;
        padding: 38px 18px;
        background-position: 55% center;
    }

    .sikary-fit .page7-title {
        width: 100%;
    }

    .sikary-fit .page7-text {
        right: 18px;
        bottom: 24px;
        width: calc(100% - 36px);
        color: rgba(255, 255, 255, 0.68);
        font-size: 13px;
        line-height: 1.65;
        text-align: left;
    }

    .sikary-fit .page8-top {
        align-items: center;
        gap: 10px;
    }

    .sikary-fit .page8-left {
        width: 38%;
    }

    .sikary-fit .page8-right {
        width: 62%;
    }

    .sikary-fit .page8-left .item img {
        aspect-ratio: 1;
    }

    .sikary-fit .page8-bottom {
        align-items: flex-end;
        margin-top: 16px;
    }

    .sikary-fit .page8-bottom-left,
    .sikary-fit .page8-bottom-right {
        width: 48%;
        margin-top: 0;
    }

    .sikary-fit .page9-left img,
    .sikary-fit .page9-title {
        width: 100%;
    }

    .sikary-fit .page9-right {
        margin-top: 36px;
    }

    .sikary-fit .page9-specs {
        margin-top: 24px;
    }
}