/* Mobile adaptation for fixed-width PC layout. Applies only below 760px viewport. */
@media screen and (max-width: 760px) {

    /* Remove PC fixed-width constraints and browser default body margin */
    html, body {
        min-width: 0 !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden;
    }

    /* Full-width layout containers */
    .row, .full-wrap, .flup-wrap, .ftpc-cont, .fdet-iner, .foot-wrap,
    .flnk-wrap, .fcpy-wrap, .fbar-wrap, .fgds-wrap, .frag {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Header */
    .head-wrap, .head-tool, .head-cont {
        width: 100% !important;
        min-width: 0 !important;
    }

    .head-cont .row {
        padding: 0 12px;
        box-sizing: border-box;
    }

    .head-logo img {
        height: 40px;
        width: auto !important;
    }

    .head-menu {
        max-width: 62% !important;
    }

    .head-menu > li {
        margin-left: 14px !important;
    }

    .head-menu .sec-nav {
        display: none !important;
    }

    .head-tool .right-txt {
        padding-right: 10px;
    }

    /* Hero swiper scales with viewport */
    .swiper-wrap, .swiper-container, .swiper-wrapper, .swiper-slide {
        width: 100% !important;
        min-width: 0 !important;
    }

    .swiper-container img, .swiper-slide img {
        width: 100% !important;
        height: auto !important;
    }

    /* Wide banners: scale instead of crop */
    .fgds-pic, .fbar-pic {
        width: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .fgds-pic img, .fbar-pic img {
        width: 100% !important;
        height: auto !important;
    }

    /* Article and profile content blocks */
    .fdet-tit, .fdet-cont, .ftpc-cont blockquote {
        width: auto !important;
        max-width: 100% !important;
    }

    .fdet-cont img, .ftpc-cont img {
        max-width: 100% !important;
        height: auto !important;
    }

    .ftpc-cont table {
        max-width: 100% !important;
    }

    /* Product grid becomes two columns */
    .grid-4-1200 {
        width: 100% !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .grid-img-box {
        height: 150px !important;
    }

    .row-puts {
        padding-left: 0 !important;
    }

    /* Footer columns stack */
    .tl {
        width: 100% !important;
        float: none !important;
    }

    /* Footer recommendation and copyright blocks */
    .frag-wrap, .frec-cont, .fcpy-inf {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .frec-cont .tl, .frec-cont .tr {
        width: 100% !important;
        float: none !important;
    }

    .frec-cont .tl a, .frec-cont .tr a {
        display: block;
    }

    /* Decorative full-bleed strip: shrink to viewport */
    .frag-wrap .max {
        width: 100% !important;
    }

    /* Generic guards */
    img {
        max-width: 100% !important;
    }

    /* Form controls must not exceed their column (padding/border included) */
    input, select, textarea, button {
        box-sizing: border-box;
        max-width: 100% !important;
    }
}