/* DATXE HOME DEFAULT - CLEAN BASE
   Chỉ giữ style nền, container, title, province strip, banner, VIP và SEO.
   Service menu, category grid, latest listings đã tách riêng CSS để không đè nhau.
*/
.w11-pro-main{background:#f3f4f6!important;padding:0!important}
.datxe-home{font-family:var(--site-font-family,Roboto,Arial,Helvetica,sans-serif);color:#111827;background:#f3f4f6}
.datxe-container{width:min(1200px,calc(100% - 20px));max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.datxe-container-fluid{width:100%;max-width:none;margin:0 auto;padding-left:var(--datxe-province-full-padding,10px);padding-right:var(--datxe-province-full-padding,10px);box-sizing:border-box}
.datxe-mt15{margin-top:15px}.datxe-white{background:#fff}.datxe-home-wrapper{background:#fff;padding:0 0 12px}.datxe-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.datxe-scroll::-webkit-scrollbar{display:none}.datxe-swiper{width:100%;position:relative}
.datxe-title{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;margin:10px 0 10px;padding:0;box-sizing:border-box;font-size:18px;font-weight:800;line-height:1.2;color:#ed2028}
.datxe-title img{width:40px;height:auto;max-height:40px;display:block;object-fit:contain;flex:0 0 auto;filter:brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(5250%) hue-rotate(350deg)}
.datxe-title span{display:block;min-width:0}
.datxe-section{background:#fff;border-radius:0;padding:10px 0;overflow:hidden}.datxe-section-inner{background:#fff}
.datxe-home .w11-section-head,.datxe-home .hb-home-builder{display:none!important}

/* common swiper nav */
.datxe-nav-btn{width:26px;height:26px;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.18);background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:20;cursor:pointer;border:0;color:#333;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.datxe-nav-btn:hover{box-shadow:0 6px 18px rgba(0,0,0,.2)}.datxe-nav-btn svg{width:14px;height:14px;display:block}.datxe-nav-btn.swiper-button-disabled{opacity:.25;pointer-events:none}.datxe-nav-prev{left:6px}.datxe-nav-next{right:6px}

/* province strip */
.datxe-province-strip{background:#fff;padding:10px 0;position:relative;z-index:5}.datxe-province-strip--full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.datxe-province-strip--full .datxe-top-province-swiper{width:100%}.datxe-province-strip--container .datxe-container{width:min(1200px,calc(100% - 20px));max-width:1200px;margin-left:auto;margin-right:auto}.datxe-province-strip .datxe-swiper{overflow:hidden}.datxe-province-strip .swiper-wrapper{align-items:stretch}.datxe-province-card{width:109px!important;flex:0 0 109px;box-sizing:border-box;padding:0}.datxe-province-card a{display:block;text-align:center;text-decoration:none;color:#000;font-size:13px;font-weight:600;line-height:1.3}.datxe-province-card a span{display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.datxe-province-img{position:relative;width:100%;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden;background:#fff;margin:0 0 6px}.datxe-province-img:before{content:"";display:block;padding-top:100%}.datxe-province-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.datxe-province-card:hover{transform:translateY(-3px);transition:.2s ease}.datxe-province-card:hover img{transform:scale(1.04)}.datxe-province-card:hover span{color:#de342f}

/* banner */
.datxe-banner-wrap{background:#fff}.datxe-banner{border-radius:0;overflow:hidden;background:#fff}.datxe-banner .swiper-slide a,.datxe-banner .swiper-slide{display:block;cursor:pointer}.datxe-banner img{display:block;width:100%;height:auto;aspect-ratio:1200/360;object-fit:cover}.datxe-banner .swiper-pagination-bullet{background:#fff;opacity:.7}.datxe-banner .swiper-pagination-bullet-active{opacity:1;background:#ed2028}

/* VIP grid */
.datxe-vip{background:#fff;padding:0 0 14px}.datxe-vip-swiper{width:100%;position:relative;overflow:hidden}.datxe-vip-swiper .swiper-slide{height:auto}.datxe-vip-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;text-decoration:none;color:#111}.datxe-vip-img{width:140px;height:140px;object-fit:contain;border-radius:12px;display:block}.datxe-vip-text{font-size:13px;line-height:1.25;text-align:center;max-width:120px;margin:4px auto 0;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.datxe-vip-item:hover{transform:translateY(-3px);transition:.22s ease}.datxe-vip-item:hover .datxe-vip-img{transform:rotate(-2deg) scale(1.05);transition:.22s ease}.datxe-vip-item:hover .datxe-vip-text{color:#ed2028;font-weight:700}.datxe-vip-prev,.datxe-vip-next{display:flex;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 0 6px rgba(0,0,0,.18);align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer}.datxe-vip-prev{left:6px}.datxe-vip-next{right:6px}.datxe-vip-prev svg,.datxe-vip-next svg{width:16px;height:16px}.datxe-vip-prev svg path,.datxe-vip-next svg path{stroke:currentColor!important}
/* Fix Nhà Xe VIP: ảnh vuông, bo góc, pagination giữa */
.datxe-vip{
    padding:0 0 22px;
}

.datxe-vip-swiper{
    padding-bottom:28px;
}

.datxe-vip-item{
    padding:8px 6px 4px;
}

.datxe-vip-img{
    width:140px !important;
    height:140px !important;
    object-fit:cover !important;
    border-radius:12px !important;
    background:#f3f4f6;
    overflow:hidden;
    display:block;
}

.homeGrid16Pagination{
    position:static !important;
    width:100% !important;
    margin-top:14px;
    display:flex !important;
    justify-content:center !important;
    align-items:center;
    gap:8px;
    text-align:center;
}

.homeGrid16Pagination .swiper-pagination-bullet{
    margin:0 !important;
    width:8px;
    height:8px;
    background:#d1d5db;
    opacity:1;
}

.homeGrid16Pagination .swiper-pagination-bullet-active{
    background:#0d6efd;
}

/* SEO */
.datxe-seo{background:#fff;padding:18px 0 26px}.datxe-seo-box{font-size:15px;line-height:1.75;color:#374151}.datxe-seo-box h2{font-size:22px;font-weight:800;color:#111827;margin:0 0 10px}.datxe-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.datxe-keywords a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#f3f4f6;color:#111827;text-decoration:none;font-weight:700;font-size:13px}.datxe-keywords a:hover{background:#ed2028;color:#fff}.datxe-empty{padding:20px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;text-align:center;color:#64748b}

@media(max-width:991.98px){.datxe-container{width:100%;max-width:100%;padding-left:8px;padding-right:8px}.datxe-container-fluid{padding-left:var(--datxe-province-full-padding,10px);padding-right:var(--datxe-province-full-padding,10px)}.datxe-province-strip--full{margin-left:0;margin-right:0;width:100%;max-width:100%}.datxe-province-strip .datxe-swiper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:auto}.datxe-province-strip .swiper-wrapper{display:flex;width:max-content;transform:none!important;gap:8px}.datxe-province-card{width:90px!important;flex:0 0 90px}.datxe-nav-btn,.datxe-vip-prev,.datxe-vip-next{display:none!important}.datxe-banner-wrap{margin-top:-20px}.datxe-title{font-size:17px;margin-left:0}.datxe-banner img{aspect-ratio:16/7}.datxe-vip-swiper{overflow-x:auto;overflow-y:hidden}.datxe-vip-swiper .swiper-wrapper{display:flex;width:max-content;transform:none!important}.datxe-vip-swiper .swiper-slide{width:118px!important;flex:0 0 118px}
	.datxe-vip-img{
    width:95px !important;
    height:95px !important;
    object-fit:cover !important;
    border-radius:10px !important;
}.datxe-vip-text{max-width:100px;font-size:12.5px}}
@media(max-width:575px){.datxe-container{padding-left:8px;padding-right:8px}.datxe-title{font-size:16px}.datxe-title img{width:34px}.datxe-seo-box{font-size:14px}.datxe-seo-box h2{font-size:19px}}



/* Ép ảnh Nhà Xe VIP thành vuông thật */
.datxe-vip-item{
    display:flex !important;
    flex-direction:column;
    align-items:center;
}

.datxe-vip-img{
    width:100% !important;
    max-width:140px !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    object-fit:cover !important;
    border-radius:12px !important;
    display:block !important;
}

/* PC: giữ ô ảnh vuông 140x140 */
@media(min-width:768px){
    .datxe-vip-img{
        width:140px !important;
        height:140px !important;
    }
}

/* Mobile: giữ ô ảnh vuông 95x95 */
@media(max-width:767px){
    .datxe-vip-img{
        width:95px !important;
        height:95px !important;
        max-width:95px !important;
        border-radius:10px !important;
    }
}


/* ===== FIX ẢNH TIN ĐĂNG MỚI ===== */
.item,
.product-item,
.home-post-item{
    overflow:hidden;
}

.item img,
.product-item img,
.home-post-item img{
    width:100% !important;
    aspect-ratio:1/1 !important;
    height:auto !important;
    object-fit:cover !important;
    border-radius:18px !important;
    display:block;
}