/* Inner pages only. The desktop stylesheet and template content stay unchanged. */
@media (max-width: 767.98px) {
    .banner { padding-top: 0; }
    .banner-sale { min-height: 300px; padding: 56px 20px 44px; background-size: auto 100%; background-position: 58% center; }
    .banner-sale::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(247 249 255 / 96%), rgb(247 249 255 / 84%) 65%, rgb(247 249 255 / 30%)); pointer-events: none; }
    .banner-sale:is(.banner-factory-reform, .banner-scene-sale, .banner-scene-shelves, .banner-scene-dynamic, .banner-scene-activity, .banner-strategy-store, .banner-digitalize-ai)::before { background: linear-gradient(90deg, rgb(9 14 42 / 96%), rgb(9 14 42 / 84%) 65%, rgb(9 14 42 / 25%)); }
    .banner-sale div { width: auto; max-width: 100%; }
    .banner-sale > div { position: relative; z-index: 1; width: 100%; min-width: 0; }
    .banner-sale .heading-visual-h1 { max-width: 100%; font-size: clamp(25px, 7vw, 32px); line-height: 1.35; overflow-wrap: anywhere; }
    .banner-sale .heading-visual-h2 { max-width: 100%; font-size: clamp(20px, 5.5vw, 25px); line-height: 1.4; overflow-wrap: anywhere; }
    .banner-sale p:first-of-type { max-width: 100%; padding: 6px 12px; font-size: 13px; line-height: 1.6; }
    .banner-sale p:last-child { width: fit-content; max-width: 100%; min-height: 46px; height: auto; padding: 10px 16px; margin-top: 26px; font-size: 15px; line-height: 1.5; }
    .banner-sale p:last-child i { flex: none; margin-left: 6px; }
    .banner-cooperation p:first-of-type { display: inline-block; width: auto; min-height: 0; height: auto; margin-top: 22px; padding: 4px 28px 4px 8px; border-radius: 0; background: linear-gradient(90deg, #ff8041 0%, rgb(255 128 65 / 0%) 100%); font-size: 15px; line-height: 1.5; cursor: default; }
    .banner-cooperation p:last-child { display: none; }
    .banner-patent p:last-child { height: auto; margin-top: 26px; }
    .container { overflow: clip; }
    .container [class*="-conten"], .container [class*="-cont"] { min-width: 0; max-width: 100%; }
    .container img, .container video { max-width: 100%; height: auto !important; object-fit: contain; }
    .container .container-w1200 .container-title { padding: 42px 0 22px; }
    .container .container-w1200 .container-title .heading-visual-h1 { overflow-wrap: anywhere; }
    .container > div[class^="container-"] { padding-bottom: 44px; }
    .container > div[class^="container-"] a.evaluate-conten-a,
    .container > div[class^="container-"] .button-sales { max-width: 100%; }

    /* Problems, questions, solution diagrams and comparison cards. */
    .container-traditional .traditional-conten ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: stretch; }
    .container-traditional .traditional-conten ul:not(:last-of-type) { margin-bottom: 14px; }
    .container-traditional .traditional-conten ul li,
    .container-traditional .traditional-conten ul:nth-child(2) li { width: 100%; height: auto; min-height: 0; padding: 24px 20px; }
    .container-traditional .traditional-conten ul li img { width: 64px; height: 64px !important; margin-bottom: 10px; }
    .container-traditional .traditional-conten ul li div { margin-bottom: 8px; font-size: 19px; }
    .container-traditional .traditional-conten-condiment,
    .container-traditional .traditional-conten-shelves,
    .container-traditional .traditional-conten-ai { min-height: 0; padding: 24px 20px; background-size: cover; }
    .container-traditional .traditional-conten-condiment .condiment-text { width: 100%; }
    .container-think { background-position: center top; background-size: cover; }
    .container-think .think-cont .heading-visual-h2 { font-size: clamp(20px, 6vw, 27px); line-height: 1.4; }
    .container-think .think-conten img { display: block; }
    .container-think .think-conten a { position: static; width: 100%; height: auto; min-height: 46px; margin: 16px auto 0; padding: 10px 12px; font-size: 15px; line-height: 1.5; }
    .container-sale_basics_c-digitalize { padding-top: 0; }
    .container-sale_basics_c-digitalize .sale_basics_c-cont { position: static; left: auto; }
    .container-sale_basics_c .sale_basics_c-conten ul,
    .container-sale_basics_c .aptitude-list ul,
    .container-sale_basics_c .patent-list ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .container-sale_basics_c .aptitude-list ul li,
    .container-sale_basics_c .patent-list ul li { width: 100%; min-width: 0; height: auto; margin: 0 !important; padding: 18px 12px; }
    .container-sale_basics_c .aptitude-list ul li img,
    .container-sale_basics_c .patent-list ul li img { max-width: 100%; }
    .container-quickly .quickly-conten ul li { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; }
    .container-quickly .quickly-conten ul li .quickly-text,
    .container-quickly .quickly-conten ul li .quickly-li { width: 100%; height: auto; padding: 0; }
    .container-quickly .quickly-conten ul li .quickly-icon { display: none; }
    .container-quickly .quickly-conten ul li .quickly-text div { margin-bottom: 8px; line-height: 1.5; }
    .container-quickly .quickly-conten ul li .quickly-text p { line-height: 1.7; }
    .container-quickly .quickly-conten a { width: 100%; height: auto; min-height: 46px; margin-top: 26px; padding: 10px; font-size: 15px; line-height: 1.5; }
    .container-play .play-conten { width: 100%; display: block; text-align: center; }
    .container-play .play-conten > img { display: block; margin: 0 auto 20px; }
    .container-play .play-conten > div { width: 100%; }

    /* Shared image-and-copy sections. */
    .container-attention .attention-conten .attention-text,
    .container-viscosity .viscosity-conten .viscosity-text,
    .container-support .support-conten .support-text,
    .container-report .report-conten .report-text { display: flex; flex-direction: column; gap: 18px; padding: 22px; }
    .container-viscosity .viscosity-conten .viscosity-text-b { padding: 22px; }
    .container-attention .attention-conten .attention-text .attention-left,
    .container-attention .attention-conten .attention-text .attention-right,
    .container-viscosity .viscosity-conten .viscosity-text .viscosity-left,
    .container-viscosity .viscosity-conten .viscosity-text .viscosity-right,
    .container-support .support-conten .support-text .support-left,
    .container-support .support-conten .support-text .support-right,
    .container-report .report-conten .report-text .report-left,
    .container-report .report-conten .report-text .report-right { width: 100%; min-width: 0; height: auto; padding: 0; }
    .container-attention .attention-conten .attention-text .attention-left a,
    .container-viscosity .viscosity-conten .viscosity-text .viscosity-left a,
    .container-support .support-conten .support-text a { width: fit-content; max-width: 100%; height: auto; min-height: 42px; margin-top: 18px; padding: 10px 16px; line-height: 1.5; font-size: 14px; }
    .container-viscosity .viscosity-conten .viscosity-text .viscosity-left::after,
    .container-attention .attention-conten .attention-text::after { display: none; }
    .container-viscosity .viscosity-conten .viscosity-text .scene-sale-a { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
    .container-viscosity .viscosity-conten .viscosity-text .scene-sale-a a { margin: 0 !important; }
    .container .scene-sale-a { position: static; inset: auto; display: flex; flex-wrap: wrap; gap: 8px; width: 100%; max-width: 100%; height: auto; margin-top: 18px; }
    .container .scene-sale-a a { position: static; flex: 0 1 auto; min-width: 0; max-width: 100%; margin: 0 !important; }
    .container-channel .channel-conten .scene-sale-a,
    .container-private .channel-conten .scene-sale-a,
    .container-digitalize_client .channel-conten .channel-item li .channel-left .scene-sale-a { position: static; inset: auto; width: 100%; height: auto; margin: 18px 0 0; flex-wrap: wrap; gap: 8px; }
    .container-channel .channel-conten .scene-sale-a a,
    .container-private .channel-conten .scene-sale-a a,
    .container-digitalize_client .channel-conten .channel-item li .channel-left .scene-sale-a a { position: static; width: fit-content; max-width: 100%; margin: 0; padding: 10px 14px; height: auto; min-height: 42px; line-height: 1.5; font-size: 14px; }
    .container-insight .insight-conten a,
    .container-portrait .portrait-conten a { position: static; width: 100%; height: auto; min-height: 46px; margin: 18px auto 0; padding: 10px; font-size: 15px; line-height: 1.5; }

    /* Existing desktop tabs remain in the DOM; mobile taps use inner-mobile.js. */
    .container-repurchase .repurchase-conten .repurchase-ul-title,
    .container-repurchase .repurchase-conten .repurchase-ul-title-printing,
    .container-brand .brand-conten .brand-ul-title,
    .container-digitalize .digitalize-nav_title ul,
    .container-digitalize_channel .channel-conten .channel-title,
    .container-digitalize_business .channel-conten .channel-title,
    .container-digitalize_client .channel-conten .channel-title { width: 100%; height: auto; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; border: 0; }
    .container-repurchase .repurchase-conten .repurchase-ul-title li,
    .container-repurchase .repurchase-conten .repurchase-ul-title-printing li,
    .container-brand .brand-conten .brand-ul-title li,
    .container-digitalize .digitalize-nav_title ul li,
    .container-digitalize_channel .channel-conten .channel-title li,
    .container-digitalize_business .channel-conten .channel-title li,
    .container-digitalize_client .channel-conten .channel-title li { flex: 1 1 42%; width: auto; min-width: 0; height: auto; margin: 0; padding: 10px; border: 1px solid #e5ddfa; border-radius: 8px; background: #f7f5fc; font-size: 14px; line-height: 1.5; text-align: center; }
    .container-repurchase .repurchase-conten .repurchase-ul-cont,
    .container-repurchase .repurchase-conten .repurchase-ul-cont-printing { margin-top: 18px; }
    .container-repurchase .repurchase-conten .repurchase-ul-cont li.active,
    .container-repurchase .repurchase-conten .repurchase-ul-cont-printing li.active,
    .container-influence .influence-conten .influence-ul-cont li.active,
    .container-brand .brand-conten .brand-ul-cont li.active,
    .container-digitalize_channel .channel-conten .channel-item li.active,
    .container-digitalize_business .channel-conten .channel-item li.active,
    .container-digitalize_client .channel-conten .channel-item li.active { display: flex; flex-direction: column; gap: 18px; height: auto; min-height: 0; padding: 22px; }
    .container-repurchase .repurchase-conten .repurchase-ul-cont .repurchase-left,
    .container-repurchase .repurchase-conten .repurchase-ul-cont-printing .repurchase-left,
    .container-repurchase .repurchase-conten .repurchase-ul-cont .repurchase-right,
    .container-repurchase .repurchase-conten .repurchase-ul-cont-printing .repurchase-right,
    .container-influence .influence-conten .influence-ul-cont .influence-left,
    .container-influence .influence-conten .influence-ul-cont .influence-right,
    .container-brand .brand-conten .brand-ul-cont img,
    .container-digitalize_channel .channel-conten .channel-item li .channel-left,
    .container-digitalize_business .channel-conten .channel-item li .channel-left,
    .container-digitalize_client .channel-conten .channel-item li .channel-left,
    .container-digitalize_channel .channel-conten .channel-item li .channel-right,
    .container-digitalize_business .channel-conten .channel-item li .channel-right,
    .container-digitalize_client .channel-conten .channel-item li .channel-right { position: relative; inset: auto; width: 100%; height: auto; min-width: 0; padding: 0; margin: 0; opacity: 1; animation: none; }
    .container-repurchase .repurchase-conten .repurchase-ul-cont .repurchase-left a,
    .container-influence .influence-conten .influence-ul-cont .influence-left a,
    .container-brand .brand-conten .brand-ul-cont .brand-text a,
    .container-digitalize_channel .channel-conten .channel-item li .channel-left a { width: fit-content; max-width: 100%; height: auto; min-height: 42px; margin-top: 18px; padding: 10px 16px; font-size: 14px; line-height: 1.5; }
    .container-brand .brand-conten .brand-ul-cont .brand-text .brand-text_p { width: 100%; margin-bottom: 18px; }
    .container-brand .brand-conten .brand-ul-cont .brand-text .brand-text_p p { margin-left: 0; min-width: 0; width: 100%; }
    .container-influence .influence-conten,
    .container-dynamic .dynamic-conten { display: block; overflow: visible; }
    .container-influence .influence-conten .influence-ul-title,
    .container-dynamic .dynamic-conten .dynamic-ul-title { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; margin-bottom: 14px; }
    .container-influence .influence-conten .influence-ul-title li,
    .container-dynamic .dynamic-conten .dynamic-ul-title li { width: 100%; height: auto; min-height: 44px; margin: 0; padding: 10px; font-size: 13px; line-height: 1.5; text-align: center; background: #f5f2ff; }
    .container-influence .influence-conten .influence-ul-title:is(:has(> li:nth-child(3):last-child), :has(> li:nth-child(4):last-child)) { gap: 4px; padding: 4px; background: #f5f2ff; border-radius: 10px; }
    .container-influence .influence-conten .influence-ul-title:has(> li:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .container-influence .influence-conten .influence-ul-title:has(> li:nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .container-influence .influence-conten .influence-ul-title:is(:has(> li:nth-child(3):last-child), :has(> li:nth-child(4):last-child)) li { display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0 !important; padding: 8px 3px; background: transparent; border-radius: 7px; font-size: 12px; }
    .container-influence .influence-conten .influence-ul-title:is(:has(> li:nth-child(3):last-child), :has(> li:nth-child(4):last-child)) li.active { background: white; box-shadow: 0 2px 8px rgb(51 32 117 / 8%); }
    .container-influence .influence-conten .influence-ul-title li::after,
    .container-dynamic .dynamic-conten .dynamic-ul-title li::after { display: none; }
    .container-dynamic .dynamic-conten .dynamic-ul-title { gap: 4px; padding: 4px; background: #f5f2ff; border-radius: 10px; }
    .container-dynamic .dynamic-conten .dynamic-ul-title li { margin: 0 !important; border-radius: 7px; }
    .container-digitalize .container-dynamic .dynamic-conten .dynamic-ul-title { grid-template-columns: repeat(4, minmax(0, 1fr)); height: auto; min-height: 0; margin: 0 0 10px; padding: 2px; }
    .container-digitalize .container-dynamic .dynamic-conten .dynamic-ul-title li { display: flex; align-items: center; justify-content: center; height: 40px; min-height: 40px; padding: 6px 2px; font-size: 11px; line-height: 1.3; }
    .container-influence .influence-conten .influence-ul-cont,
    .container-dynamic .dynamic-conten .dynamic-ul-cont { width: 100%; padding: 0; }
    .container-influence .influence-conten .influence-ul-cont li.active,
    .container-dynamic .dynamic-conten .dynamic-ul-cont li.active { position: relative; width: 100%; min-height: 0; height: auto; padding: 24px 20px; background-size: cover; }
    .container-influence .influence-conten .influence-ul-cont .influence-left div,
    .container-dynamic .dynamic-conten .dynamic-ul-cont .dynamic-left div { padding-top: 0; font-size: 20px; }
    .container-influence .influence-conten .influence-ul-cont .influence-left,
    .container-dynamic .dynamic-conten .dynamic-ul-cont .dynamic-left { position: relative; inset: auto; width: 100%; padding: 0; opacity: 1; animation: none; }
    .container-influence .influence-conten .influence-ul-cont .influence-left a,
    .container-dynamic .dynamic-conten .dynamic-ul-cont .dynamic-left a { width: fit-content; max-width: 100%; height: auto; min-height: 42px; margin-top: 18px; padding: 10px 16px; font-size: 14px; line-height: 1.5; }

    /* Step selectors with images: text and visual stack inside the same card. */
    .container-channel .channel-conten,
    .container-private .channel-conten,
    .container-apace .apace-conten,
    .container-media .media-conten { display: flex; flex-direction: column; gap: 16px; }
    .container-channel .channel-conten .channel-ul-title,
    .container-private .channel-conten .channel-ul-title,
    .container-apace .apace-conten .apace-ul-title,
    .container-media .media-conten .media-ul-title { width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; }
    .container-channel .channel-conten .channel-ul-title li,
    .container-private .channel-conten .channel-ul-title li,
    .container-apace .apace-conten .apace-ul-title li,
    .container-media .media-conten .media-ul-title li { padding: 10px 12px; border-bottom: 1px solid #eee9fa; font-size: 15px; }
    .container-channel .channel-conten .channel-ul-title li p,
    .container-private .channel-conten .channel-ul-title li p,
    .container-apace .apace-conten .apace-ul-title li p,
    .container-media .media-conten .media-ul-title li p { padding-left: 0; transform: none; opacity: 1; }
    .container-channel .channel-conten .channel-ul-cont,
    .container-private .channel-conten .channel-ul-cont,
    .container-apace .apace-conten .apace-ul-cont,
    .container-media .media-conten .media-ul-cont { width: 100%; }
    .container-channel .channel-conten .channel-ul-cont img,
    .container-private .channel-conten .channel-ul-cont img,
    .container-apace .apace-conten .apace-ul-cont img,
    .container-media .media-conten .media-ul-cont img { width: 100%; height: auto; }
    .container-channel .channel-conten > a,
    .container-private .channel-conten > a,
    .container-apace .apace-conten > a { position: static; width: 100%; height: auto; min-height: 44px; padding: 10px 14px; font-size: 14px; line-height: 1.5; order: 3; }
    .channel-speed, .apace-speed, .media-speed, .dynamic-speed { display: none; }
    .container-router { padding: 24px 20px 44px; }
    .container-router img { display: block; width: 100%; height: auto; }
    .container-router a { position: static; display: block; width: 100%; height: auto; min-height: 44px; margin-top: 16px; padding: 10px 14px; transform: none; font-size: 15px; line-height: 1.5; }

    /* Product-specific grids and the digital production page. */
    .container-digitalize .digitalize-ceiling,
    .container-digitalize .digitalize-nav_title { position: static !important; inset: auto !important; width: auto; margin: 0 20px 16px; }
    .container-digitalize .digitalize-nav_title ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 8px; }
    .container-digitalize .digitalize-nav_title ul li,
    .container-digitalize .digitalize-nav_title ul li.active { display: flex; align-items: center; justify-content: center; min-height: 52px; margin: 0; padding: 10px; font-size: 14px; line-height: 1.5; }
    .container-digitalize .digitalize-nav_title ul li:not(:last-of-type) { margin-bottom: 0; }
    .container-digitalize .digitalize-nav_title ul li:last-child { grid-column: 1 / -1; }
    .container-digitalize .nav_cont-ceiling { padding-top: 0 !important; }
    .container-digitalize .digitalize-nav_title ul li:not(:last-of-type)::before,
    .container-digitalize .digitalize-nav_title ul li::after,
    .container-digitalize .digitalize-nav_title ul li.active::after { content: none; display: none; }
    .container-digitalize .digitalize-nav_cont .container-digitalize_banner { padding-top: 0; }
    .container-coordinate .coordinate-conten ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .container-coordinate .coordinate-conten ul li,
    .container-coordinate .coordinate-conten ul li.active { width: 100%; height: auto; min-height: 0; }
    .container-coordinate .coordinate-conten ul li .coordinate-box { display: none; }
    .container-coordinate .coordinate-conten ul li .coordinate-box-hover,
    .container-coordinate .coordinate-conten ul li.active .coordinate-box-hover { display: block; position: relative; inset: auto; width: 100%; height: auto; padding: 22px; background: #191d4c; opacity: 1; animation: none; }
    .container-coordinate .coordinate-conten ul li .coordinate-box-hover a,
    .container-coordinate .coordinate-conten ul li .coordinate-box-hover a:nth-of-type(2) { position: static; display: inline-block; width: auto; height: auto; margin: 12px 8px 0 0; padding: 10px 14px; font-size: 14px; line-height: 1.5; }
    .container-coordinate .coordinate-conten ul li.active::before,
    .container-coordinate .coordinate-conten ul li.active::after { display: none; }

    /* Trust, team and location pages. */
    .container-introduce { padding-top: 0; }
    .container-introduce .introduce-conten { display: flex; flex-direction: column; gap: 18px; }
    .container-introduce .introduce-conten img,
    .container-introduce .introduce-conten .introduce-text { width: 100%; margin: 0; }
    .container-introduce .introduce-conten .introduce-text ul { position: static; width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 8px; margin-top: 20px; }
    .container-introduce .introduce-conten .introduce-text ul li { min-width: 0; padding: 0 6px; border: 0 !important; }
    .container-introduce .introduce-conten .introduce-text .introduce-title { margin-bottom: 16px; font-size: 23px; }
    .container-introduce .introduce-conten .introduce-text .introduce-p p { margin-bottom: 14px; }
    .container-history .history-conten ul li { display: block; margin-bottom: 24px; }
    .container-history .history-conten ul li div,
    .container-history .history-conten ul li p { width: 100%; margin: 0; padding: 0; }
    .container-history .history-conten ul li p::after,
    .container-history .history-conten ul li p::before { display: none; }
    .container-address .address-cont .address-conten ul,
    .container-process .process-conten ul,
    .container-elite .elite-conten ul,
    .container-upgrade .upgrade-conten ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding-bottom: 0; }
    .container-address .address-cont .address-conten ul li { width: 100%; height: 190px; font-size: 16px; }
    .container-address .address-cont .address-conten ul li p { height: 64px; line-height: 64px; }
    .container-address .address-map { padding: 24px 20px; }
    .container-address .address-map #map { width: 100%; height: 220px; background-position-x: right; }
    .container-address .address-map .map-model { position: static; width: 100%; max-height: none; margin-top: 12px; padding: 12px 18px; }
    .container-process .process-conten ul li,
    .container-elite .elite-conten ul li,
    .container-upgrade .upgrade-conten ul li,
    .container-upgrade .upgrade-conten ul li:first-child { width: 100%; min-width: 0; height: auto; min-height: 0; margin: 0 !important; padding: 14px; }
    .container-process .process-conten ul li .process-text { padding: 12px 2px; }
    .container-process .process-conten ul li .process-text div { font-size: 17px; }
    .container-elite .elite-conten ul li { min-height: 190px; padding-left: 12px; }
    .container-elite .elite-conten ul li .elite-text { width: 100%; padding-top: 8px; padding-right: 30px; }
    .container-elite .elite-conten ul li img { width: 90px; height: auto; opacity: .5; }
    .container-elite .elite-conten ul li .elite-tips { position: relative; left: auto; bottom: auto; display: inline-block; margin-top: 14px; }
    .container-upgrade .upgrade-conten ul li img { width: 48px; height: 48px !important; }
    .container-upgrade .upgrade-conten ul li div { font-size: 18px; }

    /* News listing, articles and search. */
    .container-news-list .news-cont .news-cont_search { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
    .container-news-list .news-cont .news-cont_search .search-right,
    .container-news-list .news-cont .news-cont_search .search-right input { width: 100%; }
    .container-news-list .news-cont .news-cont_list { padding: 0 16px; }
    .container-news-list .news-cont .news-cont_list .post-loop .post-item { display: flex; flex-direction: column-reverse; gap: 14px; padding: 20px 0; }
    .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-content { height: auto; min-width: 0; }
    .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-content .item-title { margin-bottom: 10px; font-size: 18px; line-height: 1.45; }
    .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-content .item-meta { position: static; margin-top: 10px; }
    .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img { width: 100%; height: auto; margin: 0; aspect-ratio: 16 / 9; }
    .container-news-list .news-cont .news-cont_list .post-loop .post-item .item-img img { width: 100%; height: 100% !important; object-fit: cover; }
    .container-news-list .news-cont .news-cont_list .pagination { flex-wrap: wrap; gap: 6px; }
    .container-news-details { padding-top: 0; }
    .container-news-details .cont-theme { display: flex; flex-direction: column; gap: 20px; }
    .container-news-details .cont-theme .theme-text { max-width: 100%; width: 100%; padding: 0 18px; }
    .container-news-details .cont-theme .theme-text .theme-text_top { padding: 22px 0; }
    .container-news-details .cont-theme .theme-text .theme-text_top .heading-visual-h1 { margin-bottom: 18px; font-size: 24px; line-height: 1.4; }
    .container-news-details .cont-theme .theme-text .theme-text_top .article-content,
    .container-news-details .cont-theme .theme-text .theme-text_top p { max-width: 100%; overflow-wrap: anywhere; font-size: 15px; line-height: 1.8; }
    .container-news-details .cont-theme .theme-text .theme-text_top table { display: block; max-width: 100%; overflow-x: auto; }
    .container-news-details .cont-theme .theme-item,
    .container-news-details .cont-theme .theme-item.sticky { position: static; width: 100%; max-height: none; margin: 0; }
    .container-news-details .cont-relevant { margin-top: 24px; padding: 0 18px 24px; }
    .container-news-details .cont-relevant .relevant-item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .container-news-details .cont-relevant .relevant-item .item-li { width: 100%; }

    /* Customer reviews keep their existing carousel and all slides. */
    .container-evaluate .evaluate-conten { width: 100%; }
    .container-evaluate .evaluate-conten .slide,
    .container-evaluate .evaluate-conten .slide .outer { width: 100%; height: auto; min-height: 0; }
    .container-evaluate .evaluate-conten .slide .inner { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
    .container-evaluate .evaluate-conten .slide .inner > li { grid-area: 1 / 1; position: relative; min-width: 0; }
    .container-evaluate .evaluate-conten .slide .inner li .li-cont { position: relative; display: flex; flex-direction: column; gap: 14px; width: 100%; height: auto; min-height: 100%; padding: 18px; border-radius: 12px; background-size: cover; }
    .container-evaluate .evaluate-conten .slide .slide-left,
    .container-evaluate .evaluate-conten .slide .slide-right { width: 100%; height: auto; margin: 0; padding: 0; }
    .container-evaluate .evaluate-conten .slide .slide-left .slide-logo { width: 100px; height: auto; margin: 0 auto 14px; }
    .container-evaluate .evaluate-conten .slide .slide-left .slide-text { padding: 0; font-size: 14px; }
    .container-evaluate .evaluate-conten .slide .slide-left .slide-text > img { display: none; }
    .container-evaluate .evaluate-conten .slide .slide-left .slide-text p:last-child { font-size: 15px; }
    .container-evaluate .evaluate-conten .slide .slide-right { max-width: 210px; align-self: center; }
    .container-evaluate .evaluate-conten .slide .outer .dot { position: static; margin-top: 16px; }
    .container-evaluate .evaluate-conten .slide .outer .dot li { width: 24px; }
    .container-evaluate .evaluate-conten .slide .arrow-box { position: static; display: flex; justify-content: space-between; width: 100%; height: 38px; margin-top: 10px; }
    .container-evaluate .evaluate-conten .slide .arrow-box .arrow { width: 36px; height: 36px; }
    .container-evaluate .evaluate-conten .evaluate-conten-a { width: 100%; height: auto; min-height: 46px; margin-top: 20px; padding: 10px; font-size: 15px; line-height: 1.5; }
}

@media (max-width: 390px) {
    #header .header-container .nav-box .nav-mid .navbar-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .container-process .process-conten ul,
    .container-elite .elite-conten ul { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 340px) {
    #header .header-container .nav-box .nav-mid .navbar-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}