.casePage{/*background:#f6f9fb*/}
.caseWrap{width:min(1240px,calc(100% - 40px));margin:auto}
.caseIntro{padding:90px 0;background:#fff}
.caseIntroGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.caseIntroImage img{width:100%;border-radius:18px;display:block}
.caseKicker{color:#0a8dcc;font-size:12px;font-weight:700;letter-spacing:.2em}
.caseIntro h2{font-size:42px;line-height:1.3;margin:14px 0}
.caseIntro p{line-height:2;color:#5c6d78}
.caseFilter{padding:80px 0}
/*.caseTabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px}*/


.caseTabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:50px;
}


.caseTabs button{padding:10px 20px;border:1px solid #d9e6ee;background:#fff;border-radius:999px;cursor:pointer;transition:.3s}
.caseTabs button.active,.caseTabs button:hover{background:#0789c8;color:#fff;border-color:#0789c8}
.caseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.caseCard a{text-decoration:none}
.caseThumb{position:relative;overflow:hidden;border-radius:16px}
.caseThumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:.5s}
.caseThumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.6))}
.caseCard:hover img{transform:scale(1.08)}
.caseTag{position:absolute;left:18px;top:18px;background:#0789c8;color:#fff;padding:7px 14px;border-radius:999px;font-size:12px;z-index:2}
.caseInfo{padding:18px 6px}
.caseInfo h3{margin:0 0 10px;color:#183241;font-size:22px}
.caseInfo span{color:#0789c8;font-weight:700}
@media(max-width:992px){
.caseIntroGrid{grid-template-columns:1fr}
.caseGrid{grid-template-columns:repeat(2,1fr)}
.caseIntro h2{font-size:34px}
}
@media(max-width:640px){
.caseIntro,.caseFilter{padding:60px 0}
.caseGrid{grid-template-columns:1fr}
/*.caseTabs{justify-content:flex-start;overflow:auto;padding-bottom:10px}
.caseTabs::-webkit-scrollbar{display:none}
.caseTabs button{white-space:nowrap}*/
.caseIntro h2{font-size:28px}
}




@media (max-width:768px){

    .caseTabs{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        gap:10px;
        padding-bottom:8px;

        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .caseTabs::-webkit-scrollbar{
        display:none;
    }

    .caseTabs button{
        flex:0 0 auto;
        white-space:nowrap;
        padding:8px 16px;
        font-size:14px;
    }

}