tbody, td, tfoot, th, thead, tr{
    border-width:1px;
}

.blog-standard .blog-details table{
    width:100%;
}

.blog-details .post-description h2{
    margin-top:10px;
}


/* =====================================================
   AN DAT - COMPANY PROFILE BOOK VIEWER
===================================================== */

body#page-41 #ad-profile-viewer{
    position:relative;
    max-width:1180px;
    margin:24px auto 40px;
    padding:32px 32px 26px;
    overflow:hidden;
    box-sizing:border-box;
    border-radius:20px;
    color:#fff;
    background:
        radial-gradient(circle at 92% 5%,rgba(106,42,137,.30),transparent 32%),
        linear-gradient(125deg,#08468f,#082d68 50%,#171b4d);
}

body#page-41 #ad-profile-viewer:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.10;
    background-image:
        linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);
    background-size:38px 38px;
}

body#page-41 .adpv-head,
body#page-41 .adpv-reader,
body#page-41 .adpv-bottom{
    position:relative;
    z-index:2;
}

body#page-41 .adpv-head{
    display:grid;
    grid-template-columns:170px 1fr auto;
    gap:22px;
    align-items:center;
    margin-bottom:24px;
}

body#page-41 .adpv-badge{
    display:inline-block;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;
    background:rgba(255,255,255,.09);
    font-size:12px;
    font-weight:700;
}

body#page-41 .adpv-title h2{
    margin:0 0 8px;
    color:#fff;
    font-size:38px;
    line-height:1.05;
    font-weight:800;
}

body#page-41 .adpv-title p{
    margin:0;
    max-width:540px;
    color:rgba(255,255,255,.84);
    font-size:14px;
    line-height:1.6;
}

body#page-41 .adpv-links{
    display:flex;
    gap:9px;
}

body#page-41 .adpv-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

body#page-41 .adpv-open{
    color:#fff!important;
    background:linear-gradient(135deg,#ff2746,#ff5d88)!important;
}

body#page-41 .adpv-download{
    color:#102554!important;
    background:#fff!important;
}

body#page-41 .adpv-reader{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:630px;
    padding:34px 65px;
    overflow:hidden;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.18);
    border-radius:15px;
    background:#062758;
}

body#page-41 #adpv-book{
    margin:auto;
}

body#page-41 .adpv-sheet{
    overflow:hidden;
    background:#fff;
}

body#page-41 .adpv-sheet canvas{
    display:block;
    width:100%;
    height:100%;
    background:#fff;
}

body#page-41 .adpv-page-number{
    display:none!important;
}

body#page-41 .adpv-arrow{
    position:absolute;
    top:50%;
    z-index:30;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    transform:translateY(-50%);
    background:#f5f5f5;
    color:#082554;
    font-size:27px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 4px 14px rgba(0,0,0,.20);
}

body#page-41 .adpv-left{
    left:17px;
}

body#page-41 .adpv-right{
    right:17px;
}

body#page-41 .adpv-loading{
    position:absolute;
    inset:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#062758;
    color:#fff;
}

body#page-41 .adpv-bottom{
    margin-top:14px;
}

body#page-41 .adpv-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

body#page-41 .adpv-counter{
    padding:7px 12px;
    border-radius:999px;
    background:#020b20;
    color:#fff;
    font-size:12px;
    font-weight:800;
}

body#page-41 .adpv-controls{
    display:flex;
    gap:7px;
}

body#page-41 .adpv-controls button,
body#page-41 .adpv-sections button{
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.26);
    border-radius:999px;
    background:rgba(255,255,255,.09);
    color:#fff;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
}

body#page-41 .adpv-controls .adpv-auto{
    border:0;
    background:linear-gradient(135deg,#df487d,#7045a8);
}

body#page-41 .adpv-progress{
    height:5px;
    margin:10px 0;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.15);
}

body#page-41 .adpv-progress span{
    display:block;
    width:0;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#ff9800,#ff3e70,#5867ff);
    transition:width .3s ease;
}

body#page-41 .adpv-sections{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}


/* =====================================================
   MOBILE - PROFILE
===================================================== */

@media(max-width:767px){

    body#page-41 #ad-profile-viewer{
        padding:20px 10px;
    }

    body#page-41 .adpv-head{
        display:block;
    }

    body#page-41 .adpv-badge{
        margin-bottom:13px;
    }

    body#page-41 .adpv-title h2{
        font-size:28px;
    }

    body#page-41 .adpv-links{
        margin-top:16px;
    }

    body#page-41 .adpv-reader{
        min-height:480px;
        padding:30px 36px;
    }

    body#page-41 .adpv-left{
        left:3px;
    }

    body#page-41 .adpv-right{
        right:3px;
    }
}


/* =====================================================
   CONTACT WIDGET SALAWEB
   GIỮ NGUYÊN 5 LINK GỐC
===================================================== */

#button-contact-vr{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
}


/* Cụm 5 icon:
   Shopee / Alibaba / Facebook / TikTok / Zalo
*/

#button-contact-vr.ad-contact-ready #gom-all-in-one{
    position:fixed!important;

    right:14px!important;
    bottom:166px!important;

    top:auto!important;
    left:auto!important;

    z-index:2147483000!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;

    gap:8px!important;

    margin:0!important;
    padding:0!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transform:translateY(18px) scale(.86)!important;
    transform-origin:right bottom!important;

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .30s cubic-bezier(.2,.8,.2,1)!important;
}


/* Reset vị trí từng item,
   NHƯNG KHÔNG ĐỤNG .phone-vr BÊN TRONG
*/

#button-contact-vr.ad-contact-ready
#gom-all-in-one > .button-contact{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    margin:0!important;

    opacity:1!important;
    visibility:visible!important;

    transform:none!important;

    pointer-events:auto!important;
}


/* Link gốc vẫn click bình thường */

#button-contact-vr.ad-contact-ready
#gom-all-in-one a{
    pointer-events:auto!important;
}


/* Mở contact */

body.ad-contact-open
#button-contact-vr.ad-contact-ready
#gom-all-in-one{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;

    transform:translateY(0) scale(1)!important;
}


/* =====================================================
   CHỈ ẨN HOTLINE CŨ NẾU SALAWEB CÓ ITEM ID phone-vr
   TUYỆT ĐỐI KHÔNG ẨN CLASS .phone-vr
===================================================== */

#button-contact-vr.ad-contact-ready #phone-vr{
    display:none!important;
}


/* =====================================================
   HOTLINE BUTTON MỚI
===================================================== */

#ad-contact-toggle{
    position:fixed;

    right:11px;
    bottom:88px;

    z-index:2147483647;

    width:62px;
    height:62px;

    padding:0;
    border:0;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:visible;

    cursor:pointer;

    background:
        radial-gradient(
            circle at 32% 22%,
            #55c0ff 0%,
            #1680eb 25%,
            #0754c1 52%,
            #073589 78%,
            #041d60 100%
        );

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,.70),
        inset 0 -5px 10px rgba(0,20,80,.38),
        0 5px 14px rgba(0,65,170,.36),
        0 0 0 4px rgba(255,255,255,.95),
        0 0 0 8px rgba(71,169,255,.20);

    transition:
        transform .20s ease,
        box-shadow .20s ease;

    animation:
        adHotlineRing 3.2s ease-in-out infinite,
        adHotlineGlow 2s ease-in-out infinite;
}


/* Icon điện thoại được đặt TRỰC TIẾP từ JS */

#ad-contact-toggle svg{
    display:block!important;

    width:34px!important;
    height:34px!important;

    pointer-events:none!important;

    filter:
        drop-shadow(
            0 2px 2px rgba(0,30,90,.18)
        );
}


/* Hover */

#ad-contact-toggle:hover{
    transform:scale(1.08);

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,.75),
        inset 0 -5px 10px rgba(0,20,80,.38),
        0 8px 18px rgba(0,65,170,.43),
        0 0 0 4px rgba(255,255,255,.98),
        0 0 0 10px rgba(71,169,255,.19);
}

#ad-contact-toggle:active{
    transform:scale(.94);
}


/* Khi mở:
   VẪN LÀ ICON ĐIỆN THOẠI
*/

body.ad-contact-open #ad-contact-toggle{
    animation:none!important;
    transform:none!important;
}


/* =====================================================
   SỐ ĐIỆN THOẠI MỚI
===================================================== */

#ad-hotline-label{
    position:fixed;

    right:84px;
    bottom:98px;

    z-index:2147483500;

    height:42px;

    padding:0 16px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #ff922e,
            #f36b21
        );

    color:#fff!important;

    font-family:Arial,sans-serif;
    font-size:16px;
    line-height:1;
    font-weight:700;

    text-decoration:none!important;
    white-space:nowrap;

    box-shadow:
        0 7px 17px rgba(243,107,33,.24);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateX(12px) scale(.96);

    transition:
        opacity .24s ease,
        visibility .24s ease,
        transform .28s cubic-bezier(.2,.8,.2,1);
}


/* Line nối số -> nút */

#ad-hotline-label:after{
    content:"";

    position:absolute;

    right:-13px;
    top:50%;

    width:14px;
    height:3px;

    transform:translateY(-50%);

    border-radius:999px;

    background:#6ebcff;
}


/* Hiện số khi mở */

body.ad-contact-open #ad-hotline-label{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:translateX(0) scale(1);
}


/* =====================================================
   RUNG HOTLINE
===================================================== */

@keyframes adHotlineRing{

    0%,67%,100%{
        transform:rotate(0deg);
    }

    72%{
        transform:rotate(-10deg);
    }

    76%{
        transform:rotate(10deg);
    }

    80%{
        transform:rotate(-8deg);
    }

    84%{
        transform:rotate(8deg);
    }

    88%{
        transform:rotate(-5deg);
    }

    92%{
        transform:rotate(5deg);
    }

    96%{
        transform:rotate(0deg);
    }
}


/* =====================================================
   GLOW HOTLINE
===================================================== */

@keyframes adHotlineGlow{

    0%,100%{

        box-shadow:
            inset 0 2px 3px rgba(255,255,255,.70),
            inset 0 -5px 10px rgba(0,20,80,.38),
            0 5px 14px rgba(0,65,170,.34),
            0 0 0 4px rgba(255,255,255,.95),
            0 0 0 7px rgba(71,169,255,.18);
    }

    50%{

        box-shadow:
            inset 0 2px 3px rgba(255,255,255,.75),
            inset 0 -5px 10px rgba(0,20,80,.38),
            0 7px 19px rgba(0,82,200,.43),
            0 0 0 4px rgba(255,255,255,.98),
            0 0 0 12px rgba(71,169,255,.06);
    }
}


/* =====================================================
   MOBILE CONTACT
===================================================== */

@media(max-width:767px){

    #button-contact-vr.ad-contact-ready #gom-all-in-one{
        right:11px!important;
        bottom:154px!important;
        gap:6px!important;
    }

    #ad-contact-toggle{
        right:8px;
        bottom:80px;

        width:58px;
        height:58px;
    }

    #ad-contact-toggle svg{
        width:32px!important;
        height:32px!important;
    }

    #ad-hotline-label{
        right:77px;
        bottom:89px;

        height:40px;

        padding:0 14px;

        font-size:15px;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){

    #ad-contact-toggle{
        animation:none!important;
    }

    #button-contact-vr #gom-all-in-one,
    #ad-hotline-label{
        transition:none!important;
    }
}
/* =====================================================
   FIX DUPLICATE HOTLINE
   ẨN THANH SỐ ĐIỆN THOẠI CŨ CỦA SALAWEB
   GIỮ NGUYÊN 5 ICON MXH
===================================================== */

#button-contact-vr .phone-bar,
#button-contact-vr .phone-bar a,
#button-contact-vr .text-phone{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
/* =====================================================
   HOTLINE LUÔN HIỆN
   CLICK CHỈ BUNG / THU 5 ICON PHÍA TRÊN
===================================================== */

#ad-hotline-label{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;

    transform:
        translateX(0)
        scale(1)!important;
}

/* Khi mở vẫn giữ nguyên vị trí */
body.ad-contact-open #ad-hotline-label{
    opacity:1!important;
    visibility:visible!important;

    transform:
        translateX(0)
        scale(1)!important;
}
/* =====================================================
   FINAL MOBILE FIX
   HIỆN ĐỦ 5 ICON CONTACT TRÊN ĐIỆN THOẠI
===================================================== */

@media(max-width:767px){

    /* Widget gốc phải tồn tại trên mobile */
    #button-contact-vr,
    #button-contact-vr.ad-contact-ready{
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
        overflow:visible!important;
        pointer-events:auto!important;
    }

    /* Dock 5 icon */
    #button-contact-vr.ad-contact-ready #gom-all-in-one{
        position:fixed!important;

        right:11px!important;
        bottom:152px!important;

        top:auto!important;
        left:auto!important;

        z-index:2147483000!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;

        gap:7px!important;

        width:auto!important;
        height:auto!important;

        margin:0!important;
        padding:0!important;

        transform-origin:right bottom!important;
    }

    /* Ép 5 nút gốc Salaweb tồn tại trên mobile */
    #button-contact-vr #shopee-vr,
    #button-contact-vr #alibaba-vr,
    #button-contact-vr #fanpage-vr,
    #button-contact-vr #tiktok-vr,
    #button-contact-vr #zalo-vr{
        position:relative!important;

        display:block!important;

        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;

        width:auto!important;
        height:auto!important;

        margin:0!important;

        opacity:1!important;
        visibility:visible!important;

        transform:none!important;

        pointer-events:auto!important;
    }

    /* Link bên trong vẫn hoạt động */
    #button-contact-vr #shopee-vr a,
    #button-contact-vr #alibaba-vr a,
    #button-contact-vr #fanpage-vr a,
    #button-contact-vr #tiktok-vr a,
    #button-contact-vr #zalo-vr a{
        display:block!important;

        opacity:1!important;
        visibility:visible!important;

        pointer-events:auto!important;
    }

    /* Các phần hình ảnh bên trong icon */
    #button-contact-vr #gom-all-in-one .phone-vr,
    #button-contact-vr #gom-all-in-one .phone-vr-circle-fill,
    #button-contact-vr #gom-all-in-one .phone-vr-img-circle{
        display:flex!important;

        opacity:1!important;
        visibility:visible!important;

        pointer-events:auto!important;
    }

    /*
       Mặc định: 5 icon thu gọn
    */
    body:not(.ad-contact-open)
    #button-contact-vr.ad-contact-ready
    #gom-all-in-one{
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;

        transform:
            translateY(18px)
            scale(.86)!important;
    }

    /*
       Bấm điện thoại:
       bung đủ 5 icon
    */
    body.ad-contact-open
    #button-contact-vr.ad-contact-ready
    #gom-all-in-one{
        display:flex!important;

        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;

        transform:
            translateY(0)
            scale(1)!important;
    }

    /* Hotline + số vẫn luôn hiện */
    #ad-contact-toggle{
        display:flex!important;

        right:8px!important;
        bottom:80px!important;

        width:58px!important;
        height:58px!important;

        visibility:visible!important;
        opacity:1!important;
    }

    #ad-hotline-label{
        display:flex!important;

        right:77px!important;
        bottom:89px!important;

        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;

        transform:none!important;
    }
}
/* =====================================================
   FIX GHOST CLICK AREA
   KHI ĐÓNG: 5 ICON + LINK BIẾN MẤT HOÀN TOÀN
===================================================== */

/* ĐÓNG MENU:
   Xóa cả hình ảnh lẫn vùng bấm */
body:not(.ad-contact-open)
#button-contact-vr.ad-contact-ready
#gom-all-in-one{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* Tất cả thành phần con cũng không được nhận click */
body:not(.ad-contact-open)
#button-contact-vr.ad-contact-ready
#gom-all-in-one *{
    pointer-events:none!important;
    visibility:hidden!important;
}


/* =====================================================
   MỞ MENU:
   KHÔI PHỤC 5 ICON + LINK
===================================================== */

body.ad-contact-open
#button-contact-vr.ad-contact-ready
#gom-all-in-one{
    display:flex!important;

    flex-direction:column!important;
    align-items:center!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;

    transform:
        translateY(0)
        scale(1)!important;
}


/* 5 item gốc Salaweb */
body.ad-contact-open
#button-contact-vr.ad-contact-ready
#gom-all-in-one > .button-contact{
    display:block!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}


/* Link chỉ được click khi menu đang mở */
body.ad-contact-open
#button-contact-vr.ad-contact-ready
#gom-all-in-one a{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}


/* Phần hình ảnh icon */
body.ad-contact-open
#button-contact-vr.ad-contact-ready
#gom-all-in-one .phone-vr,
body.ad-contact-open
#button-contact-vr.ad-contact-ready
#gom-all-in-one .phone-vr-circle-fill,
body.ad-contact-open
#button-contact-vr.ad-contact-ready
#gom-all-in-one .phone-vr-img-circle{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}


/* =====================================================
   MOBILE - ÉP XÓA HOÀN TOÀN VÙNG CLICK KHI ĐÓNG
===================================================== */

@media(max-width:767px){

    body:not(.ad-contact-open)
    #button-contact-vr.ad-contact-ready
    #gom-all-in-one{
        display:none!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    body:not(.ad-contact-open)
    #button-contact-vr.ad-contact-ready
    #gom-all-in-one *{
        pointer-events:none!important;
        visibility:hidden!important;
    }

    body.ad-contact-open
    #button-contact-vr.ad-contact-ready
    #gom-all-in-one{
        display:flex!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }
}