/* ==================================================
   2026新增自适应站点，此代码通用全部站点，包含case，warranty，contact us
================================================== */
@media screen and (max-width: 1600px) {
    .warranty_content_box .he_conten3 {
        width: 1200px;
    }

    .warranty_pro_box {
        margin-left: 60px;
    }
     .contact_content_box .he_conten3 {
        width: 1200px;
    }

    .contact_top_title {
        padding-top: 230px;
    }

    .contact_entry_list li {
        width: calc(50% - 20px);
    }

    .contact_area_box {
        margin-left: 60px;
    }
      .case_detail_hero {
        height: 730px;
        padding-top: 70px;
    }

    .case_detail_hero_grid {
        margin-top: 42px;
        grid-template-columns: 370px minmax(0, 1fr);
        gap: 44px;
    }

    .case_detail_intro {
        padding-top: 54px;
        padding-left: 28px;
    }

    .case_detail_intro h1 {
        font-size: 38px;
    }

    .case_detail_meta {
        margin-top: 32px;
        font-size: 17px;
    }

    .case_detail_stats {
        margin-top: 116px;
    }

    .case_detail_stats span {
        min-width: 165px;
        height: 52px;
    }

    .case_detail_stats strong {
        font-size: 23px;
    }

    .case_detail_gallery {
        height: 490px;
    }

    .case_detail_thumbs button {
        width: 112px;
        height: 72px;
    }

    .case_detail_thumbs {
        height: 72px;
    }
}

@media screen and (max-width: 1440px) 
{
    .case_list_banner_box {
        height: 408px;
    }

    .case_list_banner_content_box {
        padding-bottom: 105px;
    }

    .case_list_banner_content_box h1 {
        font-size: 42px;
    }

    .case_list_banner_content_box p {
        font-size: 21px;
    }

    .case_list_content_box {
        padding-top: 72px;
    }

    .case_list_content_btn {
        height: 76px;
    }

    .case_list_category {
        height: 76px;
        padding-right: 24px;
        padding-left: 24px;
        gap: 18px;
        font-size: 16px;
    }

  
    .case_list_content_btn_ico {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .case_list_content_btn_ico img {
        width: 21px;
        height: 21px;
    }

    .case_list_grid {
        margin-top: 72px;
    }
}


@media screen and (max-width: 1360px) {
    .case_detail_product_image a
    {
        padding: 60px;
    }
    .case_detail_product_body h3{
        font-size: 20px;
    }
    .case_detail_overview p
    {
        font-size: 18px;
    }
    .case_detail_hero_grid{
        margin-top: 80px;
    }
    .case_detail_inner {
        width: min(1100px, calc(100% - 60px));
    }

    .case_detail_hero .case_detail_inner {
        width: min(1100px, calc(100% - 60px));
    }

    .case_detail_hero {
        height: 630px;
        padding-top: 60px;
    }

    .case_detail_hero_grid {
        grid-template-columns: 400px minmax(0, 1fr);
        gap: 32px;
    }

    .case_detail_intro {
        padding-top: 38px;
        padding-left: 22px;
    }

    .case_detail_intro h1 {
        font-size: 34px;
    }

    .case_detail_pdf {
        width: 38px;
        height: 38px;
        left: -48px;
        margin-right: 10px;
        vertical-align: 5px;
    }

    .case_detail_meta {
        margin-top: 25px;
        gap: 25px;
        font-size: 15px;
    }

    .case_detail_stats {
        margin-top: 82px;
        gap: 12px;
    }

    .case_detail_stats span {
        min-width: 145px;
        height: 46px;
        padding: 0 12px;
        gap: 7px;
    }

    .case_detail_stats strong {
        font-size: 18px;
    }

    .case_detail_gallery {
        height: 420px;
    }

    .case_detail_thumbs {
        right: 14px;
        bottom: 14px;
        height: 58px;
        gap: 6px;
    }

    .case_detail_thumbs button {
        width: 88px;
        height: 58px;
    }

    .case_detail_product_grid {
        gap: 28px;
    }

    .case_detail_product_card {
        height: 420px;
    }

    .case_detail_product_image img {
        width: 100%;
        height: auto;
        max-height: 92%;
        transform: none;
    }

    .case_detail_product_card:hover .case_detail_product_image img,
    .case_detail_product_card:hover .case_detail_product_image img[src$="case_detail_product1.webp"] {
        transform: translateY(-5px) scale(1.035);
    }

    .case_detail_product_image {
        height: 285px;
    }

    .case_detail_product_body {
        height: 135px;
        padding: 24px 30px 20px;
    }
}

@media screen and (max-width: 1280px) {
    .warranty_content_box .he_conten3 {
        width: 96%;
        padding: 0;
    }

    .warranty_aside_box {
        width: 220px;
    }

    .warranty_aside_box li a {
        font-size: 16px;
        padding: 0 20px;
    }

    .warranty_pro_box {
        margin-left: 40px;
    }

    .warranty_pro_list li {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
    }

    .warranty_pro_list {
        margin-bottom: -20px;
    }

    .warranty_pro_card {
        padding: 24px 20px 0;
    }

    .warranty_pro_card_btm {
        left: 20px;
        right: 20px;
        bottom: 26px;
    }
    
      .contact_content_box .he_conten3 {
        width: 96%;
        padding: 0;
    }

    .contact_top_title {
        padding-top: 200px;
        font-size: 46px;
        line-height: 46px;
    }

    .contact_entry_list {
        margin-top: 70px;
    }

    .contact_entry_card {
        height: 460px;
        padding-top: 40px;
    }

    .contact_entry_card_ico {
        height: 140px;
    }

    .contact_entry_card h2 {
        margin-top: 30px;
        font-size: 24px;
    }

    .contact_entry_card_txt {
        width: 84%;
        margin-top: 24px;
        font-size: 18px;
        line-height: 28px;
    }

    .contact_entry_card_btn {
        bottom: 40px;
        width: 220px;
        height: 48px;
        font-size: 16px;
    }

    .contact_global_box {
        margin-top: 70px;
        padding-bottom: 80px;
    }

    .contact_global_title {
        padding-top: 70px;
        font-size: 34px;
        line-height: 34px;
    }

    .contact_main_box {
        margin-top: 50px;
    }

    .contact_area_box {
        margin-left: 40px;
    }

    .contact_area_part {
        margin-bottom: 50px;
    }

    .contact_area_part_title p {
        font-size: 22px;
        line-height: 22px;
    }

    .contact_area_list {
        margin: 30px 0 -20px;
    }

    .contact_area_list > li {
        width: calc((100% - 40px) / 3);
        margin: 0 20px 20px 0;
    }

    .contact_area_card_top {
        height: 90px;
        padding: 0 20px;
    }

    .contact_area_card_flag {
        width: 42px;
        height: 42px;
    }

    .contact_area_card_top p {
        margin-left: 12px;
        font-size: 22px;
        line-height: 22px;
    }

    .contact_area_card_info {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px)
{
     .case_list_banner_box {
        height: 340px;
    }

    .case_list_banner_content_box {
        padding-bottom: 80px;
    }

    .case_list_banner_content_box h1 {
        font-size: 36px;
    }

    .case_list_banner_content_box p {
        font-size: 18px;
    }

    .case_list_content_btn {
        width: 100%;
    }

    .case_list_category {
        padding-right: 16px;
        padding-left: 16px;
        gap: 12px;
        font-size: 14px;
    }

    .case_list_grid {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 30px;
    }

    .case_list_card {
        height: auto;
    }

    .case_list_card_image {
        height: auto;
        aspect-ratio: 1996 / 1123;
    }
      .case_detail_hero {
        height: auto;
        min-height: 780px;
        padding: 60px 0 80px;
    }

    .case_detail_hero_grid {
        margin-top: 35px;
        grid-template-columns: 1fr;
    }

    .case_detail_intro {
        padding-top: 0;
    }

    .case_detail_intro h1 {
        max-width: 600px;
    }

    .case_detail_stats {
        margin-top: 42px;
    }

    .case_detail_gallery {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .case_detail_content {
        padding-top: 70px;
    }

    .case_detail_solution {
        height: 440px;
    }

    .case_detail_solution_text {
        left: 40px;
    }
}

@media screen and (max-width: 991px) {
    .warranty_content_box {
        padding: 30px 0 60px;
    }

    .warranty_filter_box {
        margin-bottom: 30px;
    }

    .warranty_main_box {
        display: block;
    }

    .warranty_aside_box {
        position: relative;
        top: 0;
        width: 100%;
    }

    .warranty_aside_box ul {
        display: flex;
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .warranty_aside_box ul::-webkit-scrollbar {
        display: none;
    }

    .warranty_aside_box li {
        flex-shrink: 0;
        margin: 0 12px 0 0;
    }

    .warranty_aside_box li:last-child {
        margin-right: 0;
    }

    .warranty_aside_box li a {
        height: 44px;
        border-radius: 22px;
        border-color: #ececec;
        background: #fff;
    }

    .warranty_pro_box {
        margin: 24px 0 0;
    }

    .warranty_pro_part {
        margin-bottom: 50px;
    }

    .warranty_pro_part_title p {
        font-size: 22px;
        line-height: 22px;
    }

    .warranty_pro_list {
        margin-top: 24px;
    }
    
     .contact_top_box::before {
        height: 600px;
    }

    .contact_top_title {
        padding-top: 160px;
        font-size: 38px;
        line-height: 40px;
    }

    .contact_entry_list {
        margin-top: 50px;
    }

    .contact_entry_card {
        height: 400px;
        padding-top: 34px;
    }

    .contact_entry_card_ico {
        height: 110px;
    }

    .contact_entry_card h2 {
        margin-top: 24px;
        font-size: 20px;
        line-height: 22px;
    }

    .contact_entry_card_txt {
        width: 90%;
        margin-top: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .contact_entry_card_btn {
        bottom: 34px;
        width: 190px;
        height: 44px;
        font-size: 15px;
    }

    .contact_global_box {
        margin-top: 50px;
        padding-bottom: 60px;
    }

    .contact_global_title {
        padding-top: 50px;
        font-size: 28px;
        line-height: 28px;
    }

    .contact_main_box {
        display: block;
        margin-top: 30px;
    }

    .contact_aside_box {
        width: 100%;
    }

    .contact_aside_box ul {
        position: static;
        display: flex;
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .contact_aside_box ul::-webkit-scrollbar {
        display: none;
    }

    .contact_aside_box li {
        flex-shrink: 0;
        margin: 0 12px 0 0;
    }

    .contact_aside_box li:last-child {
        margin-right: 0;
    }

    .contact_aside_box li a {
        height: 44px;
        padding: 0 22px;
        border-radius: 22px;
        border-color: #ececec;
        background: #fff;
    }

    .contact_area_box {
        margin: 24px 0 0;
    }

    .contact_area_list > li {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
    }

    .contact_area_list > li:nth-child(3n) {
        margin-right: 20px;
    }

    .contact_area_list > li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 移动端(按750设计稿1:1换算,px/7.5=vw) */
@media screen and (max-width: 768px) {
    .warranty_content_box {
        padding: 9.33vw 0 11.47vw;
    }

    .warranty_content_box .he_conten3 {
        width: 90.4%;
        padding: 0;
    }

    /* 筛选行:Region 240px + 搜索框418px,占满一行 */
    .warranty_filter_box {
        margin-bottom: 9.33vw;
    }

    .warranty_filter_region {
        width: 32vw;
    }

    .warranty_filter_region_btn {
        height: 8vw;
        padding: 0 4vw;
        border-radius: 4vw;
    }

    .warranty_filter_region_btn span {
        font-size: 3.2vw;
        line-height: 3.2vw;
    }

    .warranty_filter_region_btn i {
        width: 1.73vw;
        height: 0.93vw;
        margin-left: 2vw;
    }

    .warranty_filter_region_list {
        top: 9.4vw;
        padding: 1.5vw 0;
        border-radius: 2.6vw;
    }

    .warranty_filter_region_list li {
        padding: 0 4vw;
        font-size: 3.2vw;
        line-height: 8.5vw;
    }

    .warranty_filter_search {
        flex: 1;
        width: auto;
        height: 8vw;
        margin-left: 2.67vw;
        border-radius: 4vw;
    }

    .warranty_filter_search_btn {
        left: 4vw;
        margin-top: -1.2vw;
        width: 2.4vw;
        height: 2.4vw;
    }

    .warranty_filter_search input {
        height: 8vw;
        padding: 0 4vw 0 8vw;
        font-size: 3.2vw;
    }

    /* 分类标签:激活项红边胶囊,其余纯文字,下方红色滚动指示条 */
    .warranty_aside_box ul {
        padding-bottom: 0;
    }

    .warranty_aside_box li {
        margin-right: 11.47vw;
    }

    .warranty_aside_box li a {
        height: 7.47vw;
        padding: 0 3.67vw;
        border-radius: 3.74vw;
        font-size: 3.2vw;
        line-height: 3.2vw;
        border-color: transparent;
        background: transparent;
    }

    .warranty_aside_box li.on a {
        background: #fff;
        border-color: #eb1920;
    }

    .warranty_aside_bar {
        display: block;
        height: 0.8vw;
        margin-top: 4vw;
        border-radius: 0.4vw;
    }

    .warranty_aside_bar i {
        border-radius: 0.4vw;
    }

    .warranty_pro_box {
        margin-top: 8vw;
    }

    .warranty_pro_part {
        margin-bottom: 9.33vw;
    }

    .warranty_pro_part_title i {
        width: 1.33vw;
        height: 1.33vw;
        margin-right: 1.6vw;
    }

    .warranty_pro_part_title p {
        font-size: 4.27vw;
        line-height: 4.27vw;
    }

    /* 卡片:678x210,单列,间距30px */
    .warranty_pro_list {
        margin: 6.67vw 0 -4vw;
    }

    .warranty_pro_list li {
        width: 100%;
        margin: 0 0 4vw;
    }

    .warranty_pro_card {
        height: 28vw;
        padding: 5.33vw 4vw 0;
        border-radius: 2.13vw;
    }

    .warranty_pro_card_top i {
        width: 8vw;
        height: 8vw;
        margin-right: 1.6vw;
    }

    .warranty_pro_card_top p {
        font-size: 3.47vw;
        line-height: 3.47vw;
    }

    .warranty_pro_card_btm {
        left: 4vw;
        right: 5.47vw;
        bottom: 6.13vw;
    }

    .warranty_pro_card_btm span {
        font-size: 3.2vw;
        line-height: 3.2vw;
    }

    .warranty_pro_card_link a {
        font-size: 3.2vw;
        line-height: 3.2vw;
    }

    .warranty_pro_card_view i {
        width: 3.2vw;
        height: 2.4vw;
        margin-right: 1.33vw;
    }

    .warranty_pro_card_down {
        margin-left: 6.13vw;
    }

    .warranty_pro_card_down i {
        width: 2.67vw;
        height: 2.67vw;
        margin-right: 1.33vw;
    }
    .he_bante .he_syp4inbt img{
        width: 18px;
    }
    
     .contact_content_box .he_conten3 {
        width: 90.4%;
        padding: 0;
    }

    .contact_top_box::before {
        height: 66.67vw;
    }

    .contact_top_title {
        padding-top: 18.4vw;
        font-size: 5.87vw;
        line-height: 7.2vw;
        letter-spacing: 0.11vw;
        white-space: nowrap;
    }

    /* 两个入口卡片:678x536,上下排列 */
    .contact_entry_list {
        display: block;
        margin-top: 6.67vw;
    }

    .contact_entry_list li {
        width: 100%;
        margin: 0 0 5.33vw;
    }

    .contact_entry_list li:last-child {
        margin-bottom: 0;
    }

    .contact_entry_card {
        height: 71.47vw;
        padding-top: 6.67vw;
        border-radius: 2.13vw;
        box-shadow: 0 0 2.13vw rgba(206, 206, 206, 0.4);
    }

    .contact_entry_card_ico {
        height: 24vw;
    }

    .contact_entry_card_ico img {
        filter: drop-shadow(0.27vw 0.67vw 2.13vw rgba(178, 178, 178, 0.5));
    }

    .contact_entry_card h2 {
        margin-top: 5.33vw;
        font-size: 4.27vw;
        line-height: 4.27vw;
        letter-spacing: 0.03vw;
    }

    .contact_entry_card_txt {
        width: auto;
        padding: 0 4vw;
        margin-top: 5.07vw;
        font-size: 3.2vw;
        line-height: 4vw;
        letter-spacing: 0.02vw;
    }

    .contact_entry_card_btn {
        bottom: 6.67vw;
        width: 40vw;
        height: 8vw;
        border-radius: 12vw;
        font-size: 3.2vw;
        line-height: 3.2vw;
    }

    .contact_entry_card_btn i {
        width: 2.67vw;
        height: 2.67vw;
        margin-left: 0.8vw;
    }

    /* Global Contacts */
    .contact_global_box {
        margin-top: 13.33vw;
        border-top: 0;
        padding-bottom: 13.33vw;
    }

    .contact_global_title {
        padding-top: 0;
        font-size: 5.33vw;
        line-height: 5.07vw;
    }

    .contact_main_box {
        margin-top: 9.33vw;
    }

    /* 大区标签:激活项红边胶囊,其余纯文字,下方红色滚动指示条 */
    .contact_aside_box ul {
        padding-bottom: 0;
    }

    .contact_aside_box li {
        margin-right: 8vw;
    }

    .contact_aside_box li a {
        height: 7.47vw;
        padding: 0 3.6vw;
        border-radius: 3.74vw;
        border-color: transparent;
        background: transparent;
        font-size: 3.2vw;
        line-height: 3.2vw;
    }

    .contact_aside_box li.on a {
        background: #fff;
        border-color: #eb1920;
    }

    .contact_aside_bar {
        display: block;
        height: 0.8vw;
        margin-top: 4vw;
        border-radius: 0.4vw;
    }

    .contact_aside_bar i {
        border-radius: 0.4vw;
    }

    .contact_area_box {
        margin-top: 8.27vw;
    }

    .contact_area_part {
        margin-bottom: 9.33vw;
    }

    .contact_area_part_title i {
        width: 1.33vw;
        height: 1.33vw;
        margin-right: 1.6vw;
    }

    .contact_area_part_title p {
        font-size: 4.27vw;
        line-height: 4.27vw;
        letter-spacing: 0.13vw;
    }

    /* 国家卡片:678x116,单列,间距30px */
    .contact_area_list {
        margin: 6.13vw 0 -4vw;
    }

    .contact_area_list > li,
    .contact_area_list > li:nth-child(2n),
    .contact_area_list > li:nth-child(3n) {
        width: 100%;
        margin: 0 0 4vw;
    }

    .contact_area_card {
        border-radius: 2.13vw;
    }

    .contact_area_card_top {
        height: 15.2vw;
        padding: 0 5.33vw;
    }

    .contact_area_card_flag {
        width: 7.47vw;
        height: 7.47vw;
    }

    .contact_area_card_top p {
        margin: 0 1.33vw 0 3.33vw;
        font-size: 3.73vw;
        line-height: 3.73vw;
    }

    .contact_area_card_arrow {
        width: 5.33vw;
        height: 5.33vw;
        background-size: 2.05vw 1.11vw;
    }

    .contact_area_card_info {
        padding: 0 5.33vw;
    }

    .contact_area_card_info li {
        padding: 2.67vw 0;
    }

    .contact_area_card_info li:first-child {
        padding: 3.33vw 0;
    }

    .contact_area_card_info li:last-child {
        padding-bottom: 4.67vw;
    }

    .contact_area_card_info li i {
        width: 2.93vw;
        margin-right: 1.33vw;
    }

    .contact_area_card_info li i.contact_ico_addr {
        height: 3.07vw;
        margin-top: 0.4vw;
        background-size: 2.4vw 3.07vw;
    }

    .contact_area_card_info li i.contact_ico_tel {
        height: 2.53vw;
        margin-top: 0.8vw;
        background-size: 2.93vw 2.49vw;
    }

    .contact_area_card_info li i.contact_ico_mail {
        height: 2.13vw;
        margin-top: 1.07vw;
        background-size: 2.89vw 2.17vw;
    }

    .contact_area_card_info li p {
        font-size: 3.2vw;
        line-height: 4.8vw;
    }

    /* 询盘弹窗 */
、

    .contact_form_notice {
        padding: 3.2vw 3.2vw 3.2vw 2.67vw;
        margin-bottom: 4vw;
        border-radius: 1.33vw;
    }

    .contact_form_notice i {
        width: 2.67vw;
        height: 2.67vw;
        margin: 0.8vw 1.6vw 0 0;
    }

    .contact_form_notice p {
        font-size: 3.2vw;
        line-height: 4.53vw;
    }
     .case_list_banner_box {
        height: 75.6vw;
        min-height: 0;
    }

    .case_list_banner_bg img {
        object-position: 68% center;
    }

    .case_list_banner_content_box {
        align-items: center;
        padding-top: 64px;
        padding-bottom: 0;
    }

    .case_list_banner_content_box h1 {
        font-size: 28px;
        line-height: 1.22;
        text-align: center;
    }

    .case_list_banner_content_box p {
        margin-top: 8px;
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
    }

    .case_list_content_box {
        padding-top: 32px;
    }

    .case_list_banner_content_box > .he_conten3,
    .case_list_content_box > .he_conten3 {
        width: calc(100% - 32px);
        padding: 0;
    }

    .case_list_content_btn {
        width: 100%;
        height: auto;
        grid-template-columns: 35% 30% 35%;
      
        overflow: hidden;
    }

    .case_list_category {
        width: 100%;
        height: 45px;
        justify-content: flex-start;
        gap: 11px;
        padding: 0 13px;
        font-size: 14px;
        line-height: 1.2;
    }

  

    .case_list_content_btn_ico {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .case_list_content_btn_ico img {
        width: 17px;
        height: 17px;
    }

    .case_list_grid {
        margin-top: 42px;
        grid-template-columns: 1fr;
        row-gap: 24px;
        margin-bottom: 24px;
    }

    .case_list_card {
        border-radius: 8px;
    }

    .case_list_card_image {
        height: auto;
        aspect-ratio: 690 / 482;
        border-radius: 8px 8px 0 0;
    }

    .case_list_card_body {
        height: 117px;
        padding: 20px 45px 18px 17px;
    }

    .case_list_card_title {
        font-size: 13px;
        line-height: 1.55;
    }
    .case_list_card_image::before {
    z-index: 0;
     }

    .case_list_card_tag {
        width: auto;
        height: 18px;
        left: 12px;
        top: 16px;
        padding: 0 7px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 15px;
    }

    .case_list_card_meta {
        left: 18px;
        bottom: 18px;
        gap: 6px;
        font-size: 12px;
    }

    .case_list_card_meta img {
        width: 12px;
        height: 15px;
    }

    .case_list_card_more {
        width: 16px;
        height: 16px;
        right: 16px;
        bottom: 22px;
    }

    .case_list_pagination_box {
        height: auto;
        min-height: 72px;
        margin-top: 32px;
        padding: 0 16px;
        overflow: visible;
        justify-content: center;
    }

    .case_list_pagination {
        min-width: 0;
        margin: 0 auto;
        flex-wrap: wrap;
        row-gap: 8px;
        column-gap: 10px;
    }
    
     .case_detail_product_image a
    {
        padding: 10px;
    }
    .case_detail_inner {
        width: calc(100% - 32px);
    }

    .case_detail_hero .case_detail_inner {
        width: calc(100% - 32px);
    }

    .case_detail_hero {
        min-height: 0;
        height: 527px;
        padding: 89px 0 55px;
        background-position: 62% bottom;
    }

    .case_detail_hero_grid {
        margin-top: 0;
        gap: 46px;
    }

    .case_detail_intro {
        padding-left: 30px;
    }

    .case_detail_intro h1 {
        max-width: 307px;
        font-size: 24px;
        line-height: 1.18;
        text-shadow: 3px 3px 4px rgba(0, 0, 0, .16);
    }

    .case_detail_pdf {
        width: 24px;
        height: 24px;
        margin-right: 0;
        position: absolute;
        left: -36px;
        top: 1px;
        display: block;
    }

    .case_detail_meta {
        margin-top: 15px;
        flex-wrap: nowrap;
        gap: 29px;
        font-size: 11px;
        line-height: 17px;
    }

    .case_detail_meta span {
        gap: 8px;
        white-space: nowrap;
    }

    .case_detail_meta img {
        width: 14px;
        height: 17px;
    }

    .case_detail_meta span:nth-child(2) img {
        width: 17px;
        height: 17px;
    }

    .case_detail_stats {
        margin-top: 18px;
        gap: 10px;
        flex-wrap: wrap;
    }

    .case_detail_stats span {
        min-width: 0;
        width: auto;
        height: 31px;
        padding: 0 12px;
        gap: 7px;
    }

    .case_detail_stats span:first-child,
    .case_detail_stats span:last-child {
        width: auto;
        flex: 0 0 auto;
    }

    .case_detail_stats img {
        width: 12px;
        height: 12px;
    }

    .case_detail_stats strong {
        font-size: 14px;
    }

    .case_detail_gallery {
        height: 199px;
        aspect-ratio: auto;
        border-radius: 15px;
    }

    .case_detail_play {
        width: 34px;
        height: 34px;
    }

    .case_detail_play span {
        margin-left: 3px;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 9px;
    }

    .case_detail_swiper_page .case_detail_hero {
        height: 585px;
    }

    .case_detail_swiper_page .case_detail_gallery {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: 256px;
        overflow: visible;
        background: transparent;
    }

    .case_detail_swiper_page .case_detail_swiper {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: 199px;
        overflow: hidden;
        border-radius: 15px;
    }

    .case_detail_thumbs {
        right: 0;
        bottom: 0;
        left: 0;
        height: 42px;
        gap: 4px;
    }

    .case_detail_thumbs button {
        width: calc((100% - 12px) / 4);
        height: 42px;
        border-width: 1px;
        border-radius: 4px;
    }

    .case_detail_thumbs span {
        left: 3px;
        bottom: 2px;
        font-size: 9px;
    }

    .case_detail_content {
        padding: 55px 0 61px;
    }

    .case_detail_content h2 {
        font-size: 18px;
        line-height: 1.25;
    }

    .case_detail_overview p {
        margin-top: 21px;
        font-size: 12px;
        line-height: 1.5;
    }

    .case_detail_products {
        margin-top: 56px;
    }

    .case_detail_products_swiper {
        margin-top: 30px;
        overflow: visible;
    }

    .case_detail_products_swiper .case_detail_product_card {
        width: auto;
        height: 285px;
    }

    .case_detail_product_image {
        height: 189px;
    }

    .case_detail_product_image img {
        width: 100%;
        height: auto;
        max-height: 167px;
        transform: translateY(5px);
    }

    .case_detail_product_body {
        height: 96px;
        padding: 20px 27px;
    }

    .case_detail_product_body h3 {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .case_detail_more {
        width: 66px;
        height: 25px;
        font-size: 10px;
    }

    .case_detail_product_pagination.swiper-pagination {
        margin-top: 35px;
    }

    .case_detail_solution {
        height: 418px;
    }

    .case_detail_solution img {
        object-position: 20% center;
    }

    .case_detail_solution_text {
        left: 16px;
        top: 69px;
        transform: none;
    }

    .case_detail_solution_text strong {
        font-size: 16px;
    }

    .case_detail_solution_text h2 {
        margin: 3px 0 12px;
        font-size: 20px;
    }

    .case_detail_solution_text a {
        width: 74px;
        height: 28px;
        font-size: 11px;
    }

    .case_detail_video_modal > div {
        width: calc(100% - 28px);
    }

    .case_detail_video_modal > button {
        right: 12px;
        top: 12px;
    }
}