/* Header CSS */
:root{
    --kavix-green:#27a360;
    --kavix-green-dark:#187c49;
    --kavix-green-deep:#082f24;
    --kavix-green-soft:#eaf6ef;
    --kavix-black:#1a1a1a;
    --kavix-text:#536159;
    --kavix-border:#dce8e1;
    --kavix-light:#f4f8f6;
    --kavix-contact-green:#27a360;
    --kavix-contact-green-dark:#187c49;
    --kavix-contact-deep:#082f24;
    --kavix-contact-light:#eef8f2;
    --kavix-contact-text:#56645d;
    --kavix-contact-border:#dce9e2;
    --kavix-orange:#f58213;
    --kavix-orange-dark:#d96508;
    --kavix-cart-bg:#f7faf8;
    --kavix-cart-muted:#748079;
}
@media screen and (min-width: 850px){
    .header-main .hide-for-medium.flex-left .header-nav-main{
        display:flex!important; align-items:center!important;
        column-gap:34px!important; margin:0!important;
        padding:0!important;
    }
    .header-main .hide-for-medium.flex-left .header-nav-main>li.menu-item{
        margin:0!important; padding:0!important;
    }
    .header-main .hide-for-medium.flex-left .header-nav-main>li.menu-item>a{
        position:relative; display:flex!important;
        align-items:center!important; margin:0!important;
        padding:14px 0!important; color:var(--kavix-text)!important;
        font-size:14px!important; font-weight:700!important;
        line-height:1.2; letter-spacing:0.1px;
        text-transform:uppercase; white-space:nowrap;
        transition:color 0.25s ease,transform 0.25s ease;
    }
    .header-main .hide-for-medium.flex-left .header-nav-main>li.menu-item>a::after{
        content:""; position:absolute;
        right:0; bottom:5px;
        left:0; height:3px;
        background:var(--kavix-green); border-radius:20px;
        opacity:0; transform:scaleX(0);
        transform-origin:center; transition:opacity 0.25s ease,transform 0.25s ease;
    }
    .header-main .hide-for-medium.flex-left .header-nav-main>li.menu-item:hover>a{
        color:var(--kavix-green)!important; transform:translateY(-1px);
    }
    .header-main .hide-for-medium.flex-left .header-nav-main>li.current-menu-item>a,.header-main .hide-for-medium.flex-left .header-nav-main>li.current_page_item>a,.header-main .hide-for-medium.flex-left .header-nav-main>li.current-menu-parent>a,.header-main .hide-for-medium.flex-left .header-nav-main>li.current-menu-ancestor>a{
        color:var(--kavix-green)!important;
    }
    .header-main .hide-for-medium.flex-left .header-nav-main>li.menu-item:hover>a::after,.header-main .hide-for-medium.flex-left .header-nav-main>li.current-menu-item>a::after,.header-main .hide-for-medium.flex-left .header-nav-main>li.current_page_item>a::after,.header-main .hide-for-medium.flex-left .header-nav-main>li.current-menu-parent>a::after,.header-main .hide-for-medium.flex-left .header-nav-main>li.current-menu-ancestor>a::after{
        opacity:1; transform:scaleX(1);
    }
    .header-main .hide-for-medium.flex-right .header-search>a,.header-main .hide-for-medium.flex-right .cart-item>a{
        display:flex!important; align-items:center!important;
        justify-content:center!important; width:44px!important;
        height:44px!important; min-height:44px!important;
        margin:0!important; padding:0!important;
        color:var(--kavix-black)!important; background:var(--kavix-light)!important;
        border:1px solid transparent!important; border-radius:50%!important;
        transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;
    }
    .header-main .hide-for-medium.flex-right .header-search:hover>a,.header-main .hide-for-medium.flex-right .cart-item:hover>a,.header-main .hide-for-medium.flex-right .header-search.current-dropdown>a,.header-main .hide-for-medium.flex-right .cart-item.current-dropdown>a{
        color:#fff!important; background:var(--kavix-green)!important;
        border-color:var(--kavix-green)!important; box-shadow:0 8px 20px rgba(39,163,96,0.22);
        transform:translateY(-2px);
    }
    .header-main .hide-for-medium.flex-right .header-search>a i,.header-main .hide-for-medium.flex-right .cart-item>a i{
        color:inherit!important; font-size:20px!important;
    }
    .header-main .hide-for-medium.flex-right .header-nav-main{
        column-gap:10px!important;
    }
    .header-main .hide-for-medium.flex-right .header-search,.header-main .hide-for-medium.flex-right .cart-item{
        margin:0!important;
    }
    .header-main .hide-for-medium.flex-right .header-search .nav-dropdown{
        right:0!important; left:auto!important;
        width:390px!important; min-width:390px!important;
        padding:18px!important; background:#fff!important;
        border:1px solid var(--kavix-border)!important; border-radius:14px!important;
        box-shadow:0 20px 50px rgba(20,40,30,0.16)!important;
    }
    .header-main .hide-for-medium.flex-right .header-search-form-wrapper{
        width:100%!important;
    }
    .header-main .hide-for-medium.flex-right .searchform{
        width:100%!important; margin:0!important;
    }
    .header-main .hide-for-medium.flex-right .searchform .flex-row{
        display:flex!important; align-items:center!important;
        width:100%!important; min-height:50px;
        overflow:hidden; background:#fff;
        border:1px solid var(--kavix-border); border-radius:10px;
        transition:border-color 0.25s ease,box-shadow 0.25s ease;
    }
    .header-main .hide-for-medium.flex-right .searchform .flex-row:hover{
        border-color:rgba(39,163,96,0.6);
    }
    .header-main .hide-for-medium.flex-right .searchform .flex-row:focus-within{
        border-color:var(--kavix-green); box-shadow:0 0 0 4px rgba(39,163,96,0.12);
    }
    .header-main .hide-for-medium.flex-right .searchform input[type="search"],.header-main .hide-for-medium.flex-right .searchform input[type="text"]{
        flex:1 1 auto!important; height:50px!important;
        margin:0!important; padding:0 16px!important;
        color:var(--kavix-black)!important; background:#fff!important;
        border:0!important; border-radius:0!important;
        box-shadow:none!important; font-size:15px!important;
        font-weight:500;
    }
    .header-main .hide-for-medium.flex-right .searchform input::placeholder{
        color:#8b9390; opacity:1;
    }
    .header-main .hide-for-medium.flex-right .searchform button{
        display:flex!important; align-items:center!important;
        justify-content:center!important; flex:0 0 54px!important;
        width:54px!important; min-width:54px!important;
        height:50px!important; min-height:50px!important;
        margin:0!important; padding:0!important;
        color:#fff!important; background:var(--kavix-green)!important;
        border:0!important; border-radius:0!important;
        box-shadow:none!important; transition:background 0.25s ease;
    }
    .header-main .hide-for-medium.flex-right .searchform button:hover{
        background:var(--kavix-green-dark)!important;
    }
    .header-main .hide-for-medium.flex-right .searchform button i{
        font-size:20px!important;
    }
}
/* end Header CSS */

/**Footer CSS**/
.kavix-footer-menu a,
.kavix-footer-menu-heading a{
    display:flex!important;
    align-items:center;
    padding:8px 10px!important;
    color:#fff!important;
    border-radius:8px;
    transition:color .25s ease,background .25s ease,transform .25s ease;
}

.kavix-footer-menu a:hover,
.kavix-footer-menu-heading a:hover{
    color:#5ee59a!important;
    background:rgba(255,255,255,.09);
    transform:translateX(6px);
}

.kavix-footer-menu a i{
    transition:transform .25s ease;
}

.kavix-footer-menu a:hover i{
    transform:translateX(4px);
}
/**end Footer CSS**/

/* Trang tiêu chuẩn & cam kết */
.kavix-cert-section,.kavix-cert-trace,.kavix-cert-cta{
    min-height:230px!important; padding-top:0!important;
    padding-bottom:0!important; background:radial-gradient(circle at 84% 50%,rgba(39,163,96,.15),transparent 26%),linear-gradient(115deg,#fff 0%,#f2faf5 48%,#e6f4eb 100%)!important;
    border-top:1px solid rgba(39,163,96,.13); border-bottom:1px solid rgba(39,163,96,.16);
}
.kavix-cert-hero .section-content,.kavix-cert-section .section-content,.kavix-cert-trace .section-content,.kavix-cert-cta .section-content{
    position:relative; z-index:4;
}
.kavix-wide-row{
    width:calc(100% - 200px)!important; max-width:1500px!important;
    margin-right:auto!important; margin-left:auto!important;
}
.kavix-wide-row>.col{
    padding-right:15px!important; padding-left:15px!important;
}
.kavix-balanced-row{
    display:flex!important; align-items:stretch!important;
}
.kavix-balanced-row>.col,.kavix-balanced-col,.kavix-balanced-col>.col-inner{
    display:flex!important; width:100%;
}
.kavix-cert-label{
    position:relative; display:inline-block;
    margin:0 0 16px; padding-left:44px;
    color:var(--kavix-green); font-size:13px;
    font-weight:700; line-height:1.4;
    letter-spacing:2.2px; text-transform:uppercase;
}
.kavix-cert-label:before{
    content:""; position:absolute;
    top:50%; left:0;
    width:30px; height:2px;
    background:var(--kavix-green); border-radius:20px;
    transform:translateY(-50%);
}
.kavix-section-heading h2{
    max-width:850px; margin:0 auto 17px;
    color:var(--kavix-black); font-size:clamp(31px,3.1vw,46px);
    font-weight:700; line-height:1.18;
    letter-spacing:-.8px;
}
.kavix-cert-desc{
    max-width:770px; margin:0 auto;
    color:#66736c; font-size:16px;
    line-height:1.75;
}
/* HERO */
.kavix-contact-hero{
    position:relative; min-height:560px!important;
    padding:0!important; overflow:hidden!important;
    background:#fff!important; border-top:1px solid rgba(39,163,96,.12);
    border-bottom:1px solid rgba(39,163,96,.16);
}
.kavix-contact-hero .section-bg,
.kavix-contact-hero .section-bg.bg-loaded,
.kavix-contact-hero .section-bg.bg-fill{
    inset:0!important; width:100%!important;
    height:100%!important; background-color:#fff!important;
    background-position:right center!important; background-repeat:no-repeat!important;
    background-size:auto 100%!important;
}
.kavix-contact-hero>.section-content{
    display:flex!important; align-items:center!important;
    width:100%!important; min-height:560px!important;
}
.kavix-cert-hero{
    position:relative; display:block;
    min-height:520px!important; padding-top:0!important;
    padding-bottom:0!important; overflow:hidden;
    background:#fff!important;
}
.kavix-cert-hero .section-bg,.kavix-cert-hero .section-bg.bg-loaded,.kavix-cert-hero .section-bg.bg-fill{
    inset:0!important; background-color:#fff!important;
    background-position:right center!important; background-repeat:no-repeat!important;
    background-size:contain!important;
}
.kavix-cert-hero>.section-content{
    display:flex!important; align-items:center!important;
    width:100%!important; min-height:520px!important;
}
.kavix-cert-hero .section-bg:after{
    content:""; position:absolute;
    inset:0; background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 31%,rgba(255,255,255,.77) 48%,rgba(255,255,255,.15) 72%,rgba(255,255,255,.02) 100%);
}
.kavix-cert-hero:before{
    content:""; position:absolute;
    top:-190px; left:-170px;
    width:470px; height:470px;
    border:1px solid rgba(39,163,96,.14); border-radius:50%;
    box-shadow:0 0 0 65px rgba(39,163,96,.025),0 0 0 130px rgba(39,163,96,.018);
}
.kavix-cert-hero:after{
    content:""; position:absolute;
    bottom:-120px; left:26%;
    width:500px; height:260px;
    background:rgba(39,163,96,.09); border-radius:50%;
    filter:blur(60px);
}
.kavix-hero-content{
    max-width:780px;
}
.kavix-cert-hero h1{
    max-width:780px; margin:0 0 24px;
    color:var(--kavix-black)!important; font-size:clamp(42px,4.7vw,70px);
    font-weight:700!important; line-height:1.06;
    letter-spacing:-2px;
}
.kavix-cert-hero h1 span{
    color:var(--kavix-green);
}
.kavix-cert-lead{
    max-width:690px; margin:0;
    color:var(--kavix-text)!important; font-size:17px;
    line-height:1.8;
}
/* TIÊU CHUẨN */
.kavix-cert-standards{
    background:radial-gradient(circle at 5% 15%,rgba(39,163,96,.1),transparent 24%),radial-gradient(circle at 95% 78%,rgba(39,163,96,.08),transparent 23%),linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
}
.kavix-cert-standards:before{
    content:""; position:absolute;
    top:80px; right:-35px;
    width:210px; height:210px;
    background-image:radial-gradient(rgba(39,163,96,.24) 1.4px,transparent 1.4px); background-size:15px 15px;
    opacity:.5;
}
.kavix-standard-row{
    display:flex!important; align-items:stretch!important;
}
.kavix-standard-row>.col{
    display:flex!important;
}
.kavix-standard-row .text{
    display:flex!important; width:100%!important;
    height:auto!important;
}
.kavix-standard-row .col-inner{
    display:flex!important; width:100%!important;
    height:auto!important;
}
.kavix-standard-card{
    position:relative; display:flex!important;
    flex:1 1 auto!important; flex-direction:column!important;
    width:100%!important; height:auto!important;
    min-height:0!important; padding:28px 28px 25px;
    overflow:hidden; color:#5e6b64;
    background:linear-gradient(145deg,#fff 0%,#f9fcfa 100%); border:1px solid var(--kavix-border);
    border-radius:20px; box-shadow:0 15px 42px rgba(18,53,38,.075);
    font-size:15px; line-height:1.7;
    text-align:left!important; transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.kavix-standard-card:before{
    content:""; position:absolute;
    top:0; right:0;
    left:0; height:5px;
    background:linear-gradient(90deg,var(--kavix-green),#70d397);
}
.kavix-standard-card:after{
    content:""; position:absolute;
    right:-66px; bottom:-66px;
    width:175px; height:175px;
    background:rgba(39,163,96,.065); border-radius:50%;
    box-shadow:0 0 0 32px rgba(39,163,96,.025);
}
.kavix-standard-card:hover{
    border-color:rgba(39,163,96,.58); box-shadow:0 25px 58px rgba(18,53,38,.14);
    transform:translateY(-8px);
}
.kavix-standard-top{
    position:relative!important; z-index:2;
    display:block!important; width:100%!important;
    height:56px!important; margin:0 0 18px!important;
    padding:0!important;
}
.kavix-card-symbol{
    position:absolute!important; top:0!important;
    left:0!important; display:flex!important;
    align-items:center!important; justify-content:center!important;
    width:54px!important; height:54px!important;
    margin:0!important; padding:0!important;
    color:var(--kavix-green); background:var(--kavix-green-soft);
    border:1px solid rgba(39,163,96,.18); border-radius:16px;
    font-size:14px; font-weight:700;
    line-height:1!important; text-align:center!important;
}
.kavix-card-number{
    position:absolute!important; top:-7px!important;
    right:0!important; display:block!important;
    margin:0!important; padding:0!important;
    color:rgba(39,163,96,.14); font-size:58px;
    font-weight:700; line-height:1!important;
    text-align:right!important;
}
.kavix-standard-code{
    position:relative; z-index:2;
    display:inline-flex!important; align-items:center!important;
    justify-content:center!important; min-height:38px!important;
    margin:0 0 16px!important; padding:0 16px!important;
    color:#fff; background:var(--kavix-green);
    border-radius:99px; box-shadow:0 7px 18px rgba(39,163,96,.21);
    font-size:12px; font-weight:700;
    line-height:1!important; text-align:center!important;
}
.kavix-standard-card h3{
    position:relative; z-index:2;
    margin:0 0 11px; color:var(--kavix-black);
    font-size:21px; font-weight:700;
    line-height:1.35;
}
.kavix-standard-card p{
    position:relative; z-index:2;
    margin-bottom:0;
}
.kavix-card-note{
    position:relative; z-index:2;
    margin-top:17px; padding-top:15px;
    color:var(--kavix-green-dark); border-top:1px solid #e3ece7;
    font-size:14px; font-weight:600;
    line-height:1.55;
}
/* CAM KẾT */
.kavix-cert-commitment{
    background:radial-gradient(circle at 5% 8%,rgba(39,163,96,.1),transparent 25%),radial-gradient(circle at 94% 90%,rgba(39,163,96,.07),transparent 23%),linear-gradient(125deg,#f8fcf9 0%,#edf7f1 50%,#f9fcfa 100%);
}
.kavix-cert-commitment:before{
    content:""; position:absolute;
    top:-175px; left:-140px;
    width:390px; height:390px;
    border:65px solid rgba(39,163,96,.045); border-radius:50%;
}
.kavix-cert-commitment:after{
    content:"KAVIX"; position:absolute;
    right:3%; bottom:-48px;
    color:rgba(39,163,96,.04); font-size:clamp(90px,11vw,170px);
    font-weight:700; line-height:1;
    pointer-events:none;
}
.kavix-commitment-copy,.kavix-commitment-list-wrap{
    width:100%; height:100%;
}
.kavix-commitment-copy{
    display:flex; flex-direction:column;
    justify-content:center; min-height:460px;
    padding:32px 36px; background:rgba(255,255,255,.82);
    border:1px solid rgba(39,163,96,.15); border-radius:22px;
    box-shadow:0 16px 43px rgba(18,53,38,.075); backdrop-filter:blur(7px);
}
.kavix-commitment-copy h2{
    max-width:570px; margin:0 0 18px;
    color:#1a1a1a!important; font-size:clamp(34px,2.8vw,45px);
    font-weight:700!important; line-height:1.14;
    letter-spacing:-.9px;
}
.kavix-commitment-copy>p{
    max-width:610px; margin:0 0 12px;
    color:#59675f!important; font-size:15px;
    line-height:1.66;
}
.kavix-commitment-highlight{
    margin-top:6px; padding:14px 18px;
    color:#176f43; background:#fff;
    border:1px solid rgba(39,163,96,.17); border-left:4px solid var(--kavix-green);
    border-radius:0 13px 13px 0; box-shadow:0 8px 22px rgba(18,53,38,.05);
    font-size:13px; font-weight:700;
    line-height:1.5;
}
.kavix-commit-list{
    display:grid; grid-template-rows:repeat(3,1fr);
    gap:14px; width:100%;
    min-height:460px; margin:0;
    padding:0;
}
.kavix-commit-item{
    display:flex; gap:18px;
    align-items:center; min-height:0;
    margin:0; padding:19px 23px;
    background:rgba(255,255,255,.94); border:1px solid rgba(39,163,96,.16);
    border-radius:18px; box-shadow:0 12px 32px rgba(18,53,38,.075);
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.kavix-commit-item:hover{
    border-color:rgba(39,163,96,.5); box-shadow:0 18px 40px rgba(18,53,38,.12);
    transform:translateX(6px);
}
.kavix-commit-icon{
    display:flex; flex:0 0 46px;
    align-items:center; justify-content:center;
    width:46px; height:46px;
    color:#fff; background:linear-gradient(135deg,#32b46c,#187c49);
    border-radius:14px; box-shadow:0 8px 19px rgba(39,163,96,.24);
    font-size:20px; font-weight:700;
    transition:transform .28s ease,border-radius .28s ease;
}
.kavix-commit-item:hover .kavix-commit-icon{
    border-radius:50%; transform:rotate(-5deg) scale(1.05);
}
.kavix-commit-content h3{
    margin:0 0 5px; color:#1a1a1a!important;
    font-size:18px; font-weight:700!important;
    line-height:1.3;
}
.kavix-commit-content p{
    max-width:470px; margin:0;
    color:#68756e!important; font-size:13.5px;
    line-height:1.58;
}
/* HỒ SƠ */
.kavix-cert-documents{
    background:radial-gradient(circle at 5% 65%,rgba(39,163,96,.09),transparent 24%),linear-gradient(180deg,#fff 0%,#f7faf8 100%);
}
.kavix-cert-documents:before{
    content:""; position:absolute;
    top:90px; right:-45px;
    width:190px; height:190px;
    background-image:radial-gradient(rgba(39,163,96,.2) 1.4px,transparent 1.4px); background-size:14px 14px;
    opacity:.45;
}
.kavix-document-row .col-inner{
    height:100%;
}
.kavix-document-row-bottom{
    margin-top:4px;
}
.kavix-document-card{
    position:relative; height:100%;
    min-height:205px; margin-bottom:18px;
    padding:29px 26px 25px 86px; overflow:hidden;
    color:#68746d; background:rgba(255,255,255,.96);
    border:1px solid var(--kavix-border); border-radius:18px;
    box-shadow:0 13px 36px rgba(18,53,38,.065); font-size:15px;
    line-height:1.62; transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;
}
.kavix-document-card:before{
    content:""; position:absolute;
    top:29px; left:26px;
    width:40px; height:50px;
    background:linear-gradient(135deg,transparent 0 68%,rgba(39,163,96,.16) 69% 100%); border:2px solid var(--kavix-green);
    border-radius:7px;
}
.kavix-document-card:after{
    content:""; position:absolute;
    top:42px; left:36px;
    width:20px; height:2px;
    background:var(--kavix-green); box-shadow:0 7px 0 var(--kavix-green),0 14px 0 var(--kavix-green);
    opacity:.62;
}
.kavix-document-card:hover{
    border-color:rgba(39,163,96,.5); box-shadow:0 22px 48px rgba(18,53,38,.12);
    transform:translateY(-6px);
}
.kavix-document-status{
    display:inline-flex!important; align-items:center!important;
    justify-content:center!important; height:46px!important;
    min-height:46px!important; margin:0 0 16px!important;
    padding:0 18px!important; box-sizing:border-box!important;
    color:#79601f; background:#fff3cd;
    border:1px solid #f0dfa6; border-radius:99px;
    font-size:12px; font-weight:700;
    line-height:1!important; text-align:center!important;
    white-space:nowrap; vertical-align:middle!important;
}
.kavix-document-status.is-planned{
    color:#176d43; background:#e5f6ec;
    border-color:#bee6ce;
}
.kavix-document-status-text{
    display:flex!important; align-items:center!important;
    justify-content:center!important; width:100%!important;
    height:100%!important; margin:0!important;
    padding:0!important; line-height:1!important;
    text-align:center!important;
}
.kavix-document-card h3{
    margin:0 0 8px; color:var(--kavix-black);
    font-size:20px; font-weight:700;
}
.kavix-document-card p{
    margin:0 0 13px;
}
.kavix-document-note{
    display:block; color:var(--kavix-green-dark);
    font-size:12px; font-weight:700;
    line-height:1.45;
}
.kavix-document-card-wide{
    min-height:190px;
}
/* TRUY XUẤT */
.kavix-cert-trace{
    padding-top:36px!important; padding-bottom:36px!important;
    color:#fff; background:radial-gradient(circle at 81% 12%,rgba(48,184,109,.29),transparent 27%),linear-gradient(120deg,#061e17 0%,#092f23 51%,#0b4931 100%)!important;
}
.kavix-cert-trace:before{
    content:""; position:absolute;
    inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:42px 42px;
}
.kavix-cert-trace:after{
    content:"QR"; position:absolute;
    right:4%; bottom:-52px;
    color:rgba(255,255,255,.03); font-size:190px;
    font-weight:700; line-height:1;
}
.kavix-trace-copy,.kavix-trace-box-wrap{
    width:100%; height:100%;
}
.kavix-trace-copy{
    display:flex; flex-direction:column;
    justify-content:center; min-height:450px;
    padding:28px 46px 28px 18px;
}
.kavix-trace-copy .kavix-cert-label{
    color:#70e4a3;
}
.kavix-trace-copy .kavix-cert-label:before{
    background:#70e4a3;
}
.kavix-trace-copy h2{
    max-width:650px; margin:0 0 19px;
    color:#fff!important; font-size:clamp(36px,3vw,47px);
    font-weight:700; line-height:1.16;
    letter-spacing:-.9px;
}
.kavix-trace-copy>p{
    max-width:670px; margin:0 0 13px;
    color:rgba(255,255,255,.78)!important; font-size:15px;
    line-height:1.68;
}
.kavix-cert-button{
    align-self:flex-start; margin-top:11px!important;
    padding-right:27px!important; padding-left:27px!important;
    color:#fff!important; background:var(--kavix-green)!important;
    border:0!important; box-shadow:0 10px 25px rgba(39,163,96,.29);
    transition:color .25s ease,background .25s ease,transform .25s ease;
}
.kavix-cert-button:hover{
    color:var(--kavix-green-dark)!important; background:#fff!important;
    transform:translateY(-3px);
}
.kavix-trace-box{
    display:flex; flex-direction:column;
    width:100%; min-height:450px;
    padding:21px 25px; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.075));
    border:1px solid rgba(255,255,255,.2); border-radius:23px;
    box-shadow:0 22px 50px rgba(0,0,0,.21); backdrop-filter:blur(12px);
}
.kavix-trace-box-heading{
    display:grid!important; grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:16px!important; align-items:center!important;
    min-height:0!important; margin:0!important;
    padding:12px 7px 18px!important; border-bottom:1px solid rgba(255,255,255,.14);
}
.kavix-trace-heading-copy{
    display:flex!important; flex-direction:column!important;
    align-items:flex-start!important; justify-content:center!important;
    gap:3px!important; min-width:0!important;
    min-height:0!important; margin:0!important;
    padding:0!important;
}
.kavix-qr-badge{
    display:flex!important; flex:0 0 50px!important;
    align-items:center!important; justify-content:center!important;
    align-self:center!important; width:50px!important;
    height:50px!important; margin:0!important;
    padding:0!important; background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.16); border-radius:13px;
}
.kavix-qr-symbol{
    display:block; width:34px;
    height:34px; background:linear-gradient(90deg,#fff 6px,transparent 6px) 0 0/11px 11px,linear-gradient(#fff 6px,transparent 6px) 0 0/11px 11px;
    border:2px solid rgba(255,255,255,.82); border-radius:6px;
    opacity:.9;
}
.kavix-trace-heading-title{
    display:block!important; margin:0!important;
    padding:0!important; color:#fff!important;
    font-size:19px!important; font-weight:700!important;
    line-height:1.25!important;
}
.kavix-trace-heading-desc{
    display:block!important; margin:0!important;
    padding:0!important; color:rgba(255,255,255,.68)!important;
    font-size:12px!important; font-weight:400!important;
    line-height:1.35!important;
}
.kavix-trace-list{
    display:flex!important; flex:1 1 auto!important;
    flex-direction:column!important; margin-top:5px!important;
}
.kavix-trace-row{
    flex:1 1 0!important; display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important; column-gap:18px!important;
    align-items:center!important; min-height:0!important;
    padding:12px 10px!important; border-bottom:1px solid rgba(255,255,255,.11);
    border-radius:13px; transition:background .28s ease,transform .28s ease,box-shadow .28s ease;
}
.kavix-trace-row:last-child{
    border-bottom-color:transparent;
}
.kavix-trace-row:hover{
    background:rgba(255,255,255,.09); box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
    transform:translateX(6px);
}
.kavix-trace-number{
    display:flex; align-items:center;
    justify-content:center; width:48px;
    height:48px; color:#fff;
    background:linear-gradient(135deg,#31b76e,#1e995a); border-radius:14px;
    box-shadow:0 8px 19px rgba(18,139,78,.28); font-size:13px;
    font-weight:700; transition:color .28s ease,background .28s ease,transform .28s ease;
}
.kavix-trace-row:hover .kavix-trace-number{
    color:var(--kavix-green-dark); background:#fff;
    transform:scale(1.05);
}
.kavix-trace-item-content{
    display:flex!important; flex-direction:column!important;
    align-items:flex-start!important; justify-content:center!important;
    gap:3px!important; min-width:0!important;
    min-height:0!important; margin:0!important;
    padding:0!important;
}
.kavix-trace-item-title{
    display:block!important; margin:0!important;
    padding:0!important; color:#fff!important;
    font-size:16px!important; font-weight:700!important;
    line-height:1.3!important;
}
.kavix-trace-item-desc{
    display:block!important; margin:0!important;
    padding:0!important; color:rgba(255,255,255,.62)!important;
    font-size:11.5px!important; font-weight:400!important;
    line-height:1.35!important; transition:color .28s ease;
}
.kavix-trace-row:hover .kavix-trace-item-desc{
    color:rgba(255,255,255,.84)!important;
}
/* CTA */
.kavix-cert-cta{
    background:radial-gradient(circle at 84% 50%,rgba(39,163,96,.15),transparent 26%),linear-gradient(115deg,#fff 0%,#f2faf5 48%,#e6f4eb 100%)!important; border-top:1px solid rgba(39,163,96,.13);
    border-bottom:1px solid rgba(39,163,96,.16);
}
.kavix-cert-cta:before{
    content:""; position:absolute;
    top:-150px; right:16%;
    width:290px; height:290px;
    border:60px solid rgba(39,163,96,.065); border-radius:50%;
}
.kavix-cert-cta:after{
    content:""; position:absolute;
    top:50%; right:5%;
    width:90px; height:90px;
    border:11px solid rgba(39,163,96,.11); border-radius:50%;
    box-shadow:0 0 0 17px rgba(39,163,96,.045); transform:translateY(-50%);
}
.kavix-cta-label{
    margin:0 0 6px!important; padding:0!important;
    color:var(--kavix-green); font-size:12px;
    font-weight:700; line-height:1.3!important;
    letter-spacing:1.7px;
}
.kavix-cta-content h2{
    margin:0 0 8px!important; padding:0!important;
    color:var(--kavix-green-deep)!important; font-size:clamp(27px,2.7vw,38px);
    font-weight:700; line-height:1.16!important;
}
.kavix-cta-content>p:last-child{
    max-width:790px; margin:0!important;
    padding:0!important; color:#58665e!important;
    font-size:16px; line-height:1.55!important;
}
.kavix-cta-button{
    display:inline-flex!important; align-items:center!important;
    justify-content:center!important; width:190px!important;
    min-width:190px!important; max-width:190px!important;
    height:50px!important; min-height:50px!important;
    margin:0!important; padding:0 20px!important;
    color:#fff!important; background:var(--kavix-green)!important;
    border:2px solid var(--kavix-green)!important; border-radius:99px!important;
    box-sizing:border-box!important; box-shadow:0 11px 27px rgba(39,163,96,.23);
    line-height:1!important; white-space:nowrap!important;
    transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;
}
.kavix-cta-button:hover{
    color:var(--kavix-green)!important; background:#fff!important;
    box-shadow:0 15px 32px rgba(39,163,96,.18); transform:translateY(-3px);
}
@media screen and (min-width:850px){
    .kavix-cert-cta .section-content{
        display:flex!important; align-items:center!important;
        width:100%!important; min-height:230px!important;
    }
    .kavix-cert-cta .kavix-wide-row{
        display:flex!important; flex-wrap:nowrap!important;
        align-items:center!important; justify-content:flex-start!important;
        column-gap:64px!important; width:calc(100% - 200px)!important;
        max-width:1500px!important; min-height:230px!important;
        margin:0 auto!important;
    }
    .kavix-cert-cta .kavix-wide-row>.col:first-child{
        flex:0 1 900px!important; width:auto!important;
        max-width:900px!important; padding-top:0!important;
        padding-right:0!important; padding-bottom:0!important;
    }
    .kavix-cert-cta .kavix-wide-row>.col:last-child{
        display:flex!important; flex:0 0 190px!important;
        align-self:center!important; align-items:center!important;
        justify-content:center!important; width:190px!important;
        max-width:190px!important; min-height:230px!important;
        padding:0!important; text-align:center!important;
    }
    .kavix-cert-cta .kavix-wide-row>.col:last-child>.col-inner{
        display:flex!important; align-items:center!important;
        justify-content:center!important; width:100%!important;
        height:100%!important; min-height:230px!important;
        margin:0!important; padding:0!important;
    }
    .kavix-cta-content,.kavix-cta-content .text-inner{
        margin:0!important; padding:0!important;
    }
}
@media screen and (min-width:850px){
    .kavix-cert-trace .section-content{
        width:100%!important;
    }
    .kavix-cert-trace .kavix-balanced-row{
        display:flex!important; align-items:center!important;
        min-height:0!important; margin-top:0!important;
        margin-bottom:0!important;
    }
    .kavix-cert-trace .kavix-balanced-row>.col,.kavix-cert-trace .kavix-balanced-col,.kavix-cert-trace .kavix-balanced-col>.col-inner{
        display:flex!important; align-items:center!important;
        align-self:stretch!important; min-height:0!important;
    }
    .kavix-cert-trace .kavix-trace-copy{
        min-height:0!important; padding-top:0!important;
        padding-bottom:0!important;
    }
    .kavix-cert-trace .kavix-trace-box-wrap{
        display:flex!important; align-items:center!important;
        justify-content:center!important; width:100%!important;
        height:100%!important; min-height:0!important;
        margin:0!important; padding:0!important;
        box-sizing:border-box!important;
    }
    .kavix-cert-trace .kavix-trace-box{
        width:100%!important; max-width:100%!important;
        margin:0!important; box-sizing:border-box!important;
    }
}
/* LAPTOP */
@media screen and (min-width:850px) and (max-width:1200px){
    .kavix-wide-row{
        width:calc(100% - 80px)!important; max-width:1120px!important;
    }
    .kavix-commitment-copy{
        padding:28px 29px;
    }
    .kavix-commitment-copy h2,.kavix-trace-copy h2{
        font-size:35px;
    }
    .kavix-commit-item{
        padding:17px 19px;
    }
    .kavix-trace-copy{
        padding-right:27px; padding-left:5px;
    }
    .kavix-trace-box{
        padding:19px 20px;
    }
}
/* TABLET */
@media screen and (max-width:849px){
    .kavix-cert-hero>.section-content{
        min-height:500px!important;
    }
    .kavix-cert-trace{
        padding-top:30px!important; padding-bottom:30px!important;
    }
    .kavix-cert-trace .kavix-trace-box-wrap{
        height:auto!important; margin:0!important;
        padding:0!important;
    }
    .kavix-cert-trace .kavix-trace-box{
        width:100%!important; max-width:100%!important;
        margin:0!important;
    }
    .kavix-standard-row,.kavix-standard-row>.col,.kavix-standard-row .col-inner,.kavix-standard-row .text{
        display:block!important; height:auto!important;
    }
    .kavix-wide-row{
        display:block!important; width:calc(100% - 30px)!important;
        margin-right:auto!important; margin-left:auto!important;
    }
    .kavix-wide-row>.col{
        display:block!important; padding-right:0!important;
        padding-left:0!important;
    }
    .kavix-balanced-row,.kavix-balanced-row>.col,.kavix-balanced-col,.kavix-balanced-col>.col-inner{
        display:block!important; height:auto;
    }
    .kavix-cert-hero{
        min-height:500px!important;
    }
    .kavix-cert-hero .section-bg,.kavix-cert-hero .section-bg.bg-loaded,.kavix-cert-hero .section-bg.bg-fill{
        background-position:right center!important; background-size:contain!important;
        background-repeat:no-repeat!important;
    }
    .kavix-cert-hero .section-bg:after{
        background:rgba(255,255,255,.9);
    }
    .kavix-cert-hero h1{
        font-size:42px; letter-spacing:-1.1px;
    }
    .kavix-standard-card{
        min-height:auto; margin-bottom:20px;
    }
    .kavix-commitment-copy,.kavix-commit-list,.kavix-trace-copy,.kavix-trace-box{
        min-height:auto;
    }
    .kavix-commitment-copy{
        padding:31px 27px;
    }
    .kavix-commit-list{
        grid-template-rows:none; margin-top:20px;
    }
    .kavix-document-card{
        min-height:auto;
    }
    .kavix-trace-copy{
        padding:20px 6px 31px;
    }
    .kavix-trace-box{
        padding:21px 20px;
    }
    .kavix-trace-list{
        display:block;
    }
    .kavix-trace-row{
        min-height:82px;
    }
    .kavix-cert-cta{
        min-height:0!important; padding-top:32px!important;
        padding-bottom:32px!important; text-align:center!important;
    }
    .kavix-cert-cta .section-content,.kavix-cert-cta .kavix-wide-row,.kavix-cert-cta .col,.kavix-cert-cta .col-inner{
        min-height:0!important; height:auto!important;
    }
    .kavix-cert-cta .col{
        text-align:center!important;
    }
    .kavix-cert-cta .col:last-child,.kavix-cert-cta .col:last-child>.col-inner{
        display:flex!important; align-items:center!important;
        justify-content:center!important;
    }
    .kavix-cert-cta .button{
        margin:18px auto 0!important;
    }
    .kavix-cert-cta:after{
        display:none;
    }
}
/* MOBILE */
@media screen and (max-width:549px){
    .kavix-cert-hero>.section-content{
        min-height:460px!important;
    }
    .kavix-wide-row{
        width:calc(100% - 20px)!important;
    }
    .kavix-cert-label{
        padding-left:37px; font-size:11px;
        letter-spacing:1.6px;
    }
    .kavix-cert-label:before{
        width:25px;
    }
    .kavix-cert-hero{
        min-height:460px!important;
    }
    .kavix-cert-hero .section-bg,.kavix-cert-hero .section-bg.bg-loaded,.kavix-cert-hero .section-bg.bg-fill{
        background-position:right center!important; background-size:contain!important;
        background-repeat:no-repeat!important;
    }
    .kavix-cert-hero h1{
        font-size:34px; letter-spacing:-.8px;
    }
    .kavix-cert-lead{
        font-size:15px; line-height:1.7;
    }
    .kavix-section-heading h2,.kavix-commitment-copy h2,.kavix-trace-copy h2{
        font-size:30px;
    }
    .kavix-standard-card{
        padding:27px 22px;
    }
    .kavix-commitment-copy{
        padding:26px 20px; border-radius:18px;
    }
    .kavix-commit-item{
        gap:14px; padding:18px 16px;
    }
    .kavix-commit-icon{
        flex-basis:42px; width:42px;
        height:42px;
    }
    .kavix-document-card{
        padding:26px 19px 24px 74px;
    }
    .kavix-document-card:before{
        left:19px;
    }
    .kavix-document-card:after{
        left:29px;
    }
    .kavix-trace-box-heading{
        gap:12px; padding-right:0;
        padding-left:0;
    }
    .kavix-qr-badge{
        width:44px; height:44px;
    }
    .kavix-qr-symbol{
        width:29px; height:29px;
    }
    .kavix-trace-heading-title{
        font-size:16px!important;
    }
    .kavix-trace-row{
        grid-template-columns:43px minmax(0,1fr); column-gap:13px;
        padding-right:5px; padding-left:5px;
    }
    .kavix-trace-number{
        width:43px; height:43px;
        font-size:12px;
    }
    .kavix-trace-item-title{
        font-size:15px!important;
    }
}
/* end chứng chỉ CSS */
/* Trang liên hệ */
.kavix-contact-audience,.kavix-contact-main,.kavix-contact-cta{
    min-height:230px!important; padding-top:0!important;
    padding-bottom:0!important; color:var(--kavix-contact-deep);
    background:radial-gradient(circle at 88% 50%,rgba(39,163,96,.14),transparent 24%),linear-gradient(115deg,#fff 0%,#f3faf6 50%,#e8f5ed 100%); border-top:1px solid rgba(39,163,96,.15);
    border-bottom:1px solid rgba(39,163,96,.18);
}
.kavix-contact-hero .section-content,.kavix-contact-audience .section-content,.kavix-contact-main .section-content,.kavix-contact-cta .section-content{
    position:relative; z-index:3;
}
.kavix-contact-row{
    width:calc(100% - 110px)!important; max-width:1380px!important;
    margin-right:auto!important; margin-left:auto!important;
}
.kavix-contact-row>.col{
    padding-right:15px!important; padding-left:15px!important;
}
.kavix-contact-label{
    position:relative; display:inline-block;
    margin:0 0 17px; padding-left:42px;
    color:var(--kavix-contact-green); font-size:13px;
    font-weight:700; line-height:1.4;
    letter-spacing:2px; text-transform:uppercase;
}
.kavix-contact-label:before{
    content:""; position:absolute;
    top:50%; left:0;
    width:28px; height:2px;
    background:var(--kavix-contact-green); border-radius:20px;
    transform:translateY(-50%);
}
/* HERO */
.kavix-contact-hero-content{
    max-width:780px;
}
.kavix-contact-hero h1{
    max-width:780px; margin:0 0 22px;
    color:var(--kavix-contact-deep)!important; font-size:clamp(42px,4.5vw,68px);
    font-weight:700; line-height:1.08;
    letter-spacing:-1.8px;
}
.kavix-contact-hero h1 span{
    color:var(--kavix-contact-green);
}
.kavix-contact-lead{
    max-width:720px; margin:0;
    color:var(--kavix-contact-text)!important; font-size:17px;
    line-height:1.8;
}
.kavix-contact-actions{
    display:flex; flex-wrap:wrap;
    gap:12px; margin-top:27px;
}
.kavix-contact-actions .button{
    margin:0!important;
}
.kavix-contact-primary{
    color:#fff!important; background:var(--kavix-contact-green)!important;
    border-color:var(--kavix-contact-green)!important;
}
.kavix-contact-secondary{
    color:var(--kavix-contact-green)!important; background:#fff!important;
    border-color:var(--kavix-contact-green)!important;
}
.kavix-contact-primary,.kavix-contact-secondary{
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.kavix-contact-primary:hover,.kavix-contact-secondary:hover{
    color:#fff!important; background:var(--kavix-contact-green-dark)!important;
    border-color:var(--kavix-contact-green-dark)!important; box-shadow:0 10px 25px rgba(39,163,96,.2);
    transform:translateY(-2px);
}
/* KHỐI ĐẠI LÝ VÀ NHÀ THẦU */
.kavix-contact-audience{
    background:radial-gradient(circle at 5% 80%,rgba(39,163,96,.08),transparent 25%),#fff;
}
.kavix-contact-heading h2{
    margin:0 0 16px; color:var(--kavix-contact-deep)!important;
    font-size:clamp(32px,3vw,46px); font-weight:700;
    line-height:1.2;
}
.kavix-contact-heading>p:last-child{
    max-width:780px; margin-right:auto;
    margin-left:auto; color:#66736c;
    font-size:16px; line-height:1.7;
}
.kavix-audience-row{
    display:flex!important; align-items:stretch!important;
}
.kavix-audience-row>.col,.kavix-audience-row>.col>.col-inner,.kavix-audience-row .text,.kavix-audience-row .text-inner{
    display:flex!important; flex:1 1 auto!important;
    width:100%!important; height:100%!important;
}
.kavix-audience-card{
    position:relative; display:flex!important;
    flex:1 1 auto!important; flex-direction:column!important;
    width:100%!important; height:100%!important;
    min-height:410px!important; padding:30px 36px!important;
    overflow:hidden; background:#fff;
    border:1px solid var(--kavix-contact-border); border-radius:24px;
    box-shadow:0 18px 48px rgba(18,53,38,.085); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.kavix-audience-card:hover{
    border-color:rgba(39,163,96,.55); box-shadow:0 25px 58px rgba(18,53,38,.14);
    transform:translateY(-7px);
}
.kavix-audience-card:after{
    content:""; position:absolute;
    right:-70px; bottom:-70px;
    width:210px; height:210px;
    background:rgba(39,163,96,.055); border-radius:50%;
    box-shadow:0 0 0 38px rgba(39,163,96,.025);
}
.kavix-audience-label{
    position:relative; z-index:2;
    margin:0 0 12px; color:var(--kavix-contact-green);
    font-size:12px; font-weight:700;
    line-height:1.4; letter-spacing:1.4px;
}
.kavix-audience-card h3{
    position:relative; z-index:2;
    margin:0 0 15px; color:var(--kavix-contact-deep);
    font-size:27px; font-weight:700;
    line-height:1.3;
}
.kavix-audience-desc{
    position:relative; z-index:2;
    margin:0 0 16px!important; color:#647169;
    font-size:15px; line-height:1.62!important;
}
.kavix-audience-list{
    position:relative; z-index:2;
    display:flex!important; flex-direction:column!important;
    align-items:stretch!important; justify-content:flex-start!important;
    gap:7px!important; width:100%!important;
    min-height:0!important; margin:0 0 16px!important;
    padding:0!important;
}
.kavix-audience-list span{
    position:relative; display:block!important;
    min-height:0!important; margin:0!important;
    padding:0 0 0 25px!important; color:#4e5e55;
    font-size:14px; line-height:1.4!important;
}
.kavix-audience-list>p,.kavix-audience-list p{
    margin:0!important; padding:0!important;
    line-height:1.45!important;
}
.kavix-audience-list>p:empty,.kavix-audience-list p:empty{
    display:none!important;
}
.kavix-audience-list br{
    display:none!important;
}
.kavix-audience-list span:before{
    content:"✓"; position:absolute;
    top:0!important; left:0;
    color:var(--kavix-contact-green); font-weight:700;
    line-height:1.4!important;
}
.kavix-audience-button{
    position:relative; z-index:2;
    display:inline-flex!important; align-items:center!important;
    justify-content:center!important; align-self:flex-start!important;
    width:275px!important; min-width:275px!important;
    max-width:275px!important; height:50px!important;
    min-height:50px!important; margin:0!important;
    padding:0 18px!important; color:#fff!important;
    background:var(--kavix-contact-green)!important; border:2px solid var(--kavix-contact-green)!important;
    border-radius:99px!important; box-sizing:border-box!important;
    font-size:14px!important; font-weight:700!important;
    line-height:1!important; text-align:center!important;
    white-space:nowrap!important; transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.kavix-audience-card>.button:last-child,.kavix-audience-card>a.button:last-child,.kavix-audience-card>p:last-child,.kavix-audience-card>div:last-child:has(.kavix-audience-button){
    margin-top:auto!important; margin-bottom:0!important;
}
.kavix-audience-card>p:last-child{
    min-height:50px!important; padding:0!important;
    line-height:1!important;
}
.kavix-audience-card>p:last-child .kavix-audience-button,.kavix-audience-card>div:last-child .kavix-audience-button{
    margin:0!important;
}
.kavix-audience-button:hover{
    color:var(--kavix-contact-green)!important; background:#fff!important;
    border-color:var(--kavix-contact-green)!important; box-shadow:0 12px 26px rgba(39,163,96,.18);
    transform:translateY(-2px);
}
/* THÔNG TIN VÀ FORM */
.kavix-contact-main{
    background:radial-gradient(circle at 95% 10%,rgba(39,163,96,.12),transparent 26%),linear-gradient(130deg,#f7fbf8,#edf7f1);
}
.kavix-contact-main-row{
    display:flex!important; align-items:stretch!important;
}
.kavix-contact-main-row>.col,.kavix-contact-main-row>.col>.col-inner{
    display:flex!important;
}
.kavix-contact-info,.kavix-contact-form-box{
    width:100%; height:100%;
    padding:36px; background:rgba(255,255,255,.92);
    border:1px solid rgba(39,163,96,.16); border-radius:24px;
    box-shadow:0 18px 48px rgba(18,53,38,.08);
}
.kavix-contact-info h2,.kavix-contact-form-box h2{
    margin:0 0 14px; color:var(--kavix-contact-deep)!important;
    font-size:clamp(29px,2.6vw,40px); font-weight:700;
    line-height:1.2;
}
.kavix-contact-info-lead,.kavix-contact-form-desc{
    margin:0 0 25px; color:#68766e!important;
    font-size:15px; line-height:1.7;
}
.kavix-contact-info-list{
    display:grid; gap:10px;
}
.kavix-contact-info-item{
    display:grid!important; grid-template-columns:44px minmax(0,1fr)!important;
    column-gap:14px!important; align-items:center!important;
    min-height:68px!important; margin:0!important;
    padding:10px 16px!important; background:#f8fbf9;
    border:1px solid #e2ece6; border-radius:15px;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.kavix-contact-info-item:hover{
    border-color:rgba(39,163,96,.5); box-shadow:0 10px 25px rgba(18,53,38,.08);
    transform:translateX(5px);
}
.kavix-info-icon{
    display:flex!important; align-items:center!important;
    justify-content:center!important; align-self:center!important;
    width:44px!important; height:44px!important;
    margin:0!important; padding:0!important;
    color:#fff; background:var(--kavix-contact-green);
    border-radius:13px; font-size:12px;
    font-weight:700; line-height:1!important;
}
.kavix-contact-info-item>div,.kavix-contact-info-content{
    display:flex!important; flex-direction:column!important;
    align-items:flex-start!important; justify-content:center!important;
    gap:2px!important; width:100%!important;
    height:auto!important; min-width:0!important;
    min-height:0!important; margin:0!important;
    padding:0!important;
}
.kavix-contact-info-item>div>*,.kavix-contact-info-content>*,.kavix-contact-info-item>div p,.kavix-contact-info-content p{
    min-height:0!important; margin:0!important;
    padding:0!important;
}
.kavix-contact-info-item>div p,.kavix-contact-info-content p{
    display:block!important; width:100%!important;
    line-height:1.2!important;
}
.kavix-contact-info-item>div p:empty,.kavix-contact-info-content p:empty{
    display:none!important;
}
.kavix-contact-info-item>div br,.kavix-contact-info-content br{
    display:none!important;
}
.kavix-contact-info-item small,.kavix-contact-info-content small{
    display:block!important; margin:0!important;
    padding:0!important; color:#75827b!important;
    font-size:11px!important; font-weight:500!important;
    line-height:1.15!important; letter-spacing:.4px;
    text-transform:uppercase;
}
.kavix-contact-info-item strong,.kavix-contact-info-content strong{
    display:block!important; margin:0!important;
    padding:0!important; color:var(--kavix-contact-deep)!important;
    font-size:15px!important; font-weight:700!important;
    line-height:1.2!important;
}
.kavix-contact-info-item a,.kavix-contact-info-content a{
    color:inherit!important; line-height:inherit!important;
}
.kavix-contact-support-note{
    margin-top:20px; padding:16px 18px;
    color:#176f43; background:#edf8f2;
    border:1px solid rgba(39,163,96,.13); border-left:4px solid var(--kavix-contact-green);
    border-radius:0 13px 13px 0; font-size:13px;
    font-weight:600; line-height:1.55;
}
.kavix-contact-form-label{
    margin:0 0 8px; color:var(--kavix-contact-green);
    font-size:12px; font-weight:700;
    letter-spacing:1.6px;
}
.kavix-contact-form-box .wpcf7{
    margin-top:22px;
}
.kavix-contact-form-box input,.kavix-contact-form-box select,.kavix-contact-form-box textarea{
    width:100%; min-height:50px;
    margin:0 0 13px; padding:12px 15px;
    color:#26352e; background:#fff;
    border:1px solid #dce7e1; border-radius:10px;
    box-shadow:none; font-family:inherit;
    font-size:14px;
}
.kavix-contact-form-box textarea{
    min-height:135px; resize:vertical;
}
.kavix-contact-form-box input:focus,.kavix-contact-form-box select:focus,.kavix-contact-form-box textarea:focus{
    outline:0; border-color:var(--kavix-contact-green);
    box-shadow:0 0 0 4px rgba(39,163,96,.11);
}
.kavix-contact-form-box input[type="submit"]{
    width:auto; min-width:170px;
    min-height:48px; margin:5px 0 0;
    padding:0 24px; color:#fff;
    background:var(--kavix-contact-green); border-color:var(--kavix-contact-green);
    border-radius:99px; font-weight:700;
}
/* CTA SÁNG – KHÔNG TRÙNG FOOTER */
.kavix-contact-cta{
    color:var(--kavix-contact-deep); background:radial-gradient(circle at 88% 50%,rgba(39,163,96,.14),transparent 24%),linear-gradient(115deg,#fff 0%,#f3faf6 50%,#e8f5ed 100%);
    border-top:1px solid rgba(39,163,96,.15); border-bottom:1px solid rgba(39,163,96,.18);
}
.kavix-contact-cta:before{
    content:""; position:absolute;
    top:-135px; right:13%;
    width:285px; height:285px;
    border:55px solid rgba(39,163,96,.055); border-radius:50%;
}
.kavix-contact-cta:after{
    content:"KAVIX"; position:absolute;
    right:3%; bottom:-42px;
    color:rgba(39,163,96,.045); font-size:125px;
    font-weight:700; line-height:1;
    pointer-events:none;
}
.kavix-contact-cta-label{
    margin:0 0 7px; color:var(--kavix-contact-green);
    font-size:12px; font-weight:700;
    letter-spacing:1.5px;
}
.kavix-contact-cta h2{
    margin:0 0 9px; color:var(--kavix-contact-deep)!important;
    font-size:clamp(27px,2.6vw,38px); font-weight:700;
    line-height:1.2;
}
.kavix-contact-cta-content>p:last-child{
    margin:0; color:#5e6c64!important;
    font-size:15px; line-height:1.65;
}
.kavix-contact-cta-button{
    display:inline-flex!important; align-items:center!important;
    justify-content:center!important; min-width:205px;
    min-height:50px; margin:0!important;
    padding:0 24px!important; color:#fff!important;
    background:var(--kavix-contact-green)!important; border:2px solid var(--kavix-contact-green)!important;
    box-shadow:0 10px 25px rgba(39,163,96,.22);
}
.kavix-contact-cta-button:hover{
    color:var(--kavix-contact-green)!important; background:#fff!important;
    transform:translateY(-3px);
}
@media screen and (min-width:850px){
    .kavix-contact-cta .section-content{
        display:flex!important; align-items:center!important;
        width:100%!important; min-height:230px!important;
    }
    .kavix-contact-cta .kavix-contact-row{
        display:flex!important; align-items:center!important;
        width:calc(100% - 110px)!important; min-height:230px!important;
        margin-top:0!important; margin-bottom:0!important;
    }
    .kavix-contact-cta .kavix-contact-row>.col{
        align-self:center!important; padding-top:0!important;
        padding-bottom:0!important;
    }
    .kavix-contact-cta .kavix-contact-row>.col:last-child,.kavix-contact-cta .kavix-contact-row>.col:last-child>.col-inner{
        display:flex!important; align-items:center!important;
        justify-content:center!important; height:100%!important;
        min-height:230px!important;
    }
    .kavix-contact-cta-content,.kavix-contact-cta-content .text-inner{
        margin:0!important; padding:0!important;
    }
}
/* RESPONSIVE */
@media screen and (min-width:850px) and (max-width:1200px){
    .kavix-contact-row{
        width:calc(100% - 56px)!important; max-width:1144px!important;
    }
    .kavix-audience-card,.kavix-contact-info,.kavix-contact-form-box{
        padding:29px;
    }
}
@media screen and (max-width:849px){
.kavix-contact-hero,
    .kavix-contact-hero>.section-content{
        min-height:500px!important;
    }
    .kavix-contact-hero .section-bg,
    .kavix-contact-hero .section-bg.bg-loaded,
    .kavix-contact-hero .section-bg.bg-fill{
        background-position:right center!important;
        background-size:auto 100%!important;
        background-repeat:no-repeat!important;
    }
    .kavix-audience-row>.col,.kavix-audience-row>.col>.col-inner,.kavix-audience-row .text,.kavix-audience-row .text-inner{
        display:block!important; height:auto!important;
    }
    .kavix-audience-card{
        height:auto!important; min-height:0!important;
    }
    .kavix-contact-cta{
        min-height:0!important; padding-top:30px!important;
        padding-bottom:30px!important;
    }
    .kavix-contact-cta .section-content,.kavix-contact-cta .kavix-contact-row,.kavix-contact-cta .kavix-contact-row>.col:last-child,.kavix-contact-cta .kavix-contact-row>.col:last-child>.col-inner{
        min-height:0!important; height:auto!important;
    }
    .kavix-contact-cta .kavix-contact-row>.col:last-child,.kavix-contact-cta .kavix-contact-row>.col:last-child>.col-inner{
        display:flex!important; align-items:center!important;
        justify-content:center!important;
    }
    .kavix-contact-cta-button{
        margin-top:16px!important;
    }
    .kavix-contact-row{
        display:block!important; width:calc(100% - 30px)!important;
        margin-right:auto!important; margin-left:auto!important;
    }
    .kavix-contact-row>.col{
        display:block!important; padding-right:0!important;
        padding-left:0!important;
    }
    .kavix-audience-row,.kavix-audience-row>.col,.kavix-audience-row .col-inner,.kavix-audience-row .text,.kavix-contact-main-row,.kavix-contact-main-row>.col,.kavix-contact-main-row>.col>.col-inner{
        display:block!important; height:auto!important;
    }
    .kavix-audience-card{
        min-height:auto; margin-bottom:20px;
    }
    .kavix-contact-form-box{
        margin-top:22px;
    }
    .kavix-contact-cta,.kavix-contact-cta .col{
        text-align:center!important;
    }
}
@media screen and (max-width:549px){
.kavix-contact-hero,
    .kavix-contact-hero>.section-content{
        min-height:520px!important;
    }
    .kavix-contact-hero .section-bg,
    .kavix-contact-hero .section-bg.bg-loaded,
    .kavix-contact-hero .section-bg.bg-fill{
        background-position:right bottom!important;
        background-size:auto 88%!important;
        background-repeat:no-repeat!important;
    }
    .kavix-audience-button{
        width:100%!important; min-width:100%!important;
        max-width:100%!important; height:48px!important;
        min-height:48px!important;
    }
    .kavix-contact-row{
        width:calc(100% - 20px)!important;
    }
    .kavix-contact-hero h1{
        font-size:35px;
    }
    .kavix-contact-actions{
        display:grid;
    }
    .kavix-contact-actions .button{
        width:100%;
    }
    .kavix-audience-card,.kavix-contact-info,.kavix-contact-form-box{
        padding:25px 20px; border-radius:19px;
    }
    .kavix-contact-info-item{
        grid-template-columns:43px minmax(0,1fr); column-gap:13px;
        min-height:76px; padding:14px;
    }
    .kavix-info-icon{
        width:43px; height:43px;
    }
}
/* end trang liên hệ */

/* =====================================================
   KAVIX – TRANG TÀI KHOẢN WOOCOMMERCE
===================================================== */

body.woocommerce-account #main{
    padding:44px 0 70px!important;
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(39,163,96,.15),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f9fcfa 0%,
            #edf8f1 100%
        );
}

body.woocommerce-account .page-wrapper{
    padding:0!important;
}

body.woocommerce-account #main .woocommerce{
    display:block!important;
    width:calc(100% - 40px)!important;
    max-width:1180px!important;
    margin:0 auto!important;
}

/* BANNER TÀI KHOẢN */

body.woocommerce-account .kavix-account-header{
    position:relative;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:170px;
    margin:0 0 24px!important;
    padding:32px 38px!important;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(83,213,142,.28),
            transparent 28%
        ),
        linear-gradient(
            115deg,
            #062b20 0%,
            #0a4d34 65%,
            #18764b 100%
        );
    border-radius:22px;
    box-shadow:0 18px 44px rgba(6,41,31,.17);
}

body.woocommerce-account
.kavix-account-header:after{
    content:"KAVIX";
    position:absolute;
    right:85px;
    bottom:-48px;
    color:rgba(255,255,255,.05);
    font-size:130px;
    font-weight:700;
    line-height:1;
    pointer-events:none;
}

.kavix-account-header-content,
.kavix-account-mark{
    position:relative;
    z-index:2;
}

.kavix-account-eyebrow{
    margin:0 0 8px!important;
    color:#6de7a4!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.4!important;
    letter-spacing:1.6px;
}

.kavix-account-header h1{
    margin:0 0 9px!important;
    color:#fff!important;
    font-size:38px!important;
    font-weight:700!important;
    line-height:1.15!important;
}

.kavix-account-description{
    margin:0!important;
    color:rgba(255,255,255,.78)!important;
    font-size:14px!important;
    line-height:1.6!important;
}

.kavix-account-mark{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 68px;
    width:68px!important;
    height:68px!important;
    color:#fff;
    background:#27a360;
    border:1px solid rgba(255,255,255,.24);
    border-radius:19px;
    box-shadow:0 12px 28px rgba(0,0,0,.16);
    font-size:33px;
    font-weight:700;
}

/* ẨN MENU BÊN TRÁI */

body.woocommerce-account #main
.woocommerce-MyAccount-navigation{
    display:none!important;
}

/* KHUNG NỘI DUNG */

body.woocommerce-account #main
.woocommerce-MyAccount-content{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:390px;
    margin:0!important;
    padding:34px 36px!important;
    background:#fff;
    border:1px solid #dce9e2;
    border-radius:20px;
    box-shadow:0 16px 40px rgba(8,47,36,.09);
}

/* FORM TÀI KHOẢN */

body.woocommerce-account
.woocommerce-EditAccountForm{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 22px;
}

body.woocommerce-account
.woocommerce-EditAccountForm > p,
body.woocommerce-account
.woocommerce-EditAccountForm fieldset{
    margin:0!important;
}

body.woocommerce-account
.woocommerce-EditAccountForm .form-row-wide,
body.woocommerce-account
.woocommerce-EditAccountForm fieldset,
body.woocommerce-account
.woocommerce-EditAccountForm > p:last-child{
    grid-column:1/-1;
}

body.woocommerce-account
.woocommerce-EditAccountForm label{
    display:block!important;
    margin:0 0 7px!important;
    color:#263a31!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
}

body.woocommerce-account
.woocommerce-EditAccountForm input{
    width:100%!important;
    height:50px!important;
    margin:0!important;
    padding:0 15px!important;
    color:#26382f!important;
    background:#fbfdfc!important;
    border:1px solid #dce8e1!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-size:14px!important;
}

body.woocommerce-account
.woocommerce-EditAccountForm input:focus{
    background:#fff!important;
    border-color:#27a360!important;
    box-shadow:
        0 0 0 4px rgba(39,163,96,.11)!important;
}

body.woocommerce-account
.woocommerce-EditAccountForm em{
    display:block;
    margin-top:7px;
    color:#718078;
    font-size:12px;
    line-height:1.5;
}

body.woocommerce-account
.woocommerce-EditAccountForm fieldset{
    margin-top:6px!important;
    padding:23px!important;
    background:#f7faf8;
    border:1px solid #dfeae4;
    border-radius:15px;
}

body.woocommerce-account
.woocommerce-EditAccountForm legend{
    padding:0 9px;
    color:#082f24;
    font-size:16px;
    font-weight:700;
    text-transform:none;
}

body.woocommerce-account
.woocommerce-EditAccountForm button[type="submit"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:190px!important;
    min-height:50px!important;
    margin:8px 0 0!important;
    padding:0 25px!important;
    color:#fff!important;
    background:#27a360!important;
    border:2px solid #27a360!important;
    border-radius:99px!important;
    box-shadow:0 10px 24px rgba(39,163,96,.2);
    font-size:14px!important;
    font-weight:700!important;
}

body.woocommerce-account
.woocommerce-EditAccountForm button[type="submit"]:hover{
    color:#27a360!important;
    background:#fff!important;
}

/* TRANG CHƯA CÓ ĐƠN HÀNG */

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:250px;
    margin:0!important;
    padding:35px!important;
    color:#57675f!important;
    background:#f7fbf8!important;
    border:1px dashed rgba(39,163,96,.4)!important;
    border-radius:17px!important;
    text-align:center!important;
}

body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info:before,
body.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info:after{
    display:none!important;
    content:none!important;
}

/* BẢNG ĐƠN HÀNG */

body.woocommerce-account
.woocommerce-orders-table{
    overflow:hidden;
    margin:0!important;
    border:1px solid #e0ebe5!important;
    border-radius:14px!important;
    box-shadow:none!important;
}

body.woocommerce-account
.woocommerce-orders-table th{
    padding:14px!important;
    color:#fff!important;
    background:#0a4932!important;
    border:0!important;
    font-size:13px!important;
}

body.woocommerce-account
.woocommerce-orders-table td{
    padding:14px!important;
    border-color:#e5eee9!important;
    font-size:13px!important;
}

body.woocommerce-account
.woocommerce-orders-table .button{
    color:#fff!important;
    background:#27a360!important;
    border-radius:99px!important;
}

/* DROPDOWN TÀI KHOẢN TRÊN HEADER */

#header .account-item .nav-dropdown a{
    display:block!important;
    padding:13px 18px!important;
    color:#34483e!important;
    background:#fff!important;
    transform:none!important;
    font-size:14px!important;
    font-weight:500!important;
}

#header .account-item .nav-dropdown a:hover{
    color:#27a360!important;
    background:#f0f8f4!important;
}

/* TABLET */

@media screen and (max-width:849px){

    body.woocommerce-account #main{
        padding:30px 0 55px!important;
    }

    body.woocommerce-account #main .woocommerce{
        width:calc(100% - 28px)!important;
    }

    body.woocommerce-account
    .kavix-account-header{
        min-height:155px;
        padding:27px!important;
    }

    .kavix-account-header h1{
        font-size:31px!important;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content{
        min-height:0;
        padding:27px 23px!important;
    }
}

/* MOBILE */

@media screen and (max-width:549px){

    body.woocommerce-account #main{
        padding:24px 0 45px!important;
    }

    body.woocommerce-account
    .kavix-account-header{
        min-height:145px;
        padding:23px 20px!important;
        border-radius:17px;
    }

    .kavix-account-header h1{
        font-size:27px!important;
    }

    .kavix-account-description{
        max-width:270px;
        font-size:13px!important;
    }

    .kavix-account-mark{
        display:none!important;
    }

    body.woocommerce-account
    .woocommerce-EditAccountForm{
        grid-template-columns:1fr;
    }

    body.woocommerce-account
    .woocommerce-EditAccountForm .form-row-wide,
    body.woocommerce-account
    .woocommerce-EditAccountForm fieldset,
    body.woocommerce-account
    .woocommerce-EditAccountForm > p:last-child{
        grid-column:auto;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content{
        padding:23px 18px!important;
        border-radius:16px;
    }
}

/* Đơn hàng trống */
.kavix-empty-orders{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:300px;
    padding:40px 25px;
    background:#f7fbf8;
    border:1px dashed rgba(39,163,96,.42);
    border-radius:18px;
    text-align:center;
}

.kavix-empty-orders-content{
    max-width:560px;
}

.kavix-empty-orders-label{
    display:block;
    margin-bottom:10px;
    color:#27a360;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
}

.kavix-empty-orders h2{
    margin:0 0 10px!important;
    color:#082f24!important;
    font-size:30px;
}

.kavix-empty-orders p{
    margin:0 auto 22px!important;
    color:#68776f;
    line-height:1.7;
}

.kavix-back-products{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:50px;
    margin:0!important;
    padding:0 25px!important;
    color:#fff!important;
    background:#27a360!important;
    border:2px solid #27a360!important;
    border-radius:99px!important;
    font-weight:700!important;
    text-transform:none!important;
    transition:.25s ease;
}

.kavix-back-products:hover{
    color:#27a360!important;
    background:#fff!important;
    transform:translateY(-2px);
}

/* =====================================================
   KAVIX LOGIN / REGISTER POPUP
===================================================== */

.kavix-auth-wrap.account-container.lightbox-inner{
    width:min(92vw,500px)!important;
    max-width:500px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
}

.kavix-auth-toggle{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}

.kavix-auth-card{
    width:100%;
    padding:34px 36px 32px;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce9e2;
    border-radius:22px;
    box-shadow:0 28px 70px rgba(4,38,28,.2);
}

.kavix-auth-brand{
    margin-bottom:22px;
    text-align:center;
}

.kavix-auth-brand-label{
    display:inline-block;
    margin-bottom:8px;
    color:#27a360;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1.7px;
}

.kavix-auth-logo{
    color:#080d0a;
    font-size:31px;
    font-weight:800;
    line-height:1;
    letter-spacing:-1.5px;
}

.kavix-auth-logo span{
    color:#27a360;
}

.kavix-auth-panel{
    display:none;
}

.kavix-auth-login-toggle:checked
~ .kavix-auth-card
.kavix-auth-login-panel{
    display:block;
    animation:kavixAuthShow .25s ease;
}

.kavix-auth-register-toggle:checked
~ .kavix-auth-card
.kavix-auth-register-panel{
    display:block;
    animation:kavixAuthShow .25s ease;
}

.kavix-auth-wrap.is-login-only
.kavix-auth-login-panel{
    display:block;
}

@keyframes kavixAuthShow{
    from{
        opacity:0;
        transform:translateY(8px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.kavix-auth-heading{
    margin-bottom:23px;
    text-align:center;
}

.kavix-auth-heading h2{
    margin:0 0 8px!important;
    color:#082f24!important;
    font-family:inherit!important;
    font-size:28px!important;
    font-style:normal!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:-.5px!important;
    text-transform:none!important;
}

.kavix-auth-heading p{
    max-width:390px;
    margin:0 auto!important;
    color:#718078!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.6!important;
}

.kavix-auth-form{
    margin:0!important;
    padding:0!important;
    border:0!important;
}

.kavix-auth-form .form-row{
    margin:0 0 17px!important;
    padding:0!important;
}

.kavix-auth-form label{
    display:block;
    margin:0 0 7px!important;
    color:#25382f!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
}

.kavix-auth-form .required{
    color:#d93636!important;
}

.kavix-auth-form input[type="text"],
.kavix-auth-form input[type="email"],
.kavix-auth-form input[type="password"]{
    width:100%!important;
    height:51px!important;
    margin:0!important;
    padding:0 15px!important;
    color:#26382f!important;
    background:#fbfdfc!important;
    border:1px solid #d9e6df!important;
    border-radius:11px!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:14px!important;
}

.kavix-auth-form input[type="text"]:focus,
.kavix-auth-form input[type="email"]:focus,
.kavix-auth-form input[type="password"]:focus{
    background:#fff!important;
    border-color:#27a360!important;
    box-shadow:0 0 0 4px rgba(39,163,96,.11)!important;
}

.kavix-auth-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:-2px 0 20px;
}

.kavix-auth-options .kavix-auth-remember{
    display:flex!important;
    align-items:center;
    gap:7px;
    margin:0!important;
    color:#5e6d65!important;
    font-size:13px!important;
    font-weight:500!important;
}

.kavix-auth-options input[type="checkbox"]{
    width:16px!important;
    height:16px!important;
    margin:0!important;
    accent-color:#27a360;
}

.kavix-auth-forgot{
    color:#147747!important;
    font-size:13px;
    font-weight:600;
}

.kavix-auth-forgot:hover{
    color:#27a360!important;
}

.kavix-auth-primary,
.kavix-auth-secondary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 22px!important;
    border-radius:99px!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    text-align:center!important;
    text-transform:none!important;
    cursor:pointer;
    transition:.25s ease;
}

.kavix-auth-primary{
    color:#fff!important;
    background:#27a360!important;
    border:2px solid #27a360!important;
    box-shadow:0 11px 25px rgba(39,163,96,.22);
}

.kavix-auth-primary:hover{
    color:#fff!important;
    background:#08713d!important;
    border-color:#08713d!important;
    transform:translateY(-2px);
}

.kavix-auth-secondary{
    color:#188550!important;
    background:#fff!important;
    border:2px solid #27a360!important;
}

.kavix-auth-secondary:hover{
    color:#fff!important;
    background:#27a360!important;
    transform:translateY(-2px);
}

.kavix-auth-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:21px 0;
    color:#849089;
    font-size:12px;
}

.kavix-auth-divider:before,
.kavix-auth-divider:after{
    content:"";
    flex:1;
    height:1px;
    background:#e0e9e4;
}

.kavix-auth-divider span{
    padding:0 13px;
    white-space:nowrap;
}

.kavix-auth-password-notice{
    margin:0 0 18px!important;
    padding:13px 15px;
    color:#5d6e65!important;
    background:#f1f9f5;
    border:1px solid #deebe4;
    border-radius:10px;
    font-size:13px!important;
    line-height:1.6!important;
}

.kavix-auth-form
.woocommerce-privacy-policy-text{
    margin:0 0 18px!important;
    color:#748178!important;
    font-size:12px!important;
    line-height:1.6!important;
}

.kavix-auth-form
.woocommerce-privacy-policy-text p{
    margin:0!important;
}

@media screen and (max-width:549px){

    .kavix-auth-wrap.account-container.lightbox-inner{
        width:min(94vw,470px)!important;
    }

    .kavix-auth-card{
        padding:27px 21px 25px;
        border-radius:18px;
    }

    .kavix-auth-heading h2{
        font-size:24px!important;
    }

    .kavix-auth-options{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }
}

/* =====================================================
   KAVIX - POPUP FORM LIEN HE GON, KHONG TRAN MAN HINH
   Ap dung cho cac form dung class .kavix-quote-form
===================================================== */
.mfp-wrap:has(.kavix-quote-form) .mfp-container{
    padding:16px!important;
}
.mfp-content:has(.kavix-quote-form){
    width:min(900px,calc(100vw - 32px))!important;
    max-width:900px!important;
    max-height:calc(100dvh - 32px)!important;
    margin:0 auto!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
}
.lightbox-content:has(.kavix-quote-form){
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
.mfp-content .kavix-quote-form{
    width:100%!important;
    max-width:900px!important;
    max-height:calc(100dvh - 32px)!important;
    margin:0!important;
    padding:25px 34px 30px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scroll-behavior:smooth;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:var(--kavix-green) #edf5f0;
    background:#fff!important;
    border:1px solid rgba(39,163,96,.16)!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}
.mfp-content .kavix-quote-form::-webkit-scrollbar{
    width:9px;
}
.mfp-content .kavix-quote-form::-webkit-scrollbar-track{
    background:#edf5f0;
    border-radius:0 18px 18px 0;
}
.mfp-content .kavix-quote-form::-webkit-scrollbar-thumb{
    background:var(--kavix-green);
    border:2px solid #edf5f0;
    border-radius:99px;
}
.mfp-content .kavix-quote-form::-webkit-scrollbar-thumb:hover{
    background:var(--kavix-green-dark);
}
.mfp-content .kavix-quote-form .kavix-form-heading{
    max-width:760px;
    margin:0 auto 18px!important;
    padding:0 34px;
    text-align:center;
}
.mfp-content .kavix-quote-form .kavix-form-label{
    display:inline-block;
    margin:0 0 5px!important;
    color:var(--kavix-green)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.4!important;
    letter-spacing:1.4px!important;
    text-transform:uppercase;
}
.mfp-content .kavix-quote-form .kavix-form-heading h2{
    margin:3px 0 8px!important;
    color:#142033!important;
    font-size:clamp(28px,2.6vw,38px)!important;
    font-weight:700!important;
    line-height:1.14!important;
    letter-spacing:-.5px!important;
}
.mfp-content .kavix-quote-form .kavix-form-heading p{
    max-width:680px;
    margin:0 auto!important;
    color:#68766e!important;
    font-size:14px!important;
    line-height:1.5!important;
}
.mfp-content .kavix-quote-form .kavix-form-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 18px!important;
    width:100%!important;
}
.mfp-content .kavix-quote-form .kavix-form-full{
    grid-column:1/-1!important;
}
.mfp-content .kavix-quote-form .kavix-form-field{
    min-width:0!important;
    margin:0!important;
}
.mfp-content .kavix-quote-form .kavix-form-field>p,
.mfp-content .kavix-quote-form .kavix-form-field .wpcf7-form-control-wrap{
    display:block!important;
    width:100%!important;
    margin:0!important;
}
.mfp-content .kavix-quote-form .kavix-form-field label{
    display:block!important;
    margin:0 0 6px!important;
    color:#172236!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.35!important;
}
.mfp-content .kavix-quote-form .kavix-control,
.mfp-content .kavix-quote-form input:not([type="submit"]),
.mfp-content .kavix-quote-form select{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    color:#24332b!important;
    background:#fff!important;
    border:1px solid #d9e5df!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:14px!important;
}
.mfp-content .kavix-quote-form textarea.kavix-control,
.mfp-content .kavix-quote-form textarea{
    width:100%!important;
    min-height:96px!important;
    max-height:150px!important;
    margin:0!important;
    padding:12px 14px!important;
    color:#24332b!important;
    background:#fff!important;
    border:1px solid #d9e5df!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.5!important;
    resize:vertical;
}
.mfp-content .kavix-quote-form input:focus,
.mfp-content .kavix-quote-form select:focus,
.mfp-content .kavix-quote-form textarea:focus{
    outline:0!important;
    border-color:var(--kavix-green)!important;
    box-shadow:0 0 0 4px rgba(39,163,96,.11)!important;
}
.mfp-content .kavix-quote-form .kavix-form-submit{
    margin:16px 0 0!important;
    text-align:center!important;
}
.mfp-content .kavix-quote-form .kavix-submit,
.mfp-content .kavix-quote-form input[type="submit"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:220px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 24px!important;
    color:#fff!important;
    background:var(--kavix-green)!important;
    border:2px solid var(--kavix-green)!important;
    border-radius:99px!important;
    box-shadow:0 10px 24px rgba(39,163,96,.2)!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
}
.mfp-content .kavix-quote-form .kavix-submit:hover,
.mfp-content .kavix-quote-form input[type="submit"]:hover{
    color:var(--kavix-green)!important;
    background:#fff!important;
}
.mfp-content .kavix-quote-form .kavix-form-security{
    margin:10px 0 0!important;
    color:#738078!important;
    font-size:12px!important;
    line-height:1.5!important;
    text-align:center!important;
}
.mfp-content:has(.kavix-quote-form) .mfp-close{
    position:absolute!important;
    top:8px!important;
    right:10px!important;
    z-index:20!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:var(--kavix-green)!important;
    border:0!important;
    border-radius:50%!important;
    opacity:1!important;
    font-size:26px!important;
    line-height:1!important;
}
.mfp-content:has(.kavix-quote-form) .mfp-close:hover{
    background:var(--kavix-green-dark)!important;
}
@media screen and (max-width:849px){
    .mfp-wrap:has(.kavix-quote-form) .mfp-container{
        padding:10px!important;
    }
    .mfp-content:has(.kavix-quote-form),
    .mfp-content .kavix-quote-form{
        width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 20px)!important;
    }
    .mfp-content .kavix-quote-form{
        padding:23px 22px 27px!important;
        border-radius:15px!important;
    }
    .mfp-content .kavix-quote-form .kavix-form-heading{
        padding:0 30px;
    }
}
@media screen and (max-width:549px){
    .mfp-content .kavix-quote-form{
        padding:20px 15px 24px!important;
    }
    .mfp-content .kavix-quote-form .kavix-form-heading{
        margin-bottom:15px!important;
        padding:0 26px;
    }
    .mfp-content .kavix-quote-form .kavix-form-heading h2{
        font-size:24px!important;
    }
    .mfp-content .kavix-quote-form .kavix-form-heading p{
        font-size:13px!important;
    }
    .mfp-content .kavix-quote-form .kavix-form-grid{
        grid-template-columns:1fr!important;
        gap:11px!important;
    }
    .mfp-content .kavix-quote-form .kavix-form-full{
        grid-column:auto!important;
    }
    .mfp-content .kavix-quote-form .kavix-submit,
    .mfp-content .kavix-quote-form input[type="submit"]{
        width:100%!important;
        min-width:0!important;
    }
    .mfp-content:has(.kavix-quote-form) .mfp-close{
        top:6px!important;
        right:6px!important;
        width:36px!important;
        height:36px!important;
        min-height:36px!important;
        font-size:23px!important;
    }
}

/* =====================================================
   KAVIX - DIEU CHINH POPUP NHO GON HON (V2)
   Ghi de phan popup cu, khong anh huong cac khu vuc khac.
===================================================== */
@media screen and (min-width:850px){
    .mfp-wrap:has(.kavix-quote-form) .mfp-container{
        padding:12px!important;
    }

    .mfp-content:has(.kavix-quote-form){
        width:min(760px,calc(100vw - 40px))!important;
        max-width:760px!important;
        max-height:min(720px,calc(100dvh - 150px))!important;
    }

    .mfp-content .kavix-quote-form{
        max-width:760px!important;
        max-height:min(720px,calc(100dvh - 150px))!important;
        padding:18px 24px 22px!important;
        border-radius:16px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-heading{
        max-width:650px!important;
        margin-bottom:13px!important;
        padding:0 34px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-label{
        margin-bottom:3px!important;
        font-size:11px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-heading h2{
        margin:2px 0 6px!important;
        font-size:31px!important;
        line-height:1.1!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-heading p{
        max-width:610px!important;
        font-size:12.5px!important;
        line-height:1.45!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-grid{
        gap:8px 14px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-field label{
        margin-bottom:4px!important;
        font-size:12px!important;
        line-height:1.25!important;
    }

    .mfp-content .kavix-quote-form .kavix-control,
    .mfp-content .kavix-quote-form input:not([type="submit"]),
    .mfp-content .kavix-quote-form select{
        height:42px!important;
        min-height:42px!important;
        padding:0 12px!important;
        border-radius:9px!important;
        font-size:13px!important;
    }

    .mfp-content .kavix-quote-form textarea.kavix-control,
    .mfp-content .kavix-quote-form textarea{
        min-height:76px!important;
        max-height:105px!important;
        padding:10px 12px!important;
        border-radius:9px!important;
        font-size:13px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-submit{
        margin-top:11px!important;
    }

    .mfp-content .kavix-quote-form .kavix-submit,
    .mfp-content .kavix-quote-form input[type="submit"]{
        min-width:200px!important;
        min-height:43px!important;
        padding:0 20px!important;
        font-size:13px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-security{
        margin-top:7px!important;
        font-size:11px!important;
    }

    .mfp-content:has(.kavix-quote-form) .mfp-close{
        top:6px!important;
        right:7px!important;
        width:36px!important;
        height:36px!important;
        min-height:36px!important;
        font-size:23px!important;
    }
}

@media screen and (min-width:850px) and (max-height:760px){
    .mfp-content:has(.kavix-quote-form),
    .mfp-content .kavix-quote-form{
        max-height:calc(100dvh - 105px)!important;
    }

    .mfp-content .kavix-quote-form{
        padding-top:14px!important;
        padding-bottom:17px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-heading{
        margin-bottom:9px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-heading h2{
        font-size:27px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-heading p{
        font-size:12px!important;
    }

    .mfp-content .kavix-quote-form .kavix-form-grid{
        gap:6px 12px!important;
    }

    .mfp-content .kavix-quote-form .kavix-control,
    .mfp-content .kavix-quote-form input:not([type="submit"]),
    .mfp-content .kavix-quote-form select{
        height:39px!important;
        min-height:39px!important;
    }

    .mfp-content .kavix-quote-form textarea.kavix-control,
    .mfp-content .kavix-quote-form textarea{
        min-height:66px!important;
        max-height:85px!important;
    }
}

/* =====================================================
   KAVIX – TONE CAM THEO THẺ SẢN PHẨM
   Áp dụng khi <body> có class: kavix-tone-orange
===================================================== */

/* Đổi toàn bộ biến màu xanh đang dùng trong CSS KAVIX sang cam. */
body.single-product.kavix-tone-orange{
    --kavix-orange:#e8620d;
    --kavix-orange-dark:#bd4c05;
    --kavix-orange-deep:#873500;
    --kavix-orange-soft:#fff0e6;
    --kavix-orange-light:rgba(232,98,13,.14);

    --primary-color:#e8620d!important;
    --kavix-green:#e8620d;
    --kavix-green-dark:#bd4c05;
    --kavix-green-soft:#fff0e6;
    --kavix-contact-green:#e8620d;
    --kavix-contact-green-dark:#bd4c05;
    --kavix-contact-light:#fff5ee;
}

/* Thanh trên cùng. */
body.single-product.kavix-tone-orange #header .header-top,
body.single-product.kavix-tone-orange .header-top{
    background-color:var(--kavix-orange)!important;
}

/* Menu desktop/mobile: active, ancestor và hover. */
body.single-product.kavix-tone-orange .header-nav-main>li:hover>a,
body.single-product.kavix-tone-orange .header-nav-main>li.active>a,
body.single-product.kavix-tone-orange .header-nav-main>li.current-menu-item>a,
body.single-product.kavix-tone-orange .header-nav-main>li.current_page_item>a,
body.single-product.kavix-tone-orange .header-nav-main>li.current-menu-parent>a,
body.single-product.kavix-tone-orange .header-nav-main>li.current-menu-ancestor>a,
body.single-product.kavix-tone-orange .mobile-sidebar .nav>li.active>a,
body.single-product.kavix-tone-orange .mobile-sidebar .nav>li>a:hover{
    color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .header-nav-main>li:hover>a:after,
body.single-product.kavix-tone-orange .header-nav-main>li.active>a:after,
body.single-product.kavix-tone-orange .header-nav-main>li.current-menu-item>a:after,
body.single-product.kavix-tone-orange .header-nav-main>li.current_page_item>a:after,
body.single-product.kavix-tone-orange .header-nav-main>li.current-menu-parent>a:after,
body.single-product.kavix-tone-orange .header-nav-main>li.current-menu-ancestor>a:after,
body.single-product.kavix-tone-orange .nav-line-bottom>li.active>a:before,
body.single-product.kavix-tone-orange .nav-line-bottom>li.current-menu-item>a:before,
body.single-product.kavix-tone-orange .nav-line-bottom>li.current-menu-ancestor>a:before,
body.single-product.kavix-tone-orange .nav-line-grow>li.active>a:before{
    background:var(--kavix-orange)!important;
}

/* Icon tìm kiếm, giỏ hàng và form tìm kiếm. */
body.single-product.kavix-tone-orange .header-search:hover>a,
body.single-product.kavix-tone-orange .cart-item:hover>a,
body.single-product.kavix-tone-orange .header-search.current-dropdown>a,
body.single-product.kavix-tone-orange .cart-item.current-dropdown>a,
body.single-product.kavix-tone-orange .searchform .button,
body.single-product.kavix-tone-orange .searchform button,
body.single-product.kavix-tone-orange .ux-search-submit,
body.single-product.kavix-tone-orange .widget_search .submit-button{
    color:#fff!important;
    background-color:var(--kavix-orange)!important;
    border-color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .searchform .button:hover,
body.single-product.kavix-tone-orange .searchform button:hover,
body.single-product.kavix-tone-orange .ux-search-submit:hover{
    background-color:var(--kavix-orange-dark)!important;
    border-color:var(--kavix-orange-dark)!important;
}

/* Nút chính, CTA và nút WooCommerce. */
body.single-product.kavix-tone-orange .single_add_to_cart_button,
body.single-product.kavix-tone-orange .button.primary,
body.single-product.kavix-tone-orange .button.is-primary,
body.single-product.kavix-tone-orange .button.alt,
body.single-product.kavix-tone-orange .woocommerce-Button,
body.single-product.kavix-tone-orange input[type="submit"]{
    color:#fff!important;
    background-color:var(--kavix-orange)!important;
    border-color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .single_add_to_cart_button:hover,
body.single-product.kavix-tone-orange .button.primary:hover,
body.single-product.kavix-tone-orange .button.is-primary:hover,
body.single-product.kavix-tone-orange .button.alt:hover,
body.single-product.kavix-tone-orange .woocommerce-Button:hover,
body.single-product.kavix-tone-orange input[type="submit"]:hover{
    color:#fff!important;
    background-color:var(--kavix-orange-dark)!important;
    border-color:var(--kavix-orange-dark)!important;
}

/* Giá, liên kết và các chi tiết sản phẩm. */
body.single-product.kavix-tone-orange .product-info .price,
body.single-product.kavix-tone-orange .product-info .price .amount,
body.single-product.kavix-tone-orange .product-summary .price,
body.single-product.kavix-tone-orange .product_meta a:hover,
body.single-product.kavix-tone-orange .product-info a:hover,
body.single-product.kavix-tone-orange .breadcrumbs a:hover,
body.single-product.kavix-tone-orange .product-small .name a:hover,
body.single-product.kavix-tone-orange .product-small .category:hover{
    color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .badge-inner,
body.single-product.kavix-tone-orange .onsale{
    background-color:var(--kavix-orange)!important;
}

/* Tab Mô tả – Thông tin bổ sung – Đánh giá. */
body.single-product.kavix-tone-orange .product-tabs>li.active>a,
body.single-product.kavix-tone-orange .woocommerce-tabs .nav>li.active>a,
body.single-product.kavix-tone-orange .tabbed-content .nav>li.active>a{
    color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .product-tabs>li.active>a:before,
body.single-product.kavix-tone-orange .woocommerce-tabs .nav>li.active>a:before,
body.single-product.kavix-tone-orange .tabbed-content .nav>li.active>a:before{
    background-color:var(--kavix-orange)!important;
}

/* Sản phẩm tương tự: nút XEM NHANH và các công cụ trên ảnh. */
body.single-product.kavix-tone-orange .product-small .quick-view,
body.single-product.kavix-tone-orange .product-small .quick-view-button,
body.single-product.kavix-tone-orange .box-image .quick-view,
body.single-product.kavix-tone-orange .image-tools .quick-view,
body.single-product.kavix-tone-orange .image-tools .button.is-outline:hover,
body.single-product.kavix-tone-orange .product-small .image-tools.bottom.hover-slide-in.show-on-hover{
    color:#fff!important;
    background-color:var(--kavix-orange)!important;
    border-color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .product-small .quick-view:hover,
body.single-product.kavix-tone-orange .product-small .quick-view-button:hover,
body.single-product.kavix-tone-orange .box-image .quick-view:hover{
    background-color:var(--kavix-orange-dark)!important;
    border-color:var(--kavix-orange-dark)!important;
}

/* Mạng xã hội. */
body.single-product.kavix-tone-orange .social-icons .button:hover,
body.single-product.kavix-tone-orange .social-icons a:hover{
    color:#fff!important;
    background-color:var(--kavix-orange)!important;
    border-color:var(--kavix-orange)!important;
}

/* Footer: đổi hover xanh lá thành cam. */
body.single-product.kavix-tone-orange .kavix-footer-menu a:hover,
body.single-product.kavix-tone-orange .kavix-footer-menu-heading a:hover,
body.single-product.kavix-tone-orange .footer-wrapper a:hover,
body.single-product.kavix-tone-orange .absolute-footer a:hover{
    color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .kavix-footer-menu a:hover,
body.single-product.kavix-tone-orange .kavix-footer-menu-heading a:hover{
    background:rgba(232,98,13,.14)!important;
}

/* Nút chat nổi: hỗ trợ các plugin/lớp phổ biến. */
body.single-product.kavix-tone-orange .chaty-widget .chaty-widget-i,
body.single-product.kavix-tone-orange .chaty-widget-i,
body.single-product.kavix-tone-orange .joinchat__button,
body.single-product.kavix-tone-orange #button-contact-vr .phone-vr-img-circle,
body.single-product.kavix-tone-orange #button-contact-vr .phone-vr-circle-fill,
body.single-product.kavix-tone-orange .floating-contact-button,
body.single-product.kavix-tone-orange .float-contact .chat-button,
body.single-product.kavix-tone-orange .kavix-chat-button{
    background-color:var(--kavix-orange)!important;
    border-color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange .chaty-widget .chaty-widget-i,
body.single-product.kavix-tone-orange .joinchat__button,
body.single-product.kavix-tone-orange #button-contact-vr .phone-vr-img-circle{
    box-shadow:0 0 0 5px rgba(232,98,13,.18),0 10px 28px rgba(232,98,13,.28)!important;
}

/* Focus, checkbox, radio và màu bôi chọn. */
body.single-product.kavix-tone-orange input:focus,
body.single-product.kavix-tone-orange select:focus,
body.single-product.kavix-tone-orange textarea:focus{
    border-color:var(--kavix-orange)!important;
    box-shadow:0 0 0 3px var(--kavix-orange-light)!important;
}
body.single-product.kavix-tone-orange input[type="checkbox"],
body.single-product.kavix-tone-orange input[type="radio"]{
    accent-color:var(--kavix-orange)!important;
}
body.single-product.kavix-tone-orange ::selection{
    color:#fff;
    background:var(--kavix-orange);
}
/* TONE CAM – sửa hover/active tab sản phẩm */
body.single-product.kavix-tone-orange
.woocommerce-tabs .nav > li > a:hover,
body.single-product.kavix-tone-orange
.woocommerce-tabs .nav > li.active > a,
body.single-product.kavix-tone-orange
.product-tabs > li > a:hover,
body.single-product.kavix-tone-orange
.product-tabs > li.active > a,
body.single-product.kavix-tone-orange
.tabbed-content .nav > li > a:hover,
body.single-product.kavix-tone-orange
.tabbed-content .nav > li.active > a{
    color:#e8620d!important;
}

/* Gạch phía trên tab khi hover và active */
body.single-product.kavix-tone-orange
.woocommerce-tabs .nav > li > a:before,
body.single-product.kavix-tone-orange
.product-tabs > li > a:before,
body.single-product.kavix-tone-orange
.tabbed-content .nav > li > a:before{
    background-color:#e8620d!important;
    border-color:#e8620d!important;
}

/* Một số cấu trúc tab Flatsome dùng border trực tiếp trên li */
body.single-product.kavix-tone-orange
.woocommerce-tabs .nav > li:hover,
body.single-product.kavix-tone-orange
.woocommerce-tabs .nav > li.active,
body.single-product.kavix-tone-orange
.product-tabs > li:hover,
body.single-product.kavix-tone-orange
.product-tabs > li.active{
    border-color:#e8620d!important;
}

/* Loại bỏ màu xanh do biến màu chính của Flatsome */
body.single-product.kavix-tone-orange
.woocommerce-tabs,
body.single-product.kavix-tone-orange
.tabbed-content{
    --primary-color:#e8620d!important;
}

/* =====================================================
   KAVIX – NÚT LIÊN HỆ TONE CAM + BACK TO TOP
   Giữ nguyên chức năng, ép đúng hình tròn và trạng thái ẩn/hiện.
===================================================== */

/* -----------------------------------------------------
   1. NÚT LIÊN HỆ NỔI – CHỈ ĐỔI MÀU TRÊN SẢN PHẨM TONE CAM
----------------------------------------------------- */
html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-toggle{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    padding:0!important;
    color:#fff!important;
    background:#e8620d!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    box-shadow:
        0 8px 24px rgba(232,98,13,.30),
        0 0 0 7px rgba(232,98,13,.14)!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-toggle:hover,
html body.single-product.kavix-tone-orange
.kavix-contact-menu.is-open .kavix-contact-toggle{
    color:#fff!important;
    background:#bd4c05!important;
    border-color:#fff!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-toggle svg{
    width:25px!important;
    height:25px!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-toggle svg,
html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-toggle svg path{
    color:#fff!important;
    fill:#fff!important;
}

/* Anchor không được có nền cam hình vuông. */
html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-options .kavix-contact-option{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}

/* Chỉ vòng icon có nền và bắt buộc là hình tròn. */
html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-options
.kavix-contact-option .kavix-option-icon{
    display:flex!important;
    flex:0 0 50px!important;
    align-items:center!important;
    justify-content:center!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:#e8620d!important;
    border:0!important;
    border-radius:999px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    line-height:1!important;
    box-shadow:0 7px 20px rgba(232,98,13,.28)!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-options
.kavix-contact-option:hover .kavix-option-icon{
    color:#fff!important;
    background:#bd4c05!important;
    transform:translateY(-2px);
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-options
.kavix-option-icon svg{
    width:22px!important;
    height:22px!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-options
.kavix-option-icon svg,
html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-options
.kavix-option-icon svg path{
    color:#fff!important;
    fill:#fff!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-zalo-symbol{
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:-.2px!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-option:hover .kavix-option-label{
    color:#e8620d!important;
}

html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-toggle:before,
html body.single-product.kavix-tone-orange
.kavix-contact-menu .kavix-contact-toggle:after{
    border-radius:999px!important;
    border-color:rgba(232,98,13,.28)!important;
    background:rgba(232,98,13,.10)!important;
}

/* -----------------------------------------------------
   2. BACK TO TOP – ẨN Ở ĐẦU TRANG, HIỆN SAU 320PX
----------------------------------------------------- */
html body #top-link,
html body .back-to-top{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(14px)!important;
    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease,
        background-color .22s ease!important;
}

html body #top-link.kavix-back-to-top-visible,
html body .back-to-top.kavix-back-to-top-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
}

/* Màu cam chỉ áp dụng cho sản phẩm Tone cam. */
html body.single-product.kavix-tone-orange #top-link,
html body.single-product.kavix-tone-orange .back-to-top{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    color:#fff!important;
    background:#e8620d!important;
    border-color:#e8620d!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    box-shadow:0 8px 22px rgba(232,98,13,.28)!important;
}

html body.single-product.kavix-tone-orange
#top-link.kavix-back-to-top-visible:hover,
html body.single-product.kavix-tone-orange
#top-link.kavix-back-to-top-visible:focus,
html body.single-product.kavix-tone-orange
.back-to-top.kavix-back-to-top-visible:hover,
html body.single-product.kavix-tone-orange
.back-to-top.kavix-back-to-top-visible:focus{
    color:#fff!important;
    background:#bd4c05!important;
    border-color:#bd4c05!important;
}

html body.single-product.kavix-tone-orange #top-link i,
html body.single-product.kavix-tone-orange .back-to-top i,
html body.single-product.kavix-tone-orange #top-link svg,
html body.single-product.kavix-tone-orange .back-to-top svg,
html body.single-product.kavix-tone-orange #top-link svg path,
html body.single-product.kavix-tone-orange .back-to-top svg path{
    color:#fff!important;
    fill:#fff!important;
}

@media screen and (max-width:549px){
    html body.single-product.kavix-tone-orange
    .kavix-contact-menu .kavix-contact-toggle{
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        min-height:54px!important;
    }

    html body.single-product.kavix-tone-orange
    .kavix-contact-menu .kavix-contact-options
    .kavix-contact-option .kavix-option-icon{
        flex-basis:46px!important;
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
        max-width:46px!important;
        min-height:46px!important;
        max-height:46px!important;
    }
}

/* =====================================================
   KAVIX – GIỎ HÀNG VÀ MINI CART
   Sửa đúng trong khối cũ, không thêm CSS ghi đè ở cuối file.
===================================================== */

/* ---------- Nền và khung trang giỏ hàng ---------- */
body.woocommerce-cart .page-wrapper{
    background:
        radial-gradient(circle at 91% 18%,rgba(39,163,96,.08),transparent 27%),
        #fff;
}

body.woocommerce-cart .woocommerce{
    padding-top:30px;
    padding-bottom:55px;
}

/* Chia lại 2 cột để bảng sản phẩm không chui xuống dưới khối tổng tiền. */
@media screen and (min-width:850px){
    body.woocommerce-cart .woocommerce.row.row-large.row-divided,
    body.woocommerce-cart .woocommerce > .row.row-large.row-divided{
        display:grid!important;
        grid-template-columns:minmax(0,1.65fr) minmax(340px,.9fr)!important;
        column-gap:30px!important;
        align-items:start!important;
        width:100%!important;
        margin-right:auto!important;
        margin-left:auto!important;
    }

    body.woocommerce-cart .woocommerce.row.row-large.row-divided > .col,
    body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .col{
        width:100%!important;
        max-width:none!important;
        flex-basis:auto!important;
        min-width:0!important;
        padding-right:0!important;
        padding-left:0!important;
    }

    body.woocommerce-cart .woocommerce.row.row-large.row-divided > .cart-collaterals,
    body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .cart-collaterals{
        border-left:0!important;
    }
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals .cart_totals{
    background:#fff;
    border:1px solid var(--kavix-border);
    border-radius:16px;
    box-shadow:0 14px 38px rgba(18,66,48,.08);
}

body.woocommerce-cart .woocommerce-cart-form{
    min-width:0!important;
    padding:18px 22px 24px;
    overflow:hidden!important;
}

body.woocommerce-cart .cart-wrapper{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
}

/* ---------- Bảng sản phẩm ---------- */
body.woocommerce-cart .woocommerce-cart-form .shop_table{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    table-layout:fixed!important;
}

body.woocommerce-cart .woocommerce-cart-form .shop_table thead th{
    padding:13px 8px!important;
    color:var(--kavix-green-deep)!important;
    background:var(--kavix-cart-bg)!important;
    border-bottom:2px solid var(--kavix-green)!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.4px;
    text-transform:uppercase;
    vertical-align:middle!important;
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td{
    padding:20px 8px!important;
    border-bottom:1px solid #edf2ef!important;
    vertical-align:middle!important;
}

/* Đặt kích thước cột vừa với khung trái. */
@media screen and (min-width:850px){
    body.woocommerce-cart .woocommerce-cart-form th.product-price,
    body.woocommerce-cart .woocommerce-cart-form td.product-price{
        width:92px!important;
    }

    body.woocommerce-cart .woocommerce-cart-form th.product-quantity,
    body.woocommerce-cart .woocommerce-cart-form td.product-quantity{
        width:116px!important;
    }

    body.woocommerce-cart .woocommerce-cart-form th.product-subtotal,
    body.woocommerce-cart .woocommerce-cart-form td.product-subtotal{
        width:106px!important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-remove{
        width:18px!important;
        min-width:18px!important;
        max-width:18px!important;
        padding-right:0!important;
        padding-left:0!important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail{
        width:82px!important;
    }

    body.woocommerce-cart .woocommerce-cart-form td.product-name{
        width:auto!important;
        min-width:0!important;
    }
}

/* Ảnh sản phẩm không còn bị bóp hẹp. */
body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:72px!important;
    height:72px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    background:var(--kavix-cart-bg)!important;
    border:1px solid var(--kavix-border)!important;
    border-radius:9px!important;
}

body.woocommerce-cart .woocommerce-cart-form td.product-thumbnail img{
    display:block!important;
    position:static!important;
    float:none!important;
    width:66px!important;
    height:66px!important;
    max-width:66px!important;
    max-height:66px!important;
    margin:0!important;
    padding:5px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
}

body.woocommerce-cart .woocommerce-cart-form td.product-name{
    overflow-wrap:normal!important;
    word-break:normal!important;
    white-space:normal!important;
}

body.woocommerce-cart .woocommerce-cart-form td.product-name a{
    color:var(--kavix-green-deep)!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.4!important;
}

body.woocommerce-cart .woocommerce-cart-form td.product-name a:hover{
    color:var(--kavix-green)!important;
}

body.woocommerce-cart .woocommerce-cart-form td.product-price,
body.woocommerce-cart .woocommerce-cart-form td.product-subtotal{
    color:var(--kavix-green-deep)!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap!important;
}

body.woocommerce-cart .woocommerce-cart-form td.product-subtotal{
    color:var(--kavix-orange)!important;
}

/* Dấu x nhỏ gọn; chiều rộng cột được khóa bằng colgroup trong functions.php. */
body.woocommerce-cart .woocommerce-cart-form a.remove{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    margin:0!important;
    padding:0!important;
    color:#9aa6a0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1!important;
    text-decoration:none!important;
    transform:none!important;
}

body.woocommerce-cart .woocommerce-cart-form a.remove:hover{
    color:#d8443e!important;
    background:transparent!important;
    transform:none!important;
}

/* ---------- Số lượng ---------- */
body.woocommerce-cart .quantity.buttons_added{
    display:flex!important;
    align-items:stretch!important;
    width:110px!important;
    height:42px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid var(--kavix-border)!important;
    border-radius:8px!important;
    box-shadow:none!important;
}

body.woocommerce-cart .quantity.buttons_added .minus,
body.woocommerce-cart .quantity.buttons_added .plus{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    color:var(--kavix-green)!important;
    background:var(--kavix-green-soft)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1!important;
}

body.woocommerce-cart .quantity.buttons_added .minus:hover,
body.woocommerce-cart .quantity.buttons_added .plus:hover{
    color:#fff!important;
    background:var(--kavix-green)!important;
}

body.woocommerce-cart .quantity.buttons_added .qty{
    flex:1 1 auto!important;
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    color:var(--kavix-green-deep)!important;
    background:#fff!important;
    border:0!important;
    border-right:1px solid var(--kavix-border)!important;
    border-left:1px solid var(--kavix-border)!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:40px!important;
    text-align:center!important;
    -moz-appearance:textfield;
}

body.woocommerce-cart .quantity.buttons_added .qty::-webkit-inner-spin-button,
body.woocommerce-cart .quantity.buttons_added .qty::-webkit-outer-spin-button{
    margin:0;
    -webkit-appearance:none;
}

/* ---------- Hàng nút dưới bảng ---------- */
body.woocommerce-cart
.woocommerce-cart-form
td.actions{
    display:grid!important;
    grid-template-columns:max-content max-content!important;
    align-items:center!important;
    justify-content:start!important;
    gap:12px!important;
    width:100%!important;
    padding:20px 0 0!important;
    overflow:visible!important;
    border:0!important;
    text-align:left!important;
}

body.woocommerce-cart
.woocommerce-cart-form
td.actions .continue-shopping{
    display:block!important;
    float:none!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

body.woocommerce-cart
.woocommerce-cart-form
td.actions .continue-shopping a.button,
body.woocommerce-cart
.woocommerce-cart-form
td.actions a.button-continue-shopping,
body.woocommerce-cart
.woocommerce-cart-form
td.actions button[name="update_cart"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    float:none!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 20px!important;
    overflow:visible!important;
    border-radius:8px!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.15px!important;
    text-align:center!important;
    text-indent:0!important;
    white-space:nowrap!important;
    transform:none!important;
}

/* Tiếp tục xem sản phẩm: luôn là nút viền khi chưa hover. */
body.woocommerce-cart
.woocommerce-cart-form
td.actions .continue-shopping a.button,
body.woocommerce-cart
.woocommerce-cart-form
td.actions .continue-shopping a.button:visited,
body.woocommerce-cart
.woocommerce-cart-form
td.actions a.button-continue-shopping,
body.woocommerce-cart
.woocommerce-cart-form
td.actions a.button-continue-shopping:visited{
    min-width:260px!important;
    color:var(--kavix-green)!important;
    -webkit-text-fill-color:var(--kavix-green)!important;
    background:#fff!important;
    border:2px solid var(--kavix-green)!important;
    opacity:1!important;
}

body.woocommerce-cart
.woocommerce-cart-form
td.actions .continue-shopping a.button:hover,
body.woocommerce-cart
.woocommerce-cart-form
td.actions .continue-shopping a.button:focus,
body.woocommerce-cart
.woocommerce-cart-form
td.actions a.button-continue-shopping:hover,
body.woocommerce-cart
.woocommerce-cart-form
td.actions a.button-continue-shopping:focus{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--kavix-green)!important;
    border-color:var(--kavix-green)!important;
}

/* Cập nhật giỏ hàng. */
body.woocommerce-cart
.woocommerce-cart-form
td.actions button[name="update_cart"]{
    min-width:190px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--kavix-green)!important;
    border:2px solid var(--kavix-green)!important;
    opacity:1!important;
}

body.woocommerce-cart
.woocommerce-cart-form
td.actions button[name="update_cart"]:hover,
body.woocommerce-cart
.woocommerce-cart-form
td.actions button[name="update_cart"]:focus{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--kavix-green-dark)!important;
    border-color:var(--kavix-green-dark)!important;
}

/* Khi chưa thay đổi số lượng: nút vẫn đủ kích thước, chỉ đổi màu nhạt. */
body.woocommerce-cart
.woocommerce-cart-form
td.actions button[name="update_cart"]:disabled,
body.woocommerce-cart
.woocommerce-cart-form
td.actions button[name="update_cart"].disabled{
    min-width:190px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:#8fd2ae!important;
    border-color:#8fd2ae!important;
    opacity:1!important;
    cursor:not-allowed!important;
}

/* Tablet và màn hình hẹp: hai nút vẫn không bị cắt chữ. */
@media screen and (max-width:1099px){
    body.woocommerce-cart
    .woocommerce-cart-form
    td.actions{
        grid-template-columns:1fr!important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form
    td.actions .continue-shopping,
    body.woocommerce-cart
    .woocommerce-cart-form
    td.actions .continue-shopping a.button,
    body.woocommerce-cart
    .woocommerce-cart-form
    td.actions a.button-continue-shopping,
    body.woocommerce-cart
    .woocommerce-cart-form
    td.actions button[name="update_cart"]{
        width:100%!important;
        min-width:0!important;
    }
}

/* ---------- Tổng cộng giỏ hàng ---------- */
body.woocommerce-cart .cart-collaterals{
    width:100%!important;
    min-width:0!important;
}

body.woocommerce-cart .cart-collaterals .cart_totals{
    width:100%!important;
    min-width:0!important;
    padding:22px 25px 25px;
}

body.woocommerce-cart .cart-collaterals .cart_totals h2{
    margin:0 0 14px!important;
    padding:0 0 13px!important;
    color:var(--kavix-green-deep)!important;
    border-bottom:2px solid var(--kavix-green)!important;
    font-size:16px!important;
    font-weight:700!important;
    letter-spacing:.35px;
    text-transform:uppercase;
}

body.woocommerce-cart .cart-collaterals .cart_totals table{
    width:100%!important;
    margin:0 0 18px!important;
}

body.woocommerce-cart .cart-collaterals .cart_totals th,
body.woocommerce-cart .cart-collaterals .cart_totals td{
    padding:14px 0!important;
    border-bottom:1px solid #e8efeb!important;
    font-size:14px!important;
}

body.woocommerce-cart .cart-collaterals .cart_totals td{
    color:var(--kavix-green-deep)!important;
    font-weight:700!important;
    text-align:right!important;
}

body.woocommerce-cart .cart-collaterals .order-total th,
body.woocommerce-cart .cart-collaterals .order-total td{
    color:var(--kavix-orange)!important;
    font-size:16px!important;
}

body.woocommerce-cart .wc-proceed-to-checkout{
    padding:8px 0 0!important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:0 18px!important;
    color:#fff!important;
    background:var(--kavix-orange)!important;
    border:2px solid var(--kavix-orange)!important;
    border-radius:8px!important;
    box-shadow:0 10px 22px rgba(245,130,19,.20)!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.3px;
    text-align:center!important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{
    background:var(--kavix-orange-dark)!important;
    border-color:var(--kavix-orange-dark)!important;
    transform:translateY(-1px);
}

/* ---------- Mã ưu đãi ---------- */
body.woocommerce-cart .cart-sidebar .coupon,
body.woocommerce-cart .cart-collaterals .coupon{
    margin-top:20px!important;
    padding-top:18px!important;
    border-top:1px solid var(--kavix-border)!important;
}

body.woocommerce-cart .coupon label,
body.woocommerce-cart .coupon .widget-title{
    color:var(--kavix-green-deep)!important;
    font-size:14px!important;
    font-weight:700!important;
}

body.woocommerce-cart .coupon input.input-text{
    width:100%!important;
    height:45px!important;
    margin:0 0 10px!important;
    padding:0 14px!important;
    background:#fff!important;
    border:1px solid var(--kavix-border)!important;
    border-radius:8px!important;
    box-shadow:none!important;
}

body.woocommerce-cart .coupon input.input-text:focus{
    border-color:var(--kavix-green)!important;
    box-shadow:0 0 0 3px rgba(39,163,96,.10)!important;
}

body.woocommerce-cart .coupon button,
body.woocommerce-cart .coupon input[type="submit"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 16px!important;
    color:var(--kavix-green)!important;
    background:#fff!important;
    border:2px solid var(--kavix-green)!important;
    border-radius:8px!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1!important;
    text-align:center!important;
}

body.woocommerce-cart .coupon button:hover,
body.woocommerce-cart .coupon input[type="submit"]:hover{
    color:#fff!important;
    background:var(--kavix-green)!important;
}

/* ---------- Mini cart Header ---------- */
.header-cart-link .cart-icon strong{
    border-color:var(--kavix-green)!important;
}

.header-cart-link .cart-icon strong:after{
    border-color:var(--kavix-green)!important;
}

.header-cart-link:hover .cart-icon strong,
li.current-dropdown .header-cart-link .cart-icon strong{
    color:#fff!important;
    background:var(--kavix-green)!important;
}

.cart-popup-inner,
.header-cart-content .widget_shopping_cart_content,
.nav-dropdown .widget_shopping_cart_content,
.ux-mini-cart-content{
    width:360px!important;
    max-width:calc(100vw - 24px)!important;
    padding:20px!important;
    background:#fff!important;
    border:1px solid var(--kavix-border)!important;
    border-radius:12px!important;
    box-shadow:0 18px 45px rgba(13,50,37,.18)!important;
}

.cart-popup-inner .widget_shopping_cart_content,
.header-cart-content .widget_shopping_cart_content .widget_shopping_cart_content,
.nav-dropdown .widget_shopping_cart_content .widget_shopping_cart_content{
    width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.cart-popup-inner .woocommerce-mini-cart,
.header-cart-content .woocommerce-mini-cart,
.nav-dropdown .woocommerce-mini-cart,
.ux-mini-cart-content .woocommerce-mini-cart{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.cart-popup-inner .mini_cart_item,
.header-cart-content .mini_cart_item,
.nav-dropdown .mini_cart_item,
.ux-mini-cart-content .mini_cart_item{
    position:relative!important;
    min-height:88px!important;
    margin:0!important;
    padding:10px 30px 15px 84px!important;
    border-bottom:1px solid #e8efeb!important;
}

.cart-popup-inner .mini_cart_item a:not(.remove),
.header-cart-content .mini_cart_item a:not(.remove),
.nav-dropdown .mini_cart_item a:not(.remove),
.ux-mini-cart-content .mini_cart_item a:not(.remove){
    display:block!important;
    color:var(--kavix-green-deep)!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.35!important;
}

.cart-popup-inner .mini_cart_item img,
.header-cart-content .mini_cart_item img,
.nav-dropdown .mini_cart_item img,
.ux-mini-cart-content .mini_cart_item img{
    position:absolute!important;
    top:10px!important;
    left:0!important;
    float:none!important;
    width:70px!important;
    height:70px!important;
    max-width:70px!important;
    max-height:70px!important;
    margin:0!important;
    padding:5px!important;
    object-fit:contain!important;
    background:var(--kavix-cart-bg)!important;
    border:1px solid var(--kavix-border)!important;
    border-radius:8px!important;
}

.cart-popup-inner .mini_cart_item .quantity,
.header-cart-content .mini_cart_item .quantity,
.nav-dropdown .mini_cart_item .quantity,
.ux-mini-cart-content .mini_cart_item .quantity{
    display:block!important;
    margin-top:7px!important;
    color:var(--kavix-cart-muted)!important;
    font-size:13px!important;
    line-height:1.4!important;
}

.cart-popup-inner .mini_cart_item .quantity .amount,
.header-cart-content .mini_cart_item .quantity .amount,
.nav-dropdown .mini_cart_item .quantity .amount,
.ux-mini-cart-content .mini_cart_item .quantity .amount{
    color:var(--kavix-green-deep)!important;
    font-weight:700!important;
}

.cart-popup-inner .mini_cart_item a.remove,
.header-cart-content .mini_cart_item a.remove,
.nav-dropdown .mini_cart_item a.remove,
.ux-mini-cart-content .mini_cart_item a.remove{
    position:absolute!important;
    top:8px!important;
    right:0!important;
    left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    color:#9aa6a0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:22px!important;
    line-height:1!important;
    transform:none!important;
}

.cart-popup-inner .mini_cart_item a.remove:hover,
.header-cart-content .mini_cart_item a.remove:hover,
.nav-dropdown .mini_cart_item a.remove:hover,
.ux-mini-cart-content .mini_cart_item a.remove:hover{
    color:#d8443e!important;
    background:transparent!important;
}

.cart-popup-inner .woocommerce-mini-cart__total,
.header-cart-content .woocommerce-mini-cart__total,
.nav-dropdown .woocommerce-mini-cart__total,
.ux-mini-cart-content .woocommerce-mini-cart__total{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
    padding:16px 0!important;
    color:var(--kavix-green-deep)!important;
    border-bottom:1px solid #e5ece8!important;
    font-size:15px!important;
}

.cart-popup-inner .woocommerce-mini-cart__total .amount,
.header-cart-content .woocommerce-mini-cart__total .amount,
.nav-dropdown .woocommerce-mini-cart__total .amount,
.ux-mini-cart-content .woocommerce-mini-cart__total .amount{
    color:var(--kavix-orange)!important;
    font-size:16px!important;
    font-weight:700!important;
    white-space:nowrap;
}

.cart-popup-inner .woocommerce-mini-cart__buttons,
.header-cart-content .woocommerce-mini-cart__buttons,
.nav-dropdown .woocommerce-mini-cart__buttons,
.ux-mini-cart-content .woocommerce-mini-cart__buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:16px 0 0!important;
}

.cart-popup-inner .woocommerce-mini-cart__buttons .button,
.header-cart-content .woocommerce-mini-cart__buttons .button,
.nav-dropdown .woocommerce-mini-cart__buttons .button,
.ux-mini-cart-content .woocommerce-mini-cart__buttons .button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:45px!important;
    min-height:45px!important;
    margin:0!important;
    padding:0 16px!important;
    border-radius:7px!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    text-align:center!important;
}

.cart-popup-inner .woocommerce-mini-cart__buttons .button:not(.checkout),
.header-cart-content .woocommerce-mini-cart__buttons .button:not(.checkout),
.nav-dropdown .woocommerce-mini-cart__buttons .button:not(.checkout),
.ux-mini-cart-content .woocommerce-mini-cart__buttons .button:not(.checkout){
    color:#fff!important;
    background:var(--kavix-green)!important;
    border:2px solid var(--kavix-green)!important;
}

.cart-popup-inner .woocommerce-mini-cart__buttons .button.checkout,
.header-cart-content .woocommerce-mini-cart__buttons .button.checkout,
.nav-dropdown .woocommerce-mini-cart__buttons .button.checkout,
.ux-mini-cart-content .woocommerce-mini-cart__buttons .button.checkout{
    color:#fff!important;
    background:var(--kavix-orange)!important;
    border:2px solid var(--kavix-orange)!important;
}

.cart-popup-inner .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.header-cart-content .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.nav-dropdown .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.ux-mini-cart-content .woocommerce-mini-cart__buttons .button:not(.checkout):hover{
    background:var(--kavix-green-dark)!important;
    border-color:var(--kavix-green-dark)!important;
}

.cart-popup-inner .woocommerce-mini-cart__buttons .button.checkout:hover,
.header-cart-content .woocommerce-mini-cart__buttons .button.checkout:hover,
.nav-dropdown .woocommerce-mini-cart__buttons .button.checkout:hover,
.ux-mini-cart-content .woocommerce-mini-cart__buttons .button.checkout:hover{
    background:var(--kavix-orange-dark)!important;
    border-color:var(--kavix-orange-dark)!important;
}

/* ---------- Responsive ---------- */
@media screen and (max-width:849px){
    body.woocommerce-cart .woocommerce{
        padding-top:20px;
    }

    body.woocommerce-cart .woocommerce-cart-form{
        padding:12px 14px 18px;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals{
        margin-top:18px;
        padding:20px;
    }
}

@media screen and (max-width:549px){
    body.woocommerce-cart .woocommerce-cart-form .actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    body.woocommerce-cart .woocommerce-cart-form .actions .button,
    body.woocommerce-cart .woocommerce-cart-form .actions .continue-shopping{
        width:100%!important;
    }

    .cart-popup-inner,
    .header-cart-content .widget_shopping_cart_content,
    .nav-dropdown .widget_shopping_cart_content,
    .ux-mini-cart-content{
        width:calc(100vw - 24px)!important;
        max-width:calc(100vw - 24px)!important;
    }
}

/* =====================================================
   KAVIX – CỤM MUA HÀNG VÀ NÚT LIÊN HỆ BÁO GIÁ
   Tone xanh mặc định; sản phẩm có class kavix-tone-orange dùng cam.
===================================================== */

body.single-product{
    --kavix-buy-accent:#27a360;
    --kavix-buy-accent-dark:#187a47;
    --kavix-buy-soft:rgba(39,163,96,.10);
    --kavix-buy-border:#d9e5df;
}

body.single-product.kavix-tone-orange{
    --kavix-buy-accent:#e8620d;
    --kavix-buy-accent-dark:#bd4c05;
    --kavix-buy-soft:rgba(232,98,13,.10);
}

/* Căn hàng số lượng và nút thêm vào giỏ. */
body.single-product .product-info form.cart:not(.variations_form),
body.single-product .product-info .woocommerce-variation-add-to-cart{
    display:flex!important;
    align-items:stretch!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:18px 0 10px!important;
}

/* Khung số lượng. */
body.single-product .product-info .quantity.buttons_added{
    display:flex!important;
    align-items:stretch!important;
    flex:0 0 126px!important;
    width:126px!important;
    height:48px!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid var(--kavix-buy-border)!important;
    border-radius:9px!important;
    box-shadow:none!important;
}

/* Nút trừ và cộng. */
body.single-product .product-info .quantity.buttons_added .minus,
body.single-product .product-info .quantity.buttons_added .plus{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    color:var(--kavix-buy-accent)!important;
    background:var(--kavix-buy-soft)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1!important;
    text-shadow:none!important;
}

body.single-product .product-info .quantity.buttons_added .minus:hover,
body.single-product .product-info .quantity.buttons_added .plus:hover{
    color:#fff!important;
    background:var(--kavix-buy-accent)!important;
}

/* Ô hiển thị số lượng. */
body.single-product .product-info .quantity.buttons_added .qty{
    flex:1 1 auto!important;
    width:48px!important;
    min-width:48px!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 4px!important;
    color:#18382d!important;
    background:#fff!important;
    border:0!important;
    border-right:1px solid var(--kavix-buy-border)!important;
    border-left:1px solid var(--kavix-buy-border)!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:46px!important;
    text-align:center!important;
    -moz-appearance:textfield;
}

body.single-product .product-info .quantity.buttons_added .qty::-webkit-inner-spin-button,
body.single-product .product-info .quantity.buttons_added .qty::-webkit-outer-spin-button{
    margin:0;
    -webkit-appearance:none;
}

/* Nút thêm vào giỏ. */
body.single-product .product-info .single_add_to_cart_button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 210px!important;
    width:auto!important;
    min-width:210px!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0 24px!important;
    color:#fff!important;
    background:var(--kavix-buy-accent)!important;
    border:2px solid var(--kavix-buy-accent)!important;
    border-radius:9px!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.25px!important;
    text-align:center!important;
}

body.single-product .product-info .single_add_to_cart_button:hover,
body.single-product .product-info .single_add_to_cart_button:focus{
    color:#fff!important;
    background:var(--kavix-buy-accent-dark)!important;
    border-color:var(--kavix-buy-accent-dark)!important;
    box-shadow:0 8px 20px color-mix(
        in srgb,
        var(--kavix-buy-accent) 25%,
        transparent
    )!important;
    transform:translateY(-1px);
}

/* Nút liên hệ báo giá nằm dưới cụm mua hàng. */
body.single-product .product-info .kavix-product-quote-wrap{
    width:100%!important;
    margin:0 0 18px!important;
}

body.single-product .product-info .kavix-product-quote-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 24px!important;
    color:var(--kavix-buy-accent)!important;
    background:#fff!important;
    border:2px solid var(--kavix-buy-accent)!important;
    border-radius:9px!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.25px!important;
    text-align:center!important;
}

body.single-product .product-info .kavix-product-quote-button:hover,
body.single-product .product-info .kavix-product-quote-button:focus{
    color:#fff!important;
    background:var(--kavix-buy-accent)!important;
    border-color:var(--kavix-buy-accent)!important;
    transform:translateY(-1px);
}

/* Trạng thái hết hàng hoặc nút bị vô hiệu hóa. */
body.single-product .product-info .single_add_to_cart_button.disabled,
body.single-product .product-info .single_add_to_cart_button:disabled{
    cursor:not-allowed!important;
    opacity:.55!important;
    transform:none!important;
}

/* Điện thoại: số lượng và thêm giỏ cùng hàng, báo giá xuống hàng dưới. */
@media screen and (max-width:549px){
    body.single-product .product-info form.cart:not(.variations_form),
    body.single-product .product-info .woocommerce-variation-add-to-cart{
        display:grid!important;
        grid-template-columns:118px minmax(0,1fr)!important;
        gap:9px!important;
    }

    body.single-product .product-info .quantity.buttons_added{
        width:118px!important;
        flex-basis:118px!important;
    }

    body.single-product .product-info .single_add_to_cart_button{
        width:100%!important;
        min-width:0!important;
        padding:0 12px!important;
        font-size:13px!important;
    }

    body.single-product .product-info .kavix-product-quote-button{
        min-height:46px!important;
    }
}

/* Email và số điện thoại trong footer */
.kavix-footer-contact p,
.kavix-footer-support p {
    margin-bottom: 10px !important;
}

/* Liên kết email và số điện thoại */
.kavix-footer-contact-link {
    position: relative;
    display: inline-block !important;

    margin-left: 4px;
    padding: 2px 0;

    color: #ffffff !important;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none !important;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

/* Gạch chân khi hover */
.kavix-footer-contact-link::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 1px;

    background-color: #5ee59a;
    border-radius: 10px;

    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

/* Hiệu ứng hover */
.kavix-footer-contact-link:hover,
.kavix-footer-contact-link:focus {
    color: #5ee59a !important;
    transform: translateX(4px);
}

.kavix-footer-contact-link:hover::after,
.kavix-footer-contact-link:focus::after {
    opacity: 1;
    transform: scaleX(1);
}

.kavix-footer-contact-link:focus-visible {
    outline: 1px dashed #5ee59a;
    outline-offset: 4px;
}

@media screen and (max-width: 549px) {
    .kavix-footer-contact-link {
        margin-left: 0;
    }
}
/* =====================================================
   KAVIX – TRANG QUẢN LÝ ĐỊA CHỈ WOOCOMMERCE
   ===================================================== */

/* Khung nội dung chính của trang địa chỉ */
.woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-Addresses) {
    width: 100%;
    max-width: 1140px;
    min-height: auto;
    margin: 42px auto 65px;
    padding: 36px;
    background: #ffffff;
    border: 1px solid rgba(39, 163, 96, 0.14);
    border-radius: 22px;
    box-shadow: 0 16px 45px rgba(10, 55, 35, 0.08);
}

/* Dòng giới thiệu phía trên */
.woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-Addresses) > p:first-child {
    margin: 0 0 26px;
    padding: 0 0 22px;
    color: #59625e;
    font-size: 16px;
    line-height: 1.7;
    border-bottom: 1px solid #e8eeeb;
}

/* Chia hai thẻ địa chỉ thành hai cột */
.woocommerce-account .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    margin: 0 !important;
}

/* Reset cấu trúc cột mặc định của WooCommerce */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
    display: none !important;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px;
    background: linear-gradient(145deg, #ffffff 0%, #f8fcfa 100%);
    border: 1px solid #dcebe3;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(17, 73, 46, 0.06);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Hiệu ứng hover */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address:hover {
    transform: translateY(-4px);
    border-color: rgba(39, 163, 96, 0.48);
    box-shadow: 0 15px 32px rgba(17, 73, 46, 0.11);
}

/* Phần tiêu đề thẻ */
.woocommerce-account .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 22px;
    padding: 0 0 18px;
    border-bottom: 1px solid #e1ebe6;
}

/* Tiêu đề địa chỉ */
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
    position: relative;
    margin: 0 !important;
    padding-left: 18px;
    color: #19231e;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
    letter-spacing: -0.3px;
}

/* Vạch xanh trước tiêu đề */
.woocommerce-account .woocommerce-Address-title h2::before,
.woocommerce-account .woocommerce-Address-title h3::before {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 5px;
    content: "";
    background: #27a360;
    border-radius: 10px;
}

/* Nút Thêm/Sửa địa chỉ */
.woocommerce-account .woocommerce-Address-title a.edit {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: 0 !important;
    padding: 9px 17px;
    color: #ffffff !important;
    background: #27a360;
    border: 1px solid #27a360;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: none;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.woocommerce-account .woocommerce-Address-title a.edit:hover {
    color: #ffffff !important;
    background: #1f844d;
    border-color: #1f844d;
    transform: translateY(-1px);
}

/* Nội dung địa chỉ */
.woocommerce-account .woocommerce-Address address {
    min-height: 70px;
    margin: 0;
    padding: 0;
    color: #56615b;
    font-size: 15px;
    font-style: normal;
    line-height: 1.75;
}

/* Trạng thái chưa thiết lập địa chỉ */
.woocommerce-account .woocommerce-Address address p,
.woocommerce-account .woocommerce-Address address em {
    margin: 0;
    color: #7a837e;
    font-style: normal;
}

/* Trường hợp Flatsome đưa link thêm địa chỉ ra ngoài header */
.woocommerce-account .woocommerce-Address > a:not(.edit) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 15px;
    padding: 9px 16px;
    color: #ffffff !important;
    background: #27a360;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-Address > a:not(.edit):hover {
    background: #1f844d;
}

/* =====================================================
   FORM THÊM/SỬA ĐỊA CHỈ
   ===================================================== */

.woocommerce-account form.woocommerce-address-fields {
    width: 100%;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide {
    grid-column: 1 / -1;
}

.woocommerce-account .woocommerce-address-fields label {
    display: block;
    margin: 0 0 8px;
    color: #27322c;
    font-size: 14px;
    font-weight: 600;
}

.woocommerce-account .woocommerce-address-fields input.input-text,
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-address-fields .select2-selection {
    width: 100%;
    min-height: 46px;
    margin: 0;
    padding: 10px 14px;
    color: #202923;
    background: #ffffff;
    border: 1px solid #d7e2dc;
    border-radius: 9px;
    box-shadow: none !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.woocommerce-account .woocommerce-address-fields input.input-text:focus,
.woocommerce-account .woocommerce-address-fields select:focus,
.woocommerce-account .woocommerce-address-fields .select2-container--open .select2-selection {
    border-color: #27a360;
    outline: none;
    box-shadow: 0 0 0 3px rgba(39, 163, 96, 0.12) !important;
}

/* Nút lưu địa chỉ */
.woocommerce-account .woocommerce-address-fields button.button {
    min-height: 46px;
    margin: 25px 0 0;
    padding: 11px 25px;
    color: #ffffff;
    background: #27a360;
    border: 1px solid #27a360;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    box-shadow: none;
}

.woocommerce-account .woocommerce-address-fields button.button:hover {
    color: #ffffff;
    background: #1f844d;
    border-color: #1f844d;
}

/* =====================================================
   TABLET VÀ MOBILE
   ===================================================== */

@media screen and (max-width: 849px) {
    .woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-Addresses) {
        width: calc(100% - 30px);
        margin: 28px auto 45px;
        padding: 24px;
        border-radius: 17px;
    }

    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .woocommerce-account .woocommerce-Addresses .woocommerce-Address {
        padding: 23px;
        border-radius: 15px;
    }

    .woocommerce-account .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide {
        grid-column: auto;
    }
}

@media screen and (max-width: 549px) {
    .woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-Addresses) {
        width: calc(100% - 22px);
        margin: 20px auto 35px;
        padding: 18px;
        border-radius: 14px;
    }

    .woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-Addresses) > p:first-child {
        margin-bottom: 20px;
        padding-bottom: 17px;
        font-size: 14px;
    }

    .woocommerce-account .woocommerce-Addresses .woocommerce-Address {
        padding: 20px 17px;
    }

    .woocommerce-account .woocommerce-Address-title {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 18px;
    }

    .woocommerce-account .woocommerce-Address-title h2,
    .woocommerce-account .woocommerce-Address-title h3 {
        font-size: 19px;
    }

    .woocommerce-account .woocommerce-Address-title a.edit {
        width: 100%;
    }
}