@media (max-width:1200px){
.hero h1,.hero h2{
        font-size:clamp(36px, 5vw, 60px)
    }
     .cta-copy h2,.section-copy h2,.section-head h2{
        font-size:clamp(34px, 3vw, 40px)
    }
     .service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .cta-box,.hero-layout,.split-grid,.split-grid.reverse{
        grid-template-columns:1fr
    }
     .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:32px 24px
    }
     .process-showcase{
        grid-template-columns:1fr
    }
     .about-stat-grid{
        grid-template-columns:repeat(3,1fr)
    }
     .info-card-wide{
        grid-column:auto
    }
     .hero-sidecards{
        min-height:200px;
        margin-bottom:100px
    }
     .product-slider{
        width:calc(100% + 32px);
        margin-left:-16px;
        padding:0 16px
    }
     .cta-box{
        padding:48px 32px
    }
     .cta-inquiry-form{
        flex-wrap:wrap
    }
     .cta-inquiry-form input,.cta-inquiry-form textarea,.cta-submit{
        flex:1 1 calc(50% - 6px)
    }
     .cta-inquiry-form textarea{
        min-height:120px
    }
     .cta-submit{
        min-height:64px
    }
     .float-card,.metric-card,.quote-card{
        position:relative;
        right:auto;
        top:auto;
        bottom:auto;
        transform:none;
        width:100%
    }
     .chip-bottom,.chip-top{
        display:none
    }
     .advantages .split-grid.reverse,.factory .split-grid{
        grid-template-columns:1fr;
        gap:28px
    }
     .advantages .image-stack,.advantages .section-copy,.factory .factory-card.large,.factory .image-stack,.factory .section-copy{
        height:auto;
        min-height:0
    }
     .advantages .image-stack,.factory .image-stack{
        order:1
    }
     .advantages .section-copy,.factory .section-copy{
        order:2
    }
     .advantages .image-stack img,.factory .factory-card img{
        position:relative;
        inset:auto;
        width:100%;
        height:auto;
        min-height:420px;
        display:block
    }
     .testimonials-wrap{
        margin-top:28px
    }
     .testimonial-slider{
        padding-inline:0
    }
     .testimonial-card{
        padding:22px 20px 24px
    }
     .factory-card.large{
        grid-row:span 1;
        min-height:380px
    }
     .factory-copy{
        gap:16px
    }
     .process-steps{
        grid-template-columns:repeat(2,1fr);
        gap:30px 24px
    }
     .process-steps::before{
        display:none
    }
     .step:nth-child(2n){
        margin-top:0
    }
     .step:nth-child(3){
        margin-top:0
    }
     .step{
        min-height:auto
    }
     .image-stack img{
        min-height:480px
    }
     .highlight-stats{
        grid-template-columns:repeat(3,1fr)
    }
     #page_about .pa-cta-inner{
        grid-template-columns:1fr;
        gap:40px
    }
     #page_about .pa-cta-btns{
        flex-direction:row
    }
     #page_about .pa-tl-panel{
        gap:48px
    }
     #page_about .pa-certs-grid{
        grid-template-columns:repeat(3,1fr)
    }
     #page_about .pa-svc-row{
        gap:48px
    }
     .page_contact .ct-info-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .page_contact .ct-info-item{
        grid-column:auto
    }
     .page_contact .ct-info-item-wide{
        grid-column:span 2
    }
     .ct-branches-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     #page_blog .pb-featured-wrap{
        grid-template-columns:1fr;
        gap:36px
    }
     #page_blog .pb-posts-grid{
        grid-template-columns:repeat(2,1fr)
    }
     #page_blog .pb-sidebar-wrap{
        grid-template-columns:1fr 1fr
    }
     .pp-catalog-layout{
        grid-template-columns:210px 1fr;
        gap:24px
    }
     .pp-grid{
        grid-template-columns:repeat(2,1fr)
    }
     #page_products .pa-cta-inner{
        grid-template-columns:1fr;
        gap:40px
    }
     #page_products .pa-cta-btns{
        flex-direction:row
    }
     .pd-layout{
        grid-template-columns:1fr;
        gap:24px
    }
     .pd-hero{
        grid-template-columns:1fr 1fr;
        gap:24px
    }
     .pd-features-grid{
        grid-template-columns:1fr
    }
     .pd-gallery-grid{
        grid-template-columns:1fr 1fr
    }
     .pd-inquiry-wrap{
        grid-template-columns:260px 1fr;
        gap:28px
    }
     #page_cases .cs-case-grid{
        grid-template-columns:repeat(2,1fr)
    }
     #page_cases .cs-featured-card{
        grid-template-columns:1fr
    }
     #page_cases .cs-featured-card--reverse .cs-featured-img{
        order:0
    }
     #page_cases .cs-featured-card--reverse .cs-featured-info{
        order:0
    }
     #page_cases .cs-featured-img{
        aspect-ratio:16/9
    }
     #page_cases .cs-featured-info{
        padding:28px 28px 32px
    }
     #page_cases .cs-stat-item{
        padding:0 24px
    }
     #page_cases .cs-case-row{
        grid-template-columns:1fr;
        min-height:auto
    }
     #page_cases .cs-case-row--reverse .cs-case-img{
        order:0
    }
     #page_cases .cs-case-row--reverse .cs-case-content{
        order:0
    }
     #page_cases .cs-case-img{
        aspect-ratio:16/9
    }
     #page_cases .cs-case-content,#page_cases .cs-case-row--reverse .cs-case-content{
        padding:36px 32px 40px;
        background:#faf9f7
    }
     #page_blog_detail .pbd-layout{
        grid-template-columns:minmax(0,1fr);
        gap:28px
    }
     #page_blog_detail .pbd-sidebar{
        position:static;
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     #page_blog_detail .pbd-post-nav-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (max-width:991px){
.desktop-cta,.site-nav{
        display:none
    }
     .menu-toggle{
        display:flex
    }
     .site-nav.open{
        position:absolute;
        top:calc(100% + 10px);
        left:0;
        right:0;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:10px;
        padding:12px 20px 20px;
        background:rgba(255,255,255,.98);
        /* border-top:1px solid rgba(0,0,0,.05); */
        /* box-shadow:0 14px 30px rgba(20,18,16,.07); */
    }
     .site-nav.open .nav-link{
        color:var(--text)
    }
     .site-nav .nav-link::after{
        display:none
    }
     .site-nav.open>.nav-item,.site-nav.open>.nav-link{
        border-bottom:1px solid rgba(0,0,0,.06)
    }
     .site-nav.open>.nav-item{
        display:grid;
        gap:0
    }
     .site-nav.open .nav-item-head{
        justify-content:space-between;
        gap: 15px;
        /* min-height:48px; */
    }
     .site-nav.open .nav-item-head .nav-link{
        flex:1 1 auto;
        padding: 8px 0;
    }
     .site-nav.open .nav-subtoggle{
        width:32px;
        height:32px;
        flex:0 0 32px;
        border-radius:50%;
        color:var(--text);
        background:rgba(0,0,0,.04);
        display:inline-flex
    }
     .site-nav.open .nav-dropdown.open .nav-subtoggle{
        background:rgba(0,0,0,.06)
    }
     .site-nav.open .dropdown-menu{
        position:static;
        top:auto;
        left:auto;
        min-width:0;
        padding:10px 0 0 18px;
        margin:4px 0 10px;
        display:none;
        gap: 0px;
        background:0 0;
        border:0;
        border-top:1px solid rgba(0,0,0,.04);
        border-radius:0;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
        transition:none
    }
     .site-nav.open .nav-dropdown.open .dropdown-menu{
        display:grid;
        margin: 0;
    }
     .site-nav.open .dropdown-menu a{
        padding:8px 0;
        font-size: 14px;
        color:var(--text-light);
        border-radius:0
    }
     .site-nav.open .dropdown-menu a:hover{
        background:0 0;
        color:var(--text);
        transform:none
    }
     .nav-mobile-cta{
        display:none
    }
     .hero{
        min-height: 75vh;
    }
     .hero-content,.hero-layout,.hero-slider{
        min-height: 75vh;
        height:auto
    }
     .hero h1,.hero h2{
        font-size:clamp(30px, 10vw, 68px);
        line-height:1.3
    }
     .hero-text{
        font-size:16px;
        margin-bottom:20px
    }
     .search-toggle{
        width:42px;
        height:42px
    }
     .search-panel{
        right:50px;
        width:0
    }
     .site-header.search-open .search-panel{
        width:min(320px,calc(100vw - 112px))
    }
     .about-strip,.highlight-stats,.trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .process-steps{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .process-showcase{
        grid-template-columns:1fr
    }
     .product-slider{
        width:100%;
        margin-left:0;
        padding:0
    }
     .product-card{
        min-height:68vh
    }
     .case-card{
        box-shadow:var(--shadow)
    }
     .testimonials-wrap{
        margin-top:24px
    }
     .testimonial-card{
        padding:20px 18px 22px
    }
     .testimonial-avatar{
        width:84px;
        height:84px;
        margin-bottom:18px
    }
     .testimonial-card h3{
        font-size:18px
    }
     .testimonial-card p{
        font-size:15px;
        line-height:1.65
    }
     .process-showcase{
        gap:40px
    }
     .about-intro .split-grid,.advantages .split-grid.reverse{
        gap:50px
    }
     .about-intro .split-grid{
    display: flex;
    flex-direction: column-reverse;
}
    .about-image-card{
    border-radius: 10px;
}
     .about-strip{
        gap:12px
    }
     .about-strip strong{
        font-size:20px
    }
     .about-strip span{
        font-size:14px;
        text-transform:unset
    }
     .trust-item{
        padding:14px 12px
    }
     .trust-copy strong{
        margin-bottom:4px
    }
     .process-lead{
        width:min(100%,640px);
        padding-top:20px
    }
     .step{
        gap:20px
    }
     .step p{
        max-width:none
    }
     .step-copy{
        max-width:none
    }
     .cta-box{
        padding:38px 22px;
        gap:24px
    }
     .cta-copy-centered h2{
        font-size:clamp(34px, 9vw, 46px)
    }
     .cta-copy-centered p{
        width:min(100%,640px)
    }
     .cta-inquiry-form{
        flex-direction:column
    }
     .cta-inquiry-form input,.cta-inquiry-form textarea,.cta-submit{
        width:100%;
        flex:1 1 auto
    }
     .cta-inquiry-form textarea{
        min-height:130px
    }
     .section{
        padding:86px 0
    }
     .product-image{
        position:absolute;
        inset:0;
        aspect-ratio:auto
    }
     .product-card{
        min-height:72vh
    }
     .process-wrap,.product-highlight{
        padding:26px
    }
     .contact-card{
        padding:26px
    }
     .hero-scroll-indicator{
        display:none
    }
     .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:28px 20px
    }
     .footer-bottom{
        align-items:flex-start
    }
     .footer-bottom-links{
        justify-content:flex-start;
        text-align:left
    }
     #page_about .pa-intro-wrap{
        grid-template-columns:1fr;
        gap:48px
    }
     #page_about .pa-culture-grid{
        grid-template-columns:repeat(2,1fr)
    }
     #page_about .pa-gallery-swiper{
        height:520px
    }
     #page_about .pa-svc-row{
        grid-template-columns:1fr;
        gap:32px
    }
     #page_about .pa-svc-row:nth-child(2n) .pa-svc-row-img{
        order:0
    }
     #page_about .pa-svc-row:nth-child(2n) .pa-svc-row-body{
        order:0
    }
     #page_about .pa-tl-panel{
        grid-template-columns:1fr;
        gap:32px
    }
     #page_about .pa-tl-panel-img{
        aspect-ratio:16/9
    }
     #page_about .pa-tl-tab{
        padding:14px 8px;
        font-size:13px
    }
     #page_about .pa-certs-grid{
        grid-template-columns:repeat(3,1fr)
    }
     .page_contact .ct-main-wrap{
        grid-template-columns:1fr
    }
     .page_contact .ct-map{
        min-height:320px
    }
     .page_contact .ct-form-wrap{
        padding:0;
        gap:25px;
        background:0 0
    }
     .page_contact .ct-form .input{
        grid-template-columns:1fr
    }
     .pp-catalog-layout{
        grid-template-columns:1fr
    }
     .pp-sidebar{
        position:static
    }
     .pp-grid{
        grid-template-columns:repeat(2,1fr)
    }
     #page_products,#page_product_detail{
        padding-top:84px
    }
     .pd-layout{
        grid-template-columns:1fr
    }
     .pd-hero{
        grid-template-columns:1fr
    }
     .pd-gallery-main{
        aspect-ratio:1/1
    }
     .pd-imgtext{
        flex-direction:column;
        gap:24px
    }
     .pd-imgtext-img,.pd-imgtext-text{
        width:100%
    }
     .pd-gallery-grid{
        grid-template-columns:1fr
    }
     .pd-imgtext--right .pd-imgtext-img{
        order:0
    }
     .pd-imgtext--right .pd-imgtext-text{
        order:0
    }
     .pd-occasions-grid{
        grid-template-columns:1fr 1fr
    }
     .pd-process-steps{
        grid-template-columns:1fr
    }
     .pd-inquiry-wrap{
        grid-template-columns:1fr
    }
     #page_blog_detail .pbd-hero-grid{
        grid-template-columns:1fr;
        gap:26px
    }
     #page_blog_detail .pbd-hero-media img{
        height:420px
    }
     #page_blog_detail .pbd-body{
        padding:34px 28px
    }
     #page_blog_detail .pbd-sidebar{
        grid-template-columns:1fr
    }
     #page_blog_detail .pbd-toc-card.sidebar-widget{
        padding:0;
        border-radius:6px;
        overflow:hidden
    }
     #page_blog_detail .pbd-toc-card .sidebar-widget-title{
        position:relative;
        margin:0;
        padding:18px 22px 18px 36px;
        border-bottom:1px solid rgba(51,41,34,.08);
        font-size:20px;
        line-height:1.3;
        font-weight:800
    }
     #page_blog_detail .pbd-toc-card .sidebar-widget-title::before{
        content:"";
        position:absolute;
        left:22px;
        top:23px;
        width:3px;
        height:18px;
        border-radius:999px;
        background:var(--accent-deep)
    }
     #page_blog_detail .pbd-toc.sidebar-category-list{
        display:block;
        list-style:none;
        margin:0;
        padding:0 24px 12px
    }
     #page_blog_detail .pbd-toc.sidebar-category-list li{
        border-bottom:1px solid rgba(51,41,34,.08)
    }
     #page_blog_detail .pbd-toc.sidebar-category-list li:last-child{
        border-bottom:0
    }
     #page_blog_detail .pbd-toc.sidebar-category-list li a{
        display:block;
        padding:14px 8px;
        font-size:15px;
        line-height:1.45;
        font-weight:600;
        color:var(--pbd-text);
        transition:color .2s,background .2s
    }
     #page_blog_detail .pbd-toc.sidebar-category-list li a:hover,
     #page_blog_detail .pbd-toc.sidebar-category-list li.active>a,
     #page_blog_detail .pbd-toc.sidebar-category-list li>a.active{
        padding-left:8px;
        color:#8c6854;
        background:transparent
    }
     #page_blog_detail .pbd-toc.sidebar-category-list .pbd-toc-subitem a{
        padding-left:18px;
        font-size:14px
    }
     #page_blog_detail .pbd-toc.sidebar-category-list .pbd-toc-subitem a:hover,
     #page_blog_detail .pbd-toc.sidebar-category-list .pbd-toc-subitem.active>a,
     #page_blog_detail .pbd-toc.sidebar-category-list .pbd-toc-subitem>a.active{
        padding-left:18px
    }
}

@media (max-width:768px){
.container{
        width:min(100% - 24px,var(--container))
    }
     .cta-actions,.hero-buttons{
        flex-direction:column;
        width:100%
    }
     .cta-actions .btn,.hero-buttons .btn{
        width:100%
    }
     .hero-controls{
        bottom:10px;
        justify-content:center
    }
     .hero-arrow{
        width:38px;
        height:38px;
        margin:0 8px;
        display:none
    }
     .footer-grid,.highlight-stats,.process-steps,.trust-grid{
        grid-template-columns:1fr
    }
     .service-grid{
        grid-template-columns:1fr
    }
     .service-card-alt .service-body,.service-card-alt .service-media{
        order:initial
    }
     .service-media{
        min-height:220px
    }
     .service-body{
        padding:24px 22px 26px
    }
     .testimonials-wrap{
        margin-top:20px
    }
     .testimonial-slider{
        padding:0
    }
     .testimonial-card{
        padding:18px 16px 20px
    }
     .testimonial-avatar{
        width:76px;
        height:76px;
        margin-bottom:16px
    }
     .testimonial-card h3{
        font-size:16px;
        margin-bottom:10px
    }
     .testimonial-card p{
        font-size:14px;
        line-height:1.6
    }
     .advantages .image-stack img,.factory .factory-card img{
        min-height:280px;
        border-radius: 10px;
    }
     .factory-card.large{
        min-height:340px
    }
     .factory-copy{
        gap:14px
    }
     .site-header{
        padding:10px 0
    }
     #page_products,#page_product_detail{
        padding-top:76px
    }
     .header-inner{
        gap:14px;
        width:100%
    }
     .search-panel{
        right:48px
    }
     .site-header.search-open .search-panel{
        width:min(260px,calc(100vw - 92px))
    }
     .section{
        padding:60px 0
    }
     .cases,.section-decor,.services{
        padding-bottom:60px
    }
     .cta-copy h2,.section-copy h2,.section-head h2{
        font-size:24px
    }
     .adv-item h3,.case-card h3,.contact-card h3,.factory-caption h3,.footer-col h3,.product-content h3,.step h3{
        font-size:16px
    }
     .case-card p,.contact-card li,.factory-caption p,.footer-brand p,.footer-col p,.hero-sidecards p,.highlight-copy p,.product-content p,.section-copy p,.section-head p,.service-card p,.step p,.trust-item span{
        font-size:15px;
        max-width:100%
    }
     .factory-caption{
        padding:20px
    }
     .section-head{
        max-width:100%
    }
     .logo img{
        width:144px;
        margin-left:20px
    }
     .header-actions{
        margin-right:20px
    }
     .product-card{
        min-height: 65vh;
        border-radius:10px
    }
     .case-content{
        padding:20px
    }
     .footer-col:nth-child(2),.footer-col:nth-child(3){
        display:none
    }
     .cta-box{
        /* padding:30px 18px; */
        padding-top:0;
        padding-bottom: 0;
        width:100%
    }
     .cta-copy-centered h2{
        font-size:clamp(30px, 8vw, 38px);
        line-height:1.3
    }
     .cta-inquiry-form input,.cta-submit{
        min-height:45px;
        font-size:15px
    }
     .cta-inquiry-form textarea{
        min-height:120px
    }
     .process-wrap{
        margin-top:40px
    }
     .process-showcase{
        gap:34px
    }
     .process-lead{
        font-size:13px;
        line-height:1.8
    }
     .footer-bottom{
        gap:12px
    }
     .footer-bottom-links{
        gap:12px
    }
     .hero-sidecards{
        min-height:auto
    }
     .float-card,.metric-card,.quote-card{
        padding:20px
    }
     .product-highlight{
        gap:18px
    }
     #page_about .pa-inner-banner{
        height:260px
    }
     #page_about .pa-inner-banner h1{
        font-size:32px
    }
     #page_about .pa-culture-grid{
        grid-template-columns:1fr
    }
     #page_about .pa-cta-btns{
        flex-direction:column
    }
     #page_about .pa-certs-grid{
        grid-template-columns:repeat(2,1fr)
    }
     #page_about .pa-tl-tabs{
        flex-wrap:wrap;
        gap:10px;
        justify-content:space-between
    }
     #page_about .pa-tl-tab{
        flex:0 0 calc((100% - 2 * 20px)/ 3);
        font-size:16px;
        padding:8px 10px
    }
     #page_about .pa-svc-rows{
        gap:56px
    }
     .page_contact .ct-inner-banner{
        height:260px
    }
     .page_contact .ct-info-grid{
        grid-template-columns:1fr
    }
     .page_contact .ct-info-item{
        grid-column:auto;
        padding:20px;
        border-width:1px
    }
     .page_contact .ct-info-item-wide{
        grid-column:auto;
        gap:10px;
        border-radius:10px
    }
     .page_contact .ct-info-socials a{
        width:32px;
        height:32px
    }
     .page_contact .ct-form-footer{
        flex-direction:column;
        align-items:flex-start
    }
     .page_contact .ct-submit-btn{
        width:100%;
        justify-content:center
    }
     .page_contact .ct-branches-section{
        padding-bottom:64px
    }
     .page_contact .ct-branches-slider-wrap{
        padding:0 34px
    }
     .page_contact .ct-branch-card{
        padding:24px 20px
    }
     .page_contact .ct-branches-next,.page_contact .ct-branches-prev{
        width:32px;
        height:32px
    }
     .ct-branches{
        padding:8px 0 72px
    }
     .ct-section-head{
        margin-bottom:30px
    }
     .ct-section-head h2{
        font-size:28px
    }
     .ct-section-head p{
        font-size:15px
    }
     .ct-branches-grid{
        grid-template-columns:1fr;
        gap:18px
    }
     .ct-branch-card{
        padding:22px 18px 18px;
        border-radius:16px
    }
     .ct-branch-card h4{
        padding-bottom:14px;
        font-size:18px
    }
     .ct-branch-details{
        margin-top:14px
    }
     .ct-branch-details li{
        font-size:14px;
        line-height:1.65
    }
     #page_blog .pb-inner-banner{
        height:280px
    }
     #page_blog .pb-inner-banner h1{
        font-size:28px
    }
     #page_blog .pb-featured{
        padding:56px 0 40px
    }
     #page_blog .pb-posts{
        padding:56px 0 60px
    }
     #page_blog .pb-posts-grid{
        grid-template-columns:1fr;
        gap:28px
    }
     #page_blog .pb-sidebar-section{
        padding:56px 0 60px
    }
     #page_blog .pb-sidebar-wrap{
        grid-template-columns:1fr
    }
     #page_blog .pb-filter-wrap{
        gap:12px
    }
     #page_blog .pb-inner-banner{
        height:240px
    }
     #page_blog .pb-cta{
        padding:72px 0
    }
     #page_blog .pb-cta-btns{
        flex-direction:column;
        align-items:center
    }
     #page_blog .pb-cta-btn{
        width:100%;
        justify-content:center
    }
     #page_blog .pb-post-card-body{
        padding:20px 20px 18px
    }
     #page_blog .pb-sidebar-card{
        padding:24px 20px
    }
     #page_products .pa-cta-btns{
        flex-direction:column
    }
     .pp-grid{
        grid-template-columns:1fr
    }
     .pp-grid.pp-grid-list .pp-card{
        flex-direction:column
    }
     .pp-grid.pp-grid-list .pp-card-img-wrap{
        width:100%;
        aspect-ratio:3/4
    }
     .pp-toolbar{
        flex-direction:column;
        align-items:flex-start
    }
     .pd-hero{
        padding:0
    }
     .pd-form-row--2{
        grid-template-columns:1fr
    }
     .pd-inquiry-form .input{
        grid-template-columns:1fr
    }
     .pd-occasions-grid{
        grid-template-columns:1fr
    }
     .pd-features-grid{
        grid-template-columns:1fr
    }
     .pd-hero-actions{
        margin-bottom:20px
    }
     .pd-recommend-swiper-wrap{
        padding:0
    }
     .pd-recommend-header h2{
        font-size:21px
    }
     .pd-recommend-next,.pd-recommend-prev{
        width:32px;
        height:32px
    }
     #page_cases .cs-inner-banner{
        height:300px
    }
     #page_cases .cs-case-grid{
        grid-template-columns:1fr
    }
     #page_cases .cs-stats-inner{
        gap:0
    }
     #page_cases .cs-stat-item{
        padding:12px 20px
    }
     #page_cases .cs-stat-divider{
        width:40px;
        height:1px
    }
     #page_cases .cs-featured-results{
        gap:16px
    }
     #page_cases .cs-filter-bar{
        gap:8px
    }
     #page_cases .cs-filter-btn{
        font-size:13px;
        padding:6px 14px
    }
     #page_cases .cs-cases-list{
        padding:48px 0 32px
    }
     #page_cases .cs-case-content,#page_cases .cs-case-row--reverse .cs-case-content{
        padding:20px
    }
     #page_cases .cs-case-results{
        gap:16px
    }
     #page_cases .cs-result-num{
        font-size:20px
    }
     #page_cases .cs-cta-section{
        padding:72px 0
    }
     #page_faq .faq-header-section{
        padding:48px 0 36px
    }
     #page_faq .faq-body-section{
        padding:40px 0 56px
    }
     #page_faq .faq-question{
        font-size:15px;
        padding:18px 18px
    }
     #page_faq .faq-answer{
        padding:0 18px 20px
    }
     #page_blog_detail .pbd-hero{
        padding:56px 0 36px
    }
     #page_blog_detail .pbd-hero-copy h1{
        font-size:34px
    }
     #page_blog_detail .pbd-lead{
        font-size:15px
    }
     #page_blog_detail .pbd-hero-media::before{
        inset:-10px 10px 10px -10px
    }
     #page_blog_detail .pbd-hero-media img{
        height:300px
    }
     #page_blog_detail .pbd-content{
        padding: 20px 0 60px;
    }
     #page_blog_detail .pbd-body{
        padding:0;
        border:0
    }
     #page_blog_detail .pbd-body h3{
        font-size:25px
    }
     #page_blog_detail .pbd-quote{
        padding:22px 20px 22px 24px;
        font-size:19px
    }
     #page_blog_detail .pbd-image-block img{
        height:260px
    }
     #page_blog_detail .pbd-post-nav{
        padding:0 0 70px
    }
     #page_blog_detail .pbd-post-nav-grid{
        grid-template-columns:1fr
    }
     #page_blog_detail .pbd-toc-fab{
        position:fixed;
        right:12px;
        top:360px;
        z-index:1195;
        display:flex;
        align-items:center;
        justify-content:center;
        width:40px;
        height:40px;
        border:0;
        border-radius:9px;
        background:var(--dark);
        color:#fff;
        /*box-shadow:0 14px 30px rgba(31,29,26,.22);*/
        cursor:pointer
    }
     #page_blog_detail .pbd-toc-fab svg{
        width:21px;
        height:21px;
        stroke:currentColor;
        stroke-width:2;
        stroke-linecap:round
    }
     #page_blog_detail .pbd-toc-mask{
        position:fixed;
        inset:0;
        z-index:1190;
        display:block;
        background:rgba(21,18,15,.42);
        opacity:0;
        visibility:hidden;
        transition:opacity .22s ease,visibility .22s ease
    }
     #page_blog_detail .pbd-toc-mask.show{
        opacity:1;
        visibility:visible
    }
     #page_blog_detail .pbd-sidebar .pbd-toc-card.sidebar-widget{
        position:fixed;
        top:0;
        right:0;
        z-index:1200;
        width:min(86vw,340px);
        height:100vh;
        margin:0;
        border-radius:0;
        border-top:0;
        border-right:0;
        border-bottom:0;
        border-left:1px solid rgba(51,41,34,.12);
        background:#fff;
        /*box-shadow:-14px 0 34px rgba(31,29,26,.18);*/
        overflow:auto;
        transform:translateX(105%);
        transition:transform .24s ease;
        padding:16px 14px 24px
    }
     #page_blog_detail .pbd-sidebar .pbd-toc-card.sidebar-widget.open{
        transform:translateX(0)
    }
     #page_blog_detail .pbd-toc-card .sidebar-widget-title{
        position:sticky;
        top:0;
        z-index:1;
        background:#fff;
        margin:0 0 10px;
        padding:6px 2px 12px;
        border-bottom:1px solid rgba(51,41,34,.08);
        font-size:18px
    }
     #page_blog_detail .pbd-toc-card .sidebar-widget-title::before{
        display:none
    }
     #page_blog_detail .pbd-toc.sidebar-category-list{
        padding:0;
        display:grid;
        gap:8px
    }
     #page_blog_detail .pbd-toc.sidebar-category-list li{
        border-bottom:0
    }
     #page_blog_detail .pbd-toc.sidebar-category-list li a{
        border:1px solid rgba(51,41,34,.1);
        border-radius:10px;
        background:#faf7f2;
        padding:10px 12px;
        font-size:14px
    }
     #page_blog_detail .pbd-toc.sidebar-category-list .pbd-toc-subitem a{
        margin-left:14px;
        padding-left:12px;
        font-size:13px
    }
     #page_blog_detail .pbd-post-nav-item{
        padding:20px;
        border-radius:10px
    }
     #page_blog_detail .pbd-post-nav-item strong{
        font-size:15px
    }
     .btn{
        padding:7px 10px;
        min-height:auto;
        font-size:15px
    }
     .cta-inquiry-form{
        gap:15px
    }
     .auto-container{
        padding:0
    }
     #page_about .pa-title{
        font-size:22px
    }
     #page_about .pa-lead{
        font-size:15px;
        line-height:1.65
    }
     #page_about .pa-intro{
        padding:50px 0
    }
     #page_about .pa-intro-wrap{
        display:flex;
        flex-direction:column-reverse
    }
     #page_about .pa-intro-text{
        padding-right:0
    }
     #page_about .pa-culture{
        padding:50px 0
    }
     #page_about .pa-culture-head{
        margin-bottom:50px
    }
     #page_about .pa-culture-card{
        padding:25px
    }
     #page_about .pa-timeline{
        padding:50px 0
    }
     #page_about .pa-gallery{
        padding:50px 0
    }
     #page_about .pa-gallery-head{
        margin-bottom:50px
    }
     #page_about .pa-gallery-slide-caption{
        display:none
    }
     #page_about .pa-services{
        padding:50px 0
    }
     #page_about .pa-services-head{
        margin-bottom:50px
    }
     #page_about .pa-svc-row{
        gap:0
    }
     #page_about .pa-svc-row-body{
        padding:20px
    }
     #page_about .pa-svc-row-body h3{
        font-size:18px
    }
     #page_about .pa-svc-row-body p{
        margin-bottom:0;
        line-height:1.6
    }
     .page_contact .ct-main-section{
        padding:50px 0
    }
     .page_contact .ct-main-wrap{
        gap:50px
    }
     .page_contact .ct-field input,.page_contact .ct-field select,.page_contact .ct-field textarea{
        border-radius:10px
    }
     .page_contact .ct-info-bar{
        padding:50px 0
    }
     .page_contact .ct-info-icon{
        width:30px;
        height:30px;
        min-width:30px;
        border-width:1px
    }
     .page_contact .ct-info-text{
        display:block
    }
     .page_contact .ct-info-text strong{
        font-size:16px
    }
     .ct-branches{
        padding:50px 0
    }
     .pp-inner-banner{
        margin-top:66px
    }
     .pp-breadcrumb-bar{
        flex-wrap:wrap
    }
     .pp-catalog{
        padding:50px 0
    }
     .pp-catalog-layout{
        display:flex;
        flex-direction:column-reverse
    }
     .pp-result-count{
        font-size:18px
    }
     .pp-toolbar-right{
        display:none
    }
     .pp-card-title{
        min-height:auto;
        font-size:18px
    }
     .pp-card-desc{
        font-size:15px;
        min-height:auto
    }
     .pp-card-inquire{
        font-size:14px
    }
     .pd-body{
        padding:50px 0
    }
     .pd-layout{
        display:flex;
        flex-wrap:wrap;
        flex-direction:column
    }
     .pd-main{
        padding:10px
    }
     .pd-hero-title{
        font-size:24px
    }
     .pd-factory-block{
        flex-wrap:wrap
    }
     .pd-inquiry-section{
        padding:50px 0
    }
     .pd-recommend-section{
        padding:50px 0
    }
     .pd-recommend-next,.pd-recommend-prev{
        display:none
    }
     #page_blog_detail .pbd-sidecard{
        padding:20px
    }
     #page_blog_detail .pbd-related-item img{
        border-radius:10px
    }
}

@media (max-width:1024px){
    .page_quotation{
        padding:70px 0;
    }
    .page_quotation .page_quotation_head{
        margin-bottom:60px;
    }
    .page_quotation .page_quotation_head h1{
        font-size:36px;
        margin-bottom:15px;
    }
    .page_quotation .page_quotation_head p{
        max-width:100%;
    }
    .page_quotation .page_quotation_box{
        flex-wrap:wrap;
    }
    .page_quotation .page_quotation_box .left,
    .page_quotation .page_quotation_box .right{
        flex:0 0 100%;
        min-width:0;
    }
    .page_quotation .page_quotation_box .right{
        position:static;
    }
}

@media (max-width:768px){
    .page_quotation{
        padding:50px 0;
    }
    .page_quotation .page_quotation_head{
        margin-bottom:36px;
    }
    .page_quotation .page_quotation_head h1{
        font-size:24px;
        line-height:34px;
    }
    .page_quotation .page_quotation_head p{
        font-size:16px;
        line-height:24px;
    }
    .page_quotation .page_quotation_box{
        gap:30px;
    }
    .page_quotation .page_quotation_box .left .left_head,
    .page_quotation .page_quotation_box .right .left_head{
        margin-bottom:18px;
        font-size:20px;
    }
    .page_quotation .page_quotation_box .left .item_box .item{
        padding:15px;
    }
    .page_quotation .page_quotation_box .left .item_box .item .img{
        flex-basis:72px;
        width:72px;
        height:72px;
        margin-right:15px;
    }
    .page_quotation .page_quotation_box .left .item_box .item .text h3{
        font-size:18px;
    }
    .page_quotation .page_quotation_box .left .item_box .item .other{
        margin-left:15px;
    }
    .page_quotation .page_quotation_box .left .list-footer{
        flex-wrap:wrap;
        font-size:16px;
    }
    .page_quotation .page_quotation_box .right .from{
        padding:30px 20px;
    }
    .page_quotation .page_quotation_box .right .from .input>div p,
    .page_quotation .page_quotation_box .right .from .textarea_box p{
        font-size:15px;
    }
    .page_quotation .page_quotation_box .right .from .input>div input,
    .page_quotation .page_quotation_box .right .from .textarea_box textarea{
        padding:10px 15px;
        font-size:15px;
    }
    .page_quotation .page_quotation_box .right .from .textarea_box textarea{
        height:140px;
    }
    .page_quotation .page_quotation_box .right .from .submit .btn_effect4 .btn_small_list{
        padding:7px 30px;
    }
}

@media (max-width:520px){
    .page_quotation .page_quotation_box .left .item_box .item{
        align-items:flex-start;
    }
    .page_quotation .page_quotation_box .left .item_box .item .img{
        flex-basis:62px;
        width:62px;
        height:62px;
    }
    .page_quotation .page_quotation_box .left .item_box .item .other{
        gap:10px;
    }
    .page_quotation .page_quotation_box .left .list-footer div span:last-child{
        margin-left:16px;
    }
}

@media (max-width:991px){
    body.menu-open .site-header{
        background:rgba(255,255,255,.98);
        box-shadow:0 14px 34px rgba(20,18,16,.08);
    }
    .site-nav.open{
        /* max-height:calc(100vh - 92px); */
        /* overflow-y:auto; */
        /* border-radius:0 0 16px 16px; */
    }
    .site-nav.open .nav-mobile-cta{
        display:flex;
        width:100%;
        margin:8px 0 0;
    }
    .site-header.search-open .site-nav.open{
        display:none;
    }
    .pp-inner-banner,
    .pa-inner-banner,
    .ct-inner-banner,
    .pb-inner-banner,
    .cs-inner-banner,
    .pd-inner-banner{
        height:360px;
        margin-top:74px;
    }
    .pp-inner-banner-content,
    .pa-inner-banner-content,
    .ct-inner-banner-content,
    .pb-inner-banner-content,
    .cs-inner-banner-content,
    .pd-inner-banner-content{
        padding-bottom:30px;
    }
    .pp-inner-banner-content h1,
    .pp-inner-banner-title-text,
    .pa-inner-banner-content h1,
    .ct-inner-banner-content h1,
    .pb-inner-banner-content h1,
    .cs-inner-banner-content h1,
    .pd-inner-banner-title{
        font-size:clamp(30px,7vw,42px);
        line-height:1.16;
        letter-spacing:0;
    }
    .pp-breadcrumb-bar,
    .pd-breadcrumb{
        flex-wrap:wrap;
        row-gap:4px;
        max-width:100%;
    }
    .pp-sidebar{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:14px;
        width:100%;
    }
    .pp-sidebar-box{
        min-width:0;
    }
    .pp-blog-link{
        grid-template-columns:54px minmax(0,1fr);
    }
    .pp-blog-title,
    .pbd-related-item strong,
    .pd-related-title,
    .footer-contact-item,
    .footer-bottom-links,
    .ct-info-text,
    .pd-spec-val,
    .pd-hero-title,
    .pbd-post-nav-item strong{
        overflow-wrap:anywhere;
    }
    .inside-pagination ul,
    #page_faq .faq-pagination{
        flex-wrap:wrap;
        gap:8px;
    }
    .cta-inquiry-form .input{
        grid-template-columns:1fr;
    }
}

@media (max-width:768px){
    .site-header .container,
    .header-inner{
        width:min(100% - 24px,var(--container));
        max-width: 100%;
        margin: 0;
        width: 100%;
        padding: 0 20px;
    }
    .site-nav.open{
        /* top:calc(100% + 8px); */
        /* left:12px; */
        /* right:12px; */
        /* padding:10px 16px 16px; */
        width: 100%;
        max-width: 100%;
    }
    .nav-item-head{
        min-width:0;
    }
    .site-nav.open .nav-link{
        min-width:0;
        overflow-wrap:anywhere;
        font-size: 16px;
    }
    .search-panel{
        max-width:calc(100vw - 92px);
    }
    .search-field input{
        min-width:0;
    }
    .pp-inner-banner,
    .pa-inner-banner,
    .ct-inner-banner,
    .pb-inner-banner,
    .cs-inner-banner,
    .pd-inner-banner{
        height:260px;
        min-height:260px;
    }
    .pp-inner-banner-content,
    .pa-inner-banner-content,
    .ct-inner-banner-content,
    .pb-inner-banner-content,
    .cs-inner-banner-content,
    .pd-inner-banner-content{
        padding-bottom:24px;
    }
    .pp-inner-banner-content h1,
    .pp-inner-banner-title-text,
    .pa-inner-banner-content h1,
    .ct-inner-banner-content h1,
    .pb-inner-banner-content h1,
    .cs-inner-banner-content h1,
    .pd-inner-banner-title{
        font-size:30px;
    }
    .pp-breadcrumb-bar,
    .pd-breadcrumb{
        font-size:13px;
    }
    .section-head,
    .section-head.left{
        max-width:100%;
        margin-bottom:30px;
    }
    .pp-sidebar{
        grid-template-columns:1fr;
        order:2;
    }
    .pp-main{
        order:1;
        min-width:0;
    }
    .pp-catalog-layout{
        gap:28px;
        flex-direction:column;
    }
    .pp-sidebar-title{
        padding:11px 16px;
        letter-spacing:1px;
    }
    .pp-cat-link{
        padding:10px 14px;
    }
    .pp-card-review,
    .pd-hero-actions,
    .pd-hero-share,
    .pd-recommend-header,
    .page_contact .ct-form-footer{
        flex-wrap:wrap;
    }
    .pd-inquiry-btn,
    .pd-quote-btn,
    .pd-form-submit,
    .page_contact .ct-submit-btn,
    .cta-submit{
        width:100%;
    }
    .pd-hero-specs li{
        display:grid;
        grid-template-columns:1fr;
    }
    .pd-spec-label{
        width:auto;
    }
    .pd-gallery-thumbs{
        height:68px;
    }
    #page_blog_detail .pbd-related-item{
        grid-template-columns:68px minmax(0,1fr);
    }
    #page_blog_detail .pbd-related-item img{
        width:68px;
        height:68px;
        border-radius:12px;
    }
    .page_content.show_news{
        padding:42px 0;
    }
    .page_content_box,
    .show_news_box{
        width:min(100% - 24px,var(--container));
        margin:0 auto;
    }
    .show_news_content img,
    .show_news_content table{
        max-width:100%;
    }
    .show_news_content table{
        display:block;
        overflow-x:auto;
    }
}

@media (max-width:560px){
    .container{
        /* width:min(100% - 24px,var(--container)); */
    }
    .logo img{
        width:128px;
        margin-left:0;
    }
    .header-actions{
        margin-right:0;
        gap:8px;
    }
    .search-toggle,
    .menu-toggle{
        width:40px;
        height:40px;
    }
    .site-header.search-open .search-panel{
        width:min(220px,calc(100vw - 84px));
    }
    .search-field{
        min-height:40px;
        padding:0 10px;
    }
    .search-field .search_btn{
        min-width:36px;
    }
    .pp-inner-banner,
    .pa-inner-banner,
    .ct-inner-banner,
    .pb-inner-banner,
    .cs-inner-banner,
    .pd-inner-banner{
        height:220px;
        min-height:220px;
        margin-top:64px;
    }
    .pp-inner-banner-content h1,
    .pp-inner-banner-title-text,
    .pa-inner-banner-content h1,
    .ct-inner-banner-content h1,
    .pb-inner-banner-content h1,
    .cs-inner-banner-content h1,
    .pd-inner-banner-title{
        font-size:26px;
    }
    .pp-catalog,
    .pd-body,
    .pd-inquiry-section,
    .pd-recommend-section,
    #page_blog_detail .pbd-content,
    #page_faq .faq-body-section{
        padding-left:0;
        padding-right:0;
    }
    .pp-toolbar{
        gap:10px;
        margin-bottom:20px;
    }
    .pp-result-count{
        font-size:15px;
    }
    .pp-card-body{
        padding:16px;
    }
    .pp-card-overlay{
        display:none;
    }
    .pp-card:hover{
        transform:none;
    }
    .inside-pagination a,
    #page_faq .faq-page-btn,
    #page_faq .faq-page-num{
        min-width:34px;
        height:34px;
        font-size:13px;
    }
    .footer-grid{
        grid-template-columns:1fr;
        gap:26px;
    }
    .footer-col:nth-child(2),
    .footer-col:nth-child(3){
        /* display:block; */
    }
    .footer-contact-item{
        align-items:flex-start;
    }
    .foot_subscribe{
        /* flex-direction:column; */
        align-items:stretch;
    }
    .foot_subscribe input,
    .foot_subscribe button{
        /* width:100%; */
    }
    .footer-bottom{
        text-align:left;
    }
    .footer-bottom-links{
        /* flex-direction:column; */
        /* align-items:flex-start; */
    }
    .cta-copy-centered h2{
        font-size:26px;
    }
    .cta-inquiry-form textarea{
        min-height:110px;
    }
    .page_contact .ct-form-wrap,
    .page_contact .ct-info-item,
    #page_faq .faq-item,
    #page_blog_detail .pbd-sidecard,
    #page_blog_detail .pbd-post-nav-item{
        border-radius:12px;
    }
    .page_contact .ct-field input,
    .page_contact .ct-field select,
    .page_contact .ct-field textarea,
    .pd-form-group input,
    .pd-form-group select,
    .pd-form-group textarea{
        min-height:44px;
        padding:10px 14px;
    }
    #page_faq .faq-question{
        gap:12px;
        align-items:flex-start;
    }
    #page_faq .faq-icon{
        flex:0 0 28px;
    }
    #page_blog_detail .pbd-meta{
        gap:8px;
        letter-spacing:1px;
    }
    #page_blog_detail .pbd-hero-media{
    display: none;
}
    #page_blog_detail .pbd-author-row{
        align-items:flex-start;
    }
    #page_blog_detail .pbd-image-block img{
        height:auto;
        aspect-ratio:4/3;
    }
    #page_blog_detail .pbd-highlight{
        padding:20px 18px;
        border-radius:14px;
    }
    .page_quotation .page_quotation_box .left .item_box .item{
        display:grid;
        grid-template-columns:62px minmax(0,1fr);
        gap:12px;
        padding:14px;
    }
    .page_quotation .page_quotation_box .left .item_box .item .img{
        margin-right:0;
    }
    .page_quotation .page_quotation_box .left .item_box .item .other{
        grid-column:1 / -1;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        margin-left:0;
        width:100%;
    }
    .page_quotation .page_quotation_box .right .from .submit,
    .page_quotation .btn_small_wrap,
    .page_quotation .btn_small_list{
        width:100%;
    }
}

@media (max-width:768px){
    .floating-contact-bar{
        right:12px;
        top:auto;
        bottom:18px;
        transform:none;
        gap:8px;
    }
    .floating-contact-btn{
        width:42px;
        height:42px;
    }
    .floating-contact-btn svg{
        width:19px;
        height:19px;
    }
}

@media (max-width:420px){
    .floating-contact-bar{
        right:10px;
        bottom:14px;
    }
    .floating-contact-btn{
        width:40px;
        height:40px;
    }
}