:root{--c:#1877f2}*{color-scheme:light}body{background:#f4f6f8;color:#212529;font-family:system-ui,Segoe UI,Roboto,sans-serif}
.container{max-width:1240px}.badge.text-bg-primary{background:var(--c)!important}
.btn-primary{background:var(--c);border-color:var(--c)}.btn-outline-primary{color:var(--c);border-color:var(--c)}.btn-outline-primary:hover{background:var(--c);border-color:var(--c)}.text-primary{color:var(--c)!important}
.form-control,.form-select{color:#212529;background:#fff}
.carousel-item{aspect-ratio:16/8;background:#222}.carousel-item img{width:100%;height:100%;object-fit:cover}
.carousel-caption{background:rgba(0,0,0,.55);border-radius:12px;left:5%;right:5%;bottom:1rem;padding:.8rem}
.fb{border:0;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);height:100%}
.fb .cover{height:110px;object-fit:cover;width:100%}.fb .av{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #fff;margin-top:-45px}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.pc{border:0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:.2s;background:#fff}
.pc:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.pc .ph{aspect-ratio:4/3;overflow:hidden;background:#e9ecef;position:relative}.pc .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pc .cat{position:absolute;top:8px;left:8px;font-size:.65rem}.pc .card-body{padding:.65rem}.pc h6{font-size:.88rem;margin-bottom:.3rem}.pc .desc{font-size:.75rem;color:#6c757d;margin-bottom:.5rem}
.like{position:absolute;right:8px;bottom:8px;border:0;border-radius:20px;background:rgba(255,255,255,.95);padding:.15rem .6rem;font-size:.78rem;cursor:pointer;color:#444}.like.on{color:#e0245e}
.chip{border:1px solid #d0d5db;background:#fff;border-radius:20px;padding:.25rem .85rem;font-size:.85rem;cursor:pointer}.chip.on{background:var(--c);color:#fff;border-color:var(--c)}
.banner{position:relative;background-size:cover;background-position:center;background-color:#222;color:#fff;text-align:center;padding:90px 20px}
.banner:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}.banner>div{position:relative}
.rv{max-width:640px;margin:0 auto;background:#fff;border-radius:16px;padding:1.5rem 2.5rem;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.stars{color:#f5a623;font-size:1.2rem}.rvc .carousel-control-prev-icon,.rvc .carousel-control-next-icon{filter:invert(1)}
body.pf-g{--r:18px}.pf-hero{background:#fff;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.pf-av{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.pf-sec{margin-top:2.5rem}.pf-sec>h2{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.pf-sec>h2:after{content:"";display:block;width:44px;height:4px;background:var(--c);margin-top:6px;border-radius:2px}
.pf-card{background:#fff;border-radius:14px;padding:1.1rem;box-shadow:0 2px 8px rgba(0,0,0,.06);height:100%}
.masonry{columns:3 220px;column-gap:14px}.masonry img{width:100%;border-radius:12px;margin-bottom:14px;display:block;break-inside:avoid}
.tl{border-left:3px solid var(--c);padding-left:1rem}.tl>div{margin-bottom:1rem}
.kpi{background:var(--c);color:#fff;border-radius:14px;padding:1rem;text-align:center}.kpi b{font-size:1.8rem;display:block}
.case{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:1rem}.case img{width:100%;height:100%;min-height:200px;object-fit:cover}
@media(max-width:576px){.container{padding-left:12px;padding-right:12px}#grid{grid-template-columns:repeat(2,1fr);gap:10px}.pc .desc{display:none}.pc .card-body{padding:.5rem}.pc h6{font-size:.78rem}.pc .btn{font-size:.68rem;padding:.2rem .3rem}.pc .btn i{margin:0}.pc .lbl{display:none}.carousel-item{aspect-ratio:4/3}.carousel-caption{display:none}.rv{padding:1.2rem}.banner{padding:60px 16px}}
@media(max-width:767px){body.no-slider-m #sliderCol{display:none}}
.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.wk{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;transition:.2s}.wk:hover{transform:translateY(-3px)}
.wk .cv{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e9ecef}.wk img{width:100%;height:100%;object-fit:cover;display:block}
.wk .ov{position:absolute;inset:0;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.5px;opacity:0;transition:.2s}.wk:hover .ov{opacity:1}
@media(hover:none){.wk .ov{opacity:1;background:rgba(0,0,0,.25)}}
#wc .carousel-item{aspect-ratio:auto;background:none}.wi{width:100%;max-height:72vh;object-fit:contain;display:block}
@media(max-width:576px){.wk-grid{grid-template-columns:repeat(2,1fr);gap:10px}.wk .p-2{padding:.4rem!important;font-size:.8rem}}
