/* =====================================================================
   style.css - template kinglux.vn - V2 (10/10/2026, SoftAZ)
   Tep CSS DUY NHAT cua template: moi trang nap tep nay (Layout.cshtml va trang landing Customer.cshtml).
   Ten lop: az-kl-* (trang chinh), az-kl-ladi-* (trang landing), az-kl-u-* / az-kl-ladi-u-* (thay thuoc tinh style trong view);
   lop u viet dang .ten:not(#az-kl-u):not(#az-kl-u) - do uu tien 2,1,0 thang moi selector khac, giong style inline cu;
   lop cua thu vien giu nguyen ten: Bootstrap, Font Awesome, Owl, Slick, Swiper, Select2, DataTables, AOS.
   Luat khong mang lop rieng nao duoc boc :where(.az-kl-site) / :where(.az-kl-ladi) - lop dat tren the body;
   :where() khong cong do uu tien nen thu tu thang - thua voi Bootstrap giu y nhu ban cu.
   Thu tu cac muc = thu tu nap cua 6 tep CSS cu. Trang chinh nap tep nay TRUOC Bootstrap, trang landing nap SAU (nhu cu).
   ===================================================================== */

/* ---------------------------------------------------------------------
   0. Khung
   --------------------------------------------------------------------- */
/* Lop dung chung voi khung : OS.css khong nap tren trang khach nen template tu khai. Gap doi lop de thang .d-flex / .d-block (!important) cua Bootstrap nap sau. */
.az-hide.az-hide { display: none !important; }
/* Luoi an toan cho the du lieu #OSDATA cua khung (ban OS.cshtml doi cu dung o nhap) */
#OSDATA { display: none !important; }
/* Hop thong bao tu ve cua template (app.js, script.js) khi khung chua co AZ.Toast - thay cho .css() trong JS. Kem #KlToast: do uu tien 1,1,0 nhu style inline cu (lop az-hide !important van an duoc) */
#KlToast.az-kl-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 99999; max-width: 90%; display: block;
    padding: 12px 18px; border-radius: 6px; color: #ffffff; background: #333333; font-size: 15px; line-height: 1.4;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25); text-align: center; }
#KlToast.az-kl-toast-success { background: #198754; }
#KlToast.az-kl-toast-danger { background: #dc3545; }
#KlToast.az-kl-toast-warning { background: #b58105; }
#KlToast.az-kl-toast-info { background: #333333; }

/* SEO : the h1 thay the cu (p / span) hoac boc logo o trang chu - xoa kieu mac dinh cua h1 (trinh duyet, Bootstrap)
   de trang hien Y NHU CU. Dat dau tep, do uu tien 0,1,0 : luat rieng cua phan tu (cung do uu tien, nam sau) van thang. */
/* thay the p : luat p chung cua template cho chu TRANG (!important), margin theo Bootstrap (0 0 1rem) */
.az-kl-h1-as-p { font-size: inherit; font-weight: inherit; line-height: inherit; margin-top: 0; margin-bottom: 1rem; color: white !important; text-decoration: none; }
/* thay the span (ten san pham) : luat span chung cua template cho co chu 14px ; .az-kl-parameter span a to chu den (!important) */
.az-kl-h1-as-span { display: inline; font: inherit; font-size: 14px; margin: 0; unicode-bidi: normal; }
.az-kl-parameter .az-kl-h1-as-span a { color: black !important; }
/* boc logo o trang chu : the h1 khong tao hop (display: contents), chu ben trong ke thua nhu cu */
.az-kl-h1-logo { display: contents; font-size: inherit; font-weight: inherit; line-height: inherit; }
/* Chu chi danh cho may tim kiem va trinh doc man hinh (the h1 cua trang nhom khong co tieu de hien) */
.az-kl-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
    overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

/* ---------------------------------------------------------------------
   1. style.css (cu)
   --------------------------------------------------------------------- */
:where(.az-kl-site, .az-kl-site *) {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: UTM-Avo;
}


.az-kl-rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 150px;
  position: relative;
}

.az-kl-rating-0 {
  filter: grayscale(100%);
}

.az-kl-rating > input {
  display: none;
}

.az-kl-rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.az-kl-rating > input:checked ~ label,
.az-kl-rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.az-kl-rating > input:not(:checked) ~ label:hover,
.az-kl-rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.az-kl-emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.az-kl-emoji-wrapper:before,
.az-kl-emoji-wrapper:after{
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.az-kl-emoji-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.az-kl-emoji-wrapper:after{
  bottom: 0;
  background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.az-kl-emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .3s;
}

.az-kl-emoji > svg {
  margin: 15px 0; 
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

#rating-1:checked ~ .az-kl-emoji-wrapper > .az-kl-emoji { transform: translateY(-100px); }
#rating-2:checked ~ .az-kl-emoji-wrapper > .az-kl-emoji { transform: translateY(-200px); }
#rating-3:checked ~ .az-kl-emoji-wrapper > .az-kl-emoji { transform: translateY(-300px); }
#rating-4:checked ~ .az-kl-emoji-wrapper > .az-kl-emoji { transform: translateY(-400px); }
#rating-5:checked ~ .az-kl-emoji-wrapper > .az-kl-emoji { transform: translateY(-500px); }

.az-kl-feedback {
  max-width: 360px;
  position: relative;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: 0 4px 30px rgba(0,0,0,.05);
}
.az-kl-feedback #successcontact {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-27%);
    width: 100%;
    bottom: 20px;
}
.az-kl-contacts-form .az-kl-form-group input,.az-kl-contacts-form .az-kl-form-group textarea {
    color: white;
    border: 1px solid gray;
    border-radius: 12px;
    margin-bottom: 15px;
}
.az-kl-contacts-form .az-kl-buttons a {
    background: #ECAE20;
    padding: 8px 25px;
    color: white;
    font-weight: 600;
}
.az-kl-contacts-form-baogia {
    max-width: 100%;
    width: 700px;
}
.az-kl-contacts-form-baogia .az-kl-form-group input,.az-kl-contacts-form-baogia .az-kl-form-group textarea {
    width: 100%;
    max-width: 100vw;
    color: black;
    border: 1px solid gray;
    border-radius: 0;
    margin-bottom: 15px;
}
.az-kl-contacts-form-baogia .az-kl-buttons a {
    background: #ECAE20;
    padding: 8px 25px;
    color: white;
    font-weight: 600;
}
:where(.az-kl-site) #review-title {
    color: #ECAE20;
    text-align: center;
    margin-bottom: 30px;
}
:where(.az-kl-site) .nav-tabs {
    flex-wrap: nowrap;
} 
:where(.az-kl-site) .nav-tabs li.active {
    background-color: #ECAE20;
    border: 1px solid #ECAE20;
}
:where(.az-kl-site) .nav-tabs li {
    border: 1px solid rgba(128, 128, 128, 0.425);
    cursor: pointer;
    transition: 0.6s;
    padding: 5px 5px;
    padding: 10px 0;
    width: 171.6px;
}
:where(.az-kl-site) .nav-tabs li[data-li="tab-5"] {
    width: 160px;
}
:where(.az-kl-site) .nav-tabs li[data-li="tab-1"]
{
    width: 182px;
}
:where(.az-kl-site) .nav-tabs li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}




:where(.az-kl-site) .container {
    max-width: 1400px !important;
}
.az-kl-footer .az-kl-footer-bct {
    display: flex;
    justify-content: end;
}
:where(.az-kl-site) #thaotac3 p {
    color: black !important;
}
/* #thaotac3 span{
    color: white !important;
}
#thaotac3 strong{
    color: white !important;
}
#thaotac3 td, #thaotac3 th {
    border: 1px solid white;
    color: white;
    padding: 5px;
} */
:where(.az-kl-site) #thaotac3 td span, :where(.az-kl-site) #thaotac3 th span {
font-size: 14px !important;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option .az-kl-code-list {
    border-bottom: 0.5px solid rgba(188, 188, 188, 1);
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option ul {
    list-style: none;
    padding: 0;
    max-height: 240px;
    overflow-y: auto;
}
.az-kl-description-group img {
    max-width: 100%;
    height: auto !important;
}
.az-kl-description-group iframe {
    width: 100%;
    aspect-ratio: 560 / 315;
    height: auto;
}
.az-kl-description td {
    border-color: white !important;
    border-style: solid;
    border-width: 0.1px;
    padding: 10px;
    font-size: 14px;
    margin: 0;
}
.az-kl-description th {
    border-color: white !important;
    border-style: solid;
    border-width: 0.1px;
    padding: 10px;
    font-size: 14px;
    margin: 0;
}
.az-kl-description th span, .az-kl-description td span {
    margin: 0;
    font-size: 14px;
}
.az-kl-description th p, .az-kl-description td p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
}
.az-kl-e-catalog iframe {
    height:80%;
}
[name="tailieuDrive"] .az-kl-e-catalog iframe {
    aspect-ratio: 560 / 482 !important;
    height: 100%;
}
[name="tailieuDrive"] .az-kl-e-catalog .az-kl-detail-e-catalog {
    position:relative;
    padding-top:max(90%,324px);
    width:100%;height:0;
}
.az-kl-description li {
    list-style: disc;
}
.az-kl-description span, .az-kl-description p, .az-kl-description b  {
    /* background-color: #0f0f0fd6  !important; */
    color: white !important;
    background: #000;
}
.az-kl-description-group span, .az-kl-description-group strong, .az-kl-description-group p, .az-kl-description-group h1, .az-kl-description-group h2, .az-kl-description-group h3, .az-kl-description-group h4, .az-kl-description-group h5, .az-kl-description-group a {
    color: white !important;
    background-color: #000;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option {
    color: white !important;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option h2 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}
.az-kl-bg-gray {
    background-color: #414141;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option .az-kl-code-list ul li.az-kl-on {
    color: white !important;
    background-color: #ECAE20 !important;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option  ul li {
    cursor: pointer;
    padding: 4px 8px;
    font-size: 16px;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option .az-kl-option-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option .az-kl-option-list ul li {
    color: black;
        position: relative;
    padding: 2px 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    list-style-type: none;
    border: 1px solid gray;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}
li.az-kl-item-nonactive a {
    padding: 0 !important;
    display: block;
    text-align: center;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option .az-kl-option-list ul li.az-kl-on {
    border: 1px solid #e4393c;
}
.az-kl-video-product {
    width: 70%;
    display: block;
    margin: 10px auto;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option .az-kl-option-list ul li.az-kl-on::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 17px;
    background: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/bg-product_large.webp);
    bottom: 0px;
    right: 0px;
}
.az-kl-item.az-kl-item-right .az-kl-text.az-kl-option .az-kl-option-list h5 {
    font-size: 16px;
    min-width: 125px;
    color: #000;
    background-color: #ECAE20;
    padding: 6px;
    margin-bottom: 5px;
    margin-right: 15px;
    border-radius: 4px;
}
.az-kl-text-shop-con1 {
    font-family: UTM-Banque !important;
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
}
@font-face {
    font-family: UTM-Banque;
    src:url('/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/fonts/00039-UTM-BanqueR.ttf') format('truetype');
    font-display: swap;
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: UTM-BanqueB;
    src:url('/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/fonts/UTM BanqueB.ttf') format('truetype');
    font-display: swap;
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: UTM-Avo;
    src:url('/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/UTMAvo/UTMAvo.ttf') format('truetype');
    font-display: swap;
    font-weight:normal;
    font-style:normal;
}
.az-kl-cackhoishop1 a p {
    font-family: UTM-Banque !important;
    color: #ECAE20 !important;
    transition: 0.3s all ease-in-out;
}
.az-kl-cackhoishop a p.az-kl-text-shop-con {
    font-family: UTM-Banque !important;
    color: #ECAE20 !important;
    transition: 0.3s all ease-in-out;
}
.az-kl-cackhoishop1 a p.az-kl-text-shop-con:hover {
    color: white !important;
}
.az-kl-cackhoishop a p:hover {
    color: white !important;
}
.az-kl-slile3item a {
    color: white !important;
}
.az-kl-ngayblog {
    color: white !important;
}
.az-kl-description {
    color: white !important;
}
.az-kl-task-bar1 li a p {
    color: black !important;
}
.az-kl-task-bar2 a  {
    color: #ECAE20 !important;
    transition: all ease-in-out 0.3s;
}
.az-kl-task-bar2 a:hover {
    color: black !important;
}
.az-kl-anlist div a {
    color: white !important;
}
.az-kl-task-bar li a p {
    color: #000 !important;
}
.az-kl-khoi-text p {
    color: #000 !important;
}
.az-kl-parameter .az-kl-giatrongsp {
    position: relative;
}
.az-kl-parameter .az-kl-giatrongsp span a {
    color: #ECAE20 !important;
}
.az-kl-parameter .az-kl-giatrongsp label {
    color: #ECAE20 !important;
}
.az-kl-parameter label {
    color: black !important;
}
.az-kl-parameter span a {
    color: black !important;
}
.az-kl-order2 p a {
    color: black !important;
    transition: all 0.3s ease-in-out;
}
.az-kl-order2 p a:hover {
    color: white !important;
}
.az-kl-doislide a span {
    color: #ECAE20 !important;
}
.az-kl-list-menudoc li a {
    color: #ECAE20 !important;
    transition: 0.3s all ease-in-out;
}
.az-kl-list-menudoc li a:hover {
    color: white !important;
}
:where(.az-kl-site) p a {
    color: white !important;
}
:where(.az-kl-site) p a:hover {
    color: #ECAE20 !important;
}
:where(.az-kl-site) p {
    color: white !important;
}
body:where(.az-kl-site) {
    background-color: black !important;
}



.az-kl-slile3 .slick-list {
    height: 385px !important;
}
.az-kl-is-form {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    width: 40px;
    height: 40px;
    border: 0;
    color: white !important;
    background-color: black;
    border: 1px solid white;
}
.az-kl-quantity {
    display: flex;
    align-items: center;
}
.az-kl-input-qty {
    background-color: #000;
    border: 1px solid white;
    color: white !important;
    outline: none;
    width: 80px;
    height: 40px;
}
.az-kl-addcart a {
    text-decoration: none;
    font-weight: 600;
    color: white !important;
    display: block;
    background-color: #ECAE20;
    padding: 10px 20px !important;
    border-radius: 4px;
    transition: 0.3s all ease-in-out;
}
.az-kl-addcart a:hover {
    color: #ECAE20;
    background-color: white !important;
}
.az-kl-lengthcart {
    position: absolute;
    top: -4px;
    right: 0;
    color: white !important;
}
.az-kl-trany-gototop {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
.az-kl-gototop {
    transition: 0.6s all ease-in-out;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-500px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 5px;
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 100%;
    box-shadow: 1px 1px 10px 1px gray;
}
.az-kl-gototop a {
    color: black !important;
    font-size: 30px;
}
.az-kl-coting {
    position: fixed;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.62);
    animation: az-kl-sg-fade 0.2s ease-out;
}
.az-kl-window-search .container {
    position: relative;
    z-index: 2;
}
.az-kl-thongso a span.az-kl-sau::before {
    content: ",";
}
@keyframes Search {
    0% {
        opacity: 0;
        transform: translateY(-8px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes az-kl-sg-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes az-kl-sg-spin {
    to { transform: rotate(360deg); }
}
















:where(.az-kl-site) ul {
    margin: 0 !important;
}
:where(.az-kl-site) .container-fluid {
    width: 100%;
    padding: 0 !important;
}

:where(.az-kl-site) .container {
    padding: 0 5px !important;
}

:where(.az-kl-site) .bg-white {
    background-color: white !important;
}
.az-kl-pl-3 {
    padding: 3px !important;
}
:where(.az-kl-site) .bg-transparent {
    background-color: white !important;
}
.az-kl-height-0 {
    position: relative;
    z-index: 10;
    height: 0;
}

:where(.az-kl-site) .container {
    max-width: 1170px;
    width: 1170px;
    padding: 0;
}

.az-kl-action {
    width: 100%;
    height: 60px;
}
:where(.az-kl-site) .slick-list {
    width: 100%;
}
.az-kl-logo-sticky {
    width: 230px;
    
}
.az-kl-khoi1 {
    margin-bottom: 30px;
}
.az-kl-list1 a{
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    display: block;
}
.az-kl-list1 a b {
    color: #ECAE20;
}
.az-kl-anhsp {
    position: relative;
}
.az-kl-list-sp h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.az-kl-list-sp h3 .az-kl-price-min-max {
    display: block;
    text-align: center;
    padding-bottom: 12px;
}
.az-kl-list-sp h3 .az-kl-price-min-max span {
    font-family: UTM-Avo !important;
    font-size: 13px;
    background-color: black;
    font-weight: 700;
    color: white !important;
    padding: 5px 10px;
}
.az-kl-list-sp h3 p {
    font-family: UTM-BanqueB;
    font-size: 13px;
    color: #ECAE20;
    color: black !important;
    margin: 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.az-kl-list-sp h3 .az-kl-button-sp {
    font-size: 1.25rem;
    padding: 8px 20px;
}

.az-kl-text-action li {
    list-style-type: none;
    padding: 10px 0;
    margin-right: 30px;
}
.az-kl-text-action li .az-kl-icon-search img {
    width: 30px;
    cursor: pointer;
}
/* ---------------------------------------------------------------------
   Cua so tim kiem + khung goi y (KL.WEB V3.6, 12/10/2026)
   Layout.cshtml : .az-kl-window-search > .az-kl-coting + .az-kl-sg-panel > .container > o nhap + .az-kl-sg
   app.js (SearchSuggest) do noi dung va doi lop : az-hide (o trong), az-kl-sg-busy (dang hoi may chu).
   Ban cu : o anh lon 3 cot, ten chu den nam de len anh -> san pham khong co anh thi ten chong len nhau, nen toi khong doc duoc.
   --------------------------------------------------------------------- */
.az-kl-window-search {
    --az-kl-sg-bg: #151515;
    --az-kl-sg-line: #2b2b2b;
    --az-kl-sg-hover: #222222;
    --az-kl-sg-tile: #262626;
    --az-kl-sg-text: #ededed;
    --az-kl-sg-muted: #9a9a9a;
    --az-kl-sg-gold: #ECAE20;
}
.az-kl-text-action li .az-kl-window-search {
    display: none;
    width: 100%;
    top: 60px;
    left: 0;
    position: absolute;
}
.az-kl-sg-panel {
    position: relative;
    z-index: 2;
    background-color: var(--az-kl-sg-bg);
    border-top: 1px solid var(--az-kl-sg-line);
    border-bottom: 2px solid var(--az-kl-sg-gold);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55);
    animation: Search 0.22s ease-out;
}

.az-kl-text-action li .az-kl-window-search input {
    width: 100%;
    padding: 10px 80px 10px 20px;
    border-radius: 25px;
    border: 1px solid #4a4a4a;
    background: #0d0d0d;
    color: white;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.az-kl-text-action li .az-kl-window-search input::placeholder {
    color: #8c8c8c;
    opacity: 1;
}
.az-kl-text-action li .az-kl-window-search input:focus {
    outline: none;
    border-color: var(--az-kl-sg-gold);
    box-shadow: 0 0 0 3px rgba(236, 174, 32, 0.18);
}
.az-kl-text-action li .az-kl-window-search .az-kl-btn-search {
    width: 80px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ECAE20 !important;
    border-radius: 0 25px 25px 0;
    position: absolute;
    right: 0;
    top: 1rem;
    cursor: pointer;
}
/* Kinh lup nam NGOAI .az-kl-window-search (anh em, khong phai con) nen khong doc duoc bien --az-kl-sg-* : ghi mau du phong */
.az-kl-text-action li .az-kl-window-search .az-kl-btn-search:focus-visible,
.az-kl-text-action li .az-kl-icon-search:focus-visible {
    outline: 2px solid var(--az-kl-sg-gold, #ECAE20);
    outline-offset: 3px;
}
.az-kl-text-action li .az-kl-window-search .az-kl-btn-search img {
    width: 30px;
}
.az-kl-text-action li .az-kl-window-search .az-kl-input-search {
    margin: auto;
    max-width: 1000px;
    width: 100%;
    position: relative;
}

/* Khung ket qua : cot trai nhom san pham, cot phai san pham (2 cot moi dong) */
.az-kl-window-search .az-kl-sg {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 32px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 6px 0 22px;
}
.az-kl-window-search .az-kl-sg-col {
    min-width: 0;
}
.az-kl-window-search .az-kl-sg-head {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
    border-bottom: 1px solid var(--az-kl-sg-line);
    color: var(--az-kl-sg-muted);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.az-kl-window-search .az-kl-sg-count {
    min-width: 22px;
    padding: 1px 8px;
    border-radius: 999px;
    background-color: rgba(236, 174, 32, 0.14);
    color: var(--az-kl-sg-gold);
    font-size: 11px;
    letter-spacing: 0;
    text-align: center;
}
.az-kl-window-search .az-kl-sg-count:empty {
    display: none;
}
/* Dang hoi may chu : vong xoay nho o tieu de cot San pham ; ket qua cu lam mo (khung khong nhay khi go tiep) */
.az-kl-window-search .az-kl-sg-busy .az-kl-sg-col-products .az-kl-sg-head::after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: auto;
    border: 2px solid rgba(236, 174, 32, 0.25);
    border-top-color: var(--az-kl-sg-gold);
    border-radius: 50%;
    animation: az-kl-sg-spin 0.7s linear infinite;
}
.az-kl-window-search .az-kl-sg-busy .az-kl-sg-grid,
.az-kl-window-search .az-kl-sg-busy .az-kl-sg-glist {
    opacity: 0.55;
}

/* Cot nhom san pham (cung chieu cao vung cuon voi cot san pham) */
.az-kl-window-search .az-kl-sg-glist {
    max-height: min(52vh, 473px);
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: opacity 0.15s ease;
    scrollbar-width: thin;
    scrollbar-color: #4a4a4a transparent;
}
.az-kl-window-search .az-kl-sg-glist li {
    margin: 0;
    padding: 0;
}
.az-kl-window-search .az-kl-sg-group {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 8px;
    color: var(--az-kl-sg-text);
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;
}
.az-kl-window-search .az-kl-sg-group i {
    font-size: 10px;
}
.az-kl-window-search .az-kl-sg-group:hover,
.az-kl-window-search .az-kl-sg-group:focus-visible {
    background-color: var(--az-kl-sg-hover);
    outline: none;
}
/* Luat chung cua menu (li a:hover ... !important) to vang ca the a khi re chuot : dat mau o the span de chu trang,
   tu khoa (mark) van vang - neu khong ca ten vang, khong thay tu khoa */
.az-kl-window-search .az-kl-sg-group:hover span,
.az-kl-window-search .az-kl-sg-group:focus-visible span {
    color: #ffffff;
}

/* Cot san pham : moi san pham mot dong - anh nho 64 px + ten toi da 2 dong.
   Vung cuon cao 5,5 dong (86 px moi dong) : luon lo nua dong cuoi de nguoi dung biet con nua, cuon xuong duoc */
.az-kl-window-search .az-kl-sg-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 12px;
    align-content: start;
    max-height: min(52vh, 473px);
    overflow-y: auto;
    padding-right: 4px;
    transition: opacity 0.15s ease;
    scrollbar-width: thin;
    scrollbar-color: #4a4a4a transparent;
}
.az-kl-window-search .az-kl-sg-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--az-kl-sg-text);
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}
.az-kl-window-search .az-kl-sg-item:hover,
.az-kl-window-search .az-kl-sg-item:focus-visible {
    background-color: var(--az-kl-sg-hover);
    border-color: rgba(236, 174, 32, 0.4);
    outline: none;
}
.az-kl-window-search .az-kl-sg-thumb {
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #ffffff;
}
.az-kl-window-search .az-kl-sg-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* San pham khong co anh (hoac anh tai hong - app.js SearchImageGuard) : o mau toi + hinh anh mo, SVG nhung san */
.az-kl-window-search .az-kl-sg-thumb.az-kl-sg-noimg {
    background-color: var(--az-kl-sg-tile);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.8'/%3E%3Cpath d='M21 17l-5.5-5.5L7 20'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 26px 26px;
}
.az-kl-window-search .az-kl-sg-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-width: 0;
    color: var(--az-kl-sg-text);
    font-size: 14px;
    line-height: 1.4;
}
.az-kl-window-search .az-kl-sg-item:hover .az-kl-sg-name,
.az-kl-window-search .az-kl-sg-item:focus-visible .az-kl-sg-name {
    color: #ffffff;
}
/* Tu khoa trong ten (the mark - Bootstrap mac dinh nen vang nhat) */
.az-kl-window-search .az-kl-sg-hit {
    padding: 0;
    background-color: transparent;
    color: var(--az-kl-sg-gold);
    font-weight: 700;
}

/* Dang tim / khong co / loi (them .az-kl-sg de thang luat dat lai li cua cot nhom) */
.az-kl-window-search .az-kl-sg .az-kl-sg-note {
    grid-column: 1 / -1;
    padding: 9px 10px;
    color: var(--az-kl-sg-muted);
    font-size: 14px;
}
.az-kl-window-search .az-kl-sg .az-kl-sg-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 10px;
    color: var(--az-kl-sg-muted);
    font-size: 14px;
}
.az-kl-window-search .az-kl-sg .az-kl-sg-empty b {
    color: var(--az-kl-sg-text);
    font-size: 15px;
    font-weight: 400;
}

/* Dong cuoi : sang trang ket qua day du */
.az-kl-window-search .az-kl-sg-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 6px 10px;
    border-radius: 8px;
    color: var(--az-kl-sg-gold);
    font-size: 14px;
    text-decoration: none;
}
.az-kl-window-search .az-kl-sg-all::after {
    content: "\2192";
}
.az-kl-window-search .az-kl-sg-all:hover,
.az-kl-window-search .az-kl-sg-all:focus-visible {
    background-color: var(--az-kl-sg-hover);
    outline: none;
}
@media (prefers-reduced-motion: reduce) {
    .az-kl-coting,
    .az-kl-sg-panel {
        animation: none;
    }
    .az-kl-window-search .az-kl-sg-busy .az-kl-sg-col-products .az-kl-sg-head::after {
        animation-duration: 2.4s;
    }
}
:where(.az-kl-site) li a {
    text-decoration: none;
    color: #ECAE20;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 5px;
}
:where(.az-kl-site) li a:hover {
    color: #ECAE20 !important;
}
:where(.az-kl-site) li a i{
    color: #ECAE20 !important;
    font-size: 12px;
}
.az-kl-menu a i {
    color: #ECAE20;
    padding: 5px 5px;
    background-color: rgba(255, 255, 255, 0.108);
}
.az-kl-menu i {
    color: #ECAE20;
    padding: 5px 5px;
    background-color: rgba(255, 255, 255, 0.108);
}

.az-kl-khoi-text a {
    text-decoration: none;
    color: rgb(22, 22, 22);
    font-size: 14px;
    font-weight: 400;
}

:where(.az-kl-site) p {
    text-decoration: none;
    color: black;
}

.az-kl-search {
    font-size: 18px;
}

.az-kl-an {
    display: none;
    margin-right: 10px;
}

.az-kl-arrow {
    margin-left: 5px;
}

.az-kl-task-bar {
    background-color: white !important;
    width: 300px;
    
}
.az-kl-cackhoishop1 {
    padding: 0 5px;
}
.az-kl-list1 {
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
}
.az-kl-task-bar2 {
    transition: 1s;
    height: 100%;
    overflow: hidden;
}
.az-kl-task-bar3{
    transition: 1s;
    height: 0;
    overflow: hidden;
}
.az-kl-list-item {
    padding: 10px 0;
    overflow: hidden;
    text-decoration: none;
}


.az-kl-hien, :where(.az-kl-site) .hien {
    list-style-type: none;
    position: relative;
    height: 100%;
    overflow: hidden;
}

:where(.az-kl-site) li {
    list-style-type: none;
}
:where(.az-kl-site) .position-absolute {
    top: 0;
    position: absolute;
}
:where(.az-kl-site) .position-relative {
    top: 0;
    position: relative;
}

.az-kl-task-bar {
    position: absolute;
    box-shadow: 1px 1px 5px 1px rgba(128, 128, 128, 0.214);
    border-radius: 8px;
    transform: translateY(50px);
    transition: 0.2s;
    opacity: 0;
    top: 100%;
    left: 0;
}

.az-kl-hien:hover, :where(.az-kl-site) .hien:hover {
    overflow: visible;
}

    .az-kl-hien:hover .az-kl-task-bar, .hien:hover .az-kl-task-bar {
        opacity: 1;
        transform: translateY(0);
    }

.az-kl-must {
    margin-right: 5px;
    opacity: 0.5;
    color: black !important;
}


.az-kl-p {
    transform: translateX(-12px);
    transition: 0.4s;
}

.az-kl-list-item:hover p {
    transform: translateX(0);
    color: #ECAE20;
}
.az-kl-list-item:hover p i{
    color: #ECAE20;
}

.az-kl-list-item:hover .az-kl-must {
    opacity: 1;
}




.az-kl-media {
    width: 100%;
}


.az-kl-slick-prev1 {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    color: white !important;
    font-size: 50px;
    border: none;
    z-index: 3;
    width: 80px;
    height: 80px;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 100%;
}

.az-kl-slick-next1 {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    color: white !important;
    font-size: 50px;
    border: none;
    z-index: 3;
    width: 80px;
    height: 80px;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 100%;
}

.az-kl-slick-prev2 {
    position: absolute;
    right: 12%;
    top: 20%;
    background-color: transparent;
    color: white !important;
    font-size: 50px;
    border: none;
    z-index: 3;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 100%;
    z-index: 5;
}

.az-kl-slick-next2 {
    position: absolute;
    right: 12%;
    bottom: 20%;
    transform: translateY(-50%);
    background-color: transparent;
    color: white !important;
    font-size: 50px;
    border: none;
    z-index: 5;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 100%;
    z-index: 5;
}

.az-kl-po {
    position: relative;
}



.az-kl-media1 {
    object-fit: cover;
    object-position: 1;
    width: 100%;
}

.az-kl-khoimo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 18.2%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.337);
}

.az-kl-learn {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px;
}

.az-kl-title-learn {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 100;
}

.az-kl-learn i {
    font-size: 50px;
}

.az-kl-text-learn {
    margin-top: 15px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
}

.az-kl-icon-learn {
    font-size: 60px;
}

.az-kl-button-learn {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 10px 10px;
    margin-top: 30px;
    background-color: rgb(255 204 0);
    color: white !important;
    border: 2px solid transparent;
    cursor: pointer;
}

.az-kl-chuyen1 {
    margin: 0;
}

.az-kl-chuyen2 {
    margin: 0;
    position: absolute;
    color: #fff;
    transform: translateX(120px);
}


.az-kl-button-learn:hover {
    background-color: black;
    transition: 0.6s;
}

    .az-kl-button-learn:hover .az-kl-chuyen1 {
        transform: translateX(-120px);
        transition: 0.6s;
    }

    .az-kl-button-learn:hover .az-kl-chuyen2 {
        transform: translateX(0);
        transition: 0.6s;
    }


.az-kl-move-learn {
    animation: move-learn 1s;
    background-color: #f5f5f5;
}


.az-kl-bg-img {
    backdrop-filter: inherit;
    background-size: cover;
    animation: move-antan 1s;
    background-image: url(https://shopsource.singoo.cc/654/general/QZZhwZY7Pn3carSp.jpg?x-oss-process=image/resize,w_1465/quality,q_100);
}



.az-kl-title-antan {
    font-size: 70px;
    font-weight: 300;
}

.az-kl-text-antan {
    margin-top: 30px;
    color: white !important;
    font-size: 20px;
    font-weight: 400;
}

.az-kl-button-antan {
    margin-top: 30px;
    padding: 15px 20px;
    color: white !important;
    border: 2px solid transparent;
    background-color: #ECAE20;
}

    .az-kl-button-antan:hover {
        background-color: black;
        transition: 0.6s;
    }

.az-kl-turn-right {
    animation: truotphai 1s;
}

.az-kl-hinden {
    overflow: hidden;
}

.az-kl-turn-left {
    animation: truottrai 1s;
}


.az-kl-turn-up {
    animation: truotlen 1s;
}


.az-kl-khoi-text {
    padding: 60px 70px;
    background: #f2f2f2;
}



.az-kl-text-lon {
    font-size: 35px;
    font-weight: 300;
    color: black !important;
}
.az-kl-khoithunho {
    padding: 60px 100px;
}
.az-kl-bg-eca {
    background-color: #ECAE20;
}
.az-kl-text-nho {
    padding: 0 10px;
    margin-top: 24px;
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 30px;
}
.az-kl-text-nho p {
    margin-bottom: 6px !important;
}


.az-kl-bg1 {
    background: url(https://shopsource.singoo.cc/654/general/hbSkKXbArmX5YmGG.jpg);
    background-size: cover;
}

.az-kl-bg2 {
    background: url(https://shopsource.singoo.cc/654/general/nfXHQHcaAfzAFjKY.jpg);
    background-size: cover;
}

:where(.az-kl-site) p a {
    text-decoration: none;
    color: black;
}

.az-kl-anhtrai {
    height: 323px;
    overflow: hidden;
}

:where(.az-kl-site) .text-center {
    text-align: center;
    line-height: 2;
}

.az-kl-text-khoi-nho {
    font-weight: 200;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.915);
}

.az-kl-dau {
    padding: 0 20px 0 40px;
}

.az-kl-cuoi {
    padding: 0 40px 0 20px;
}

.az-kl-truotlen {
    animation: truotlencuoi 1s;
}


.az-kl-bg3 {
    background-repeat: No-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(https://shopsource.singoo.cc/193/general/CwZnSef2mXeSykYT.jpeg);
    opacity: 0.8;
}

.az-kl-c-white {
    color: white !important;
}
.az-kl-name-sp a {
    color: #ECAE20 !important;
    transition: 0.3s all ease-in-out;
}
.az-kl-name-sp a:hover {
    color: white !important;
}
.az-kl-a-cuoi .az-kl-a {
    color: #ECAE20;
    transition: 0.3s all ease-in-out;
}
.az-kl-a-cuoi .az-kl-a:hover {
    color: white !important;
}
.az-kl-information {
    line-height: 30px;
}


.az-kl-name {
    color: #868e96;
    font-size: 14px;
    padding-bottom: 8px;
}


.az-kl-sao {
    color: red;
    padding-left: 10px;
}

.az-kl-input {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 5px;
    color: #868e96;
    outline: none;
    line-height: 21px;
}

.az-kl-input-to {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 5px;
    color: #868e96;
    outline: none;
    line-height: 21px;
    height: 82px;
}

.az-kl-bao-ngoai {
    padding: 5px 15px;
    margin-bottom: 15px;
}


.az-kl-textarea {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    outline: none;
    line-height: 21px;
    height: 82px;
    color: #868e96;
    line-height: 21px;
    padding: 10px 10px;
}

.az-kl-submit {
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid transparent;
    font-size: 16px;
    color: #fff;
    background-color: rgb(51, 0, 153);
}

.az-kl-so {
    color: white !important;
    font-size: 60px;
}
.az-kl-chu {
    color: white !important;
    font-size: 18px;
}

:where(.az-kl-site) .bg-black {
    background-color: black;
}
.az-kl-catelog-home {
    position: relative;
    overflow: hidden;
}
/* .bg-image {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/bg.png);
    background-attachment: fixed;
    background-size: cover;
} */
.az-kl-bg-home {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.az-kl-bg-home img {
    width: 100%;
    object-fit: cover;
}
.az-kl-khoicuoi {
    padding: 45px 15px 30px;
    color: white !important;
}
.az-kl-khoicuoi a {
    color: white !important;
}
.az-kl-logo1 {
    max-width: 250px;
}

.az-kl-text-cuoi {
    max-width: 600px;
}


.az-kl-a {
    position: relative;
    text-decoration: none;
    color: white !important;
    margin: 0 15px;
}
.az-kl-a-cuoi a {
    color: white !important;
    transition: 0.4s all ease-in-out;
}
.az-kl-a-cuoi a:hover {
    color: white !important;
}
    .az-kl-a::after {
        content: '';
        width: 100%;
        height: 1.5px;
        background-color: white !important;
        position: absolute;
        left: 0;
        bottom: 6px;
        display: none;
    }

    .az-kl-a:hover::after {
        display: block;
    }

.az-kl-menu {
    display: none;
    cursor: pointer;
}
/* #thaotac3 h2 {
    color: white;
}
#thaotac3 h3 {
    color: white;
}
#thaotac3 h4 {
    color: white;
} */
.az-kl-side-bar {
    max-height: 100vh;
    overflow: auto;
    height: 100vh;
    width: 300px;
    background-color: white !important;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    transition: 0.6s;
    padding: 60px 0;
}

.az-kl-tran {
    transform: translateX(100%);
}

.az-kl-side-bar a {
    text-decoration: none;
    color: black;
    padding: 20px 20px; 
}

.az-kl-an1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 24px;
    position: absolute;
    top: 10px;
    right: 1px;
    transform: translateX(-50%);
    
}


.az-kl-od-1 {
    order: 2;
}

.az-kl-od-2 {
    order: 1;
}

:where(.az-kl-site) .fa-bars {
    font-size: 20px;
}
.az-kl-object-position-center{
    object-position: center;
    object-fit: cover;
}
:where(.az-kl-site) #scroll {
    position: sticky;
    height: auto;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: black;
}

:where(.az-kl-site) #More {
    display: none;
    width: 100%;
    background: gray;
    font-weight: 600;
    color: white !important;
    padding: 5px;
}
:where(.az-kl-site) .h-auto {
    height: auto !important;
}
.az-kl-order2 .az-kl-item-right {
    padding-left: 10px;
}
.az-kl-history-product {
    max-height: 1000px;
    overflow: auto;
}
.az-kl-history-product .az-kl-anhsp {
    aspect-ratio: 1 / 1;
}
.az-kl-convert {
    display: none;
    width: 300px;
    position: absolute;
    top: 210%;
    left: 0;
    background: black;
    border-radius: 15px;
    box-shadow: 1px 1px 10px 1px gray;
    padding: 15px;
    z-index: 1;
}
.az-kl-convert input {
    padding: 5px 10px;
    border-radius: 10px;
    color: white;
    background: black;
    outline: none;
    border: 1px solid;
    width: 100%;
    margin-bottom: 10px;
}
.az-kl-convert button {
    width: 100%;
    padding: 5px;
    background: rgba(50.974500000000056, 0, 153, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 600;
}
.az-kl-kesach {
    width: 100%;
    height: 90vh;
}
@media screen and (max-width:1000px) {
    
    .az-kl-text-lon {
        font-size: 20px;
        font-weight: 300;
        color: black !important;
    }
    .az-kl-bg-home img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }
    .az-kl-title-antan {
        font-size: 30px;
    }

    .az-kl-text-antan {
        font-size: 12px;
    }

    .az-kl-khoidau {
        display: none;
    }

    .az-kl-button-antan {
        font-size: 12px;
    }

    .az-kl-bg-img {
        height: 400px;
    }

    .az-kl-slick-prev1 {
        font-size: 16px;
        left: 5px;
    }

    .az-kl-slick-prev2 {
        font-size: 12px;
        position: absolute;
        right: 10%;
        top: 10%;
        background-color: transparent;
        color: white !important;
        border: none;
        z-index: 5;
        padding: 10px 10px;
        cursor: pointer;
        border-radius: 100%;
    }

    .az-kl-slick-next1 {
        font-size: 16px;
        right: 5px;
    }

    .az-kl-slick-next2 {
        font-size: 12px;
        position: absolute;
        right: 10%;
        bottom: 10%;
        background-color: transparent;
        color: white !important;
        border: none;
        z-index: 5;
        padding: 10px 10px;
        cursor: pointer;
        border-radius: 100%;
    }
    .az-kl-khoi-text .az-kl-text-lon {
        font-size: 35px;
    }
    .az-kl-khoi-text {
        padding: 30px 12px 0 !important;
    }
    .az-kl-text-khoi-nho {
        padding: 0 10px !important;
    }
    
    .az-kl-plr-5 {
        padding: 10px 0 0 0 !important;
    }

    .az-kl-a {
        font-size: 10px !important;
    }

    .az-kl-menu {
        display: block !important;
    }

    .az-kl-od-1 {
        order: 1;
    }

    .az-kl-od-2 {
        order: 2;
    }
}
@media screen and (max-width : 556px) {
    .az-kl-anhtop {
        margin-bottom: 20px;
    }
    .az-kl-contacts-form-baogia {
    max-width: 100%;
    width: 100%;
}
    .az-kl-text-lon {
        font-size: 16px !important;
        line-height: 24px;
    }
    .az-kl-tracuu p {
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    .az-kl-kesach {
        width: 100%;
        height: 92vh;
    }
    .az-kl-e-catalog iframe {
        height: calc(100vh - 140px);
    }
    [name="tailieuDrive"] .az-kl-e-catalog iframe {
        height: calc(100vh - 140px);
        aspect-ratio: 9 / 16 !important;
    }
    [name="tailieuDrive"] .az-kl-e-catalog .az-kl-detail-e-catalog {
        position:relative;
        padding-top:max(185%,324px);
        width:100%;height:0;
    }
    :where(.az-kl-site) .nav-tabs li {
        cursor: pointer;
        color: white;
        transition: 0.6s;
        padding: 5px 5px;
        border-radius: 0 !important;
        padding: 10px 20px;
        margin-right: 0 !important;
        width: 100%;
        
    }
    .az-kl-anhsptop {
        padding: 0 10px !important;
    }
    :where(.az-kl-site) .tab-content {
        padding: 0 10px;
    }
    :where(.az-kl-site) .nav-tabs li a {
        font-size: 16px;
        font-weight: 600;
        color: black !important;
        font-size: 14px;
    }
    .az-kl-footer .az-kl-footer-bct {
        display: flex;
        justify-content: left;
    }
    .az-kl-list-sp h3 .az-kl-price-min-max span {
        font-family: UTM-Avo !important;
        font-size: 11px;
        background-color: black;
        font-weight: 700;
        color: white !important;
        padding: 5px 10px;
    }
    .az-kl-list-sp h3 p {
        font-family: UTM-BanqueB;
        font-size: 11px;
        color: #ECAE20;
        color: black !important;
        margin: 0;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
    }
    .az-kl-gototop {
        transition: 0.6s all ease-in-out;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-500px);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: fixed;
        bottom: 80px;
        right: 5px;
        width: 40px;
        height: 40px;
        background-color: white;
        border-radius: 100%;
        box-shadow: 1px 1px 10px 1px gray;
    }
    .az-kl-gototop a {
        color: black !important;
        font-size: 20px;
    }
    :where(.az-kl-site) #More {
        display: block;
    }
    /* .parameter  {
        height: 89px;
        overflow: auto;
    } */
    .az-kl-order2 .az-kl-item-right {
        padding: 0;
    }
    .az-kl-item.az-kl-item-right .az-kl-text.az-kl-option h2 {
        font-weight: 600;
        font-size: 20px;
        margin-top: 15px;
        color: #ECAE20 !important;
    }
    .az-kl-button-product {
        margin-top: 30px;
    }
    .az-kl-anhtrai {
        height: 200px !important;
        overflow: hidden;
    }
    .az-kl-object-position-center{
        object-position: center;
        object-fit: cover;
    }
}

/* ---------------------------------------------------------------------
   2. css/sp.css (cu)
   --------------------------------------------------------------------- */
.az-kl-container-groud {
    max-width: 1610px;
}
:where(.az-kl-site) .h-100 {
    height: 100%;
}

.az-kl-px-60 {
    padding-bottom: 30px;
}
.az-kl-table-thongso thead tr th {
    text-align: center;
    padding: 5px;
    background-color: #ECAE20;
    color: white !important;
    border: 1px solid white;
    border-collapse: collapse;
}
.az-kl-table-thongso tbody tr td {
    font-size: 14px;
    padding: 5px;
    color: white !important;
    border: 1px solid #ECAE20;
    border-collapse: collapse;
}
.az-kl-table-thongso tbody tr td:first-child {
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    color: white !important;
    border: 1px solid #ECAE20;
    border-collapse: collapse;
}

.az-kl-list-menudoc a {
    font-size: 16px;
    font-weight: 500;
    color: black;
    transition: 0.4s all ease-in-out;
}
.az-kl-list-menudoc a:hover {
    font-size: 16px;
    font-weight: 500;
    color: #ECAE20;
}

.az-kl-list-menudoc h5 {
    font-weight: 700;
    color: black;
}


.az-kl-phanloai {
    box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.396);
    cursor: pointer;
    display: flex;
    margin-bottom: 20px;
}

:where(.az-kl-site) .active {
    background-color: #ECAE20;
    color: white;
    transition: 0.6s;
}

.az-kl-anhsp {
    width: 100%;
    overflow: hidden;
}

.az-kl-bentrong {
    border: 1px solid rgba(128, 128, 128, 0.303);
    width: 100%;
    /* height: 319px; */
    object-fit: cover;
    object-position: top 1px;
}
.az-kl-bentrong2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.az-kl-button-sp {
    background-color: #ECAE20;
    border-radius: 4px;
    color: white !important;
    border: transparent;
    padding: 5px 20px;
    text-decoration: none;
}
:where(.az-kl-site) #LookupSubmit {
    background-color: #ECAE20
}
.az-kl-name-sp a {
    font-weight: 400;
    font-size: 16px;
}
.az-kl-doislide:hover {
    color: black;
}
.az-kl-doislide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px;
    color: black;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
}

.az-kl-word-wrap {
    word-wrap: break-word;
}


.az-kl-text-shop-con {
    color: black;
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
}

    .az-kl-anhshop1 {
        width: 100%;
    }
    
    .az-kl-cackhoishop1:hover .az-kl-anhshop1{
        transform: rotateZ(10deg);
        transition: 0.4s;
        transform: scale(1.05);
    }
    .az-kl-cackhoishop1:hover .az-kl-text-shop-con1{
        color: #ECAE20;
        transition: 0.4s;
    }

    
    .az-kl-price {
        color: #ECAE20;
        font-weight: 500;
        font-size: 16px;
    }
.az-kl-price a {
    text-decoration: none;
    color: #ECAE20 !important;
    font-weight: 900;
    font-size: 16px;
}
.az-kl-cackhoishop {
    overflow: hidden;
    padding: 10px;
}
.az-kl-name-product {
    color: black;
    transition: 0.4s all ease-in-out;
}
.az-kl-name-product:hover {
    color: #ECAE20;
}

.az-kl-imagenew {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}
.az-kl-chuduoianh a {

}
.az-kl-chuduoianh {
    background-color: white;
    padding: 30px 15px;
    height: 200px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 3px solid transparent;
    overflow: hidden;
}
.az-kl-chuduoianh a {
    color: black;
    text-decoration: none;
}
.az-kl-chuduoianh a:hover {
    color: black;
    text-decoration: none;
}
.az-kl-chuduoianh span p {
    color: #808080b0;
    font-size: 12px;
    margin-top: 10px;
}
.az-kl-khoianhoto {
    position: relative;
    padding: 0 10px;
    margin-bottom: 20px;
}

    .az-kl-khoianhoto:hover .az-kl-chuduoianh {
        border-bottom: 3px solid blue;
        transition: 0.6s;
        overflow: hidden;
    }

.az-kl-khoicuaanh {
    overflow: hidden;
}

.az-kl-muiten {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(2, 2, 190);
    text-align: center;
    border-radius: 100%;
    background-color: white;
    width: 50px;
    height: 50px;
    font-size: 30px;
    position: absolute;
    right: 5%;
    top: 50%;
    cursor: pointer;
    box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.137);
}

.az-kl-introduction {
    display: none;
    padding: 10px 20px;
    background-color: #eee;
}

.az-kl-khoibenphai {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.az-kl-giatrongsp label{
    color: #ECAE20;
}
.az-kl-button-tracuu {
    text-align: center;
    padding: 10px 20px;
    border: 0;
    border-radius: 8px;
    color: white;
    background-color: #ECAE20;
    margin-top: 20px;
}
.az-kl-slile3{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 60px;
}

.az-kl-slile3 .slick-list {
    height: 320px;
}
.az-kl-slile4{
    display: none !important;
    flex-wrap:wrap;
    margin-bottom: 20px;
    height: 270px;
}
.az-kl-slile4item {
    padding: 0 10px;
    width: 50%
}
.az-kl-button-product {
    padding: 12px 20px;
    background-color: #ECAE20;
    color: white;
    border: 0;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
}

.az-kl-keduoi {
    width: 100%;
    height: 1px;
    background-color: rgba(85, 85, 85, 0.311);
    margin-top: 10px;
    margin-bottom: 20px;
}
.az-kl-error {
    background-image: url(/images/fail.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important
}
.az-kl-schema {
    display: none
}
.az-kl-loading {
    width: 100px;
    margin: 50px auto;
    display: none
}
.az-kl-result {
    padding: 30px;
    line-height: 2;
    color: red;
    font-size: 22px;
    text-align: center;
    display: none
}
.az-kl-result a {
    color: black;
    font-size: 16px
}
.az-kl-result i {
    margin-right: 10px
}
.az-kl-notfound {
    width: 100%;
    margin: 50px auto
}
.az-kl-notfound h1 {
    line-height: 1.3;
    font-size: 24px;
    font-weight: bold;
    margin: 0 20px 20px;
    color: black;
    text-align: center;
    text-transform: uppercase
}
.az-kl-notfound h1 a {
    color: red
}
.az-kl-notfound img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block
}
.az-kl-namesp {
    margin-left: 20px;
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
}
.az-kl-thongso a{
    color:#262626;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.4s ease-in-out;
}
.az-kl-nenanh {
    position: relative;
    z-index: 1;
    background-color: gray;
}
.az-kl-logotrenanh {
    width: 208px ;
    position: absolute;
    right: 1%;
    bottom: 1%;
    z-index: 10;
}
:where(.az-kl-site) .slick-slide {
    position: relative;
}
.az-kl-thongso1 a{
    color:#ECAE20;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: all 0.4s ease-in-out;
}
.az-kl-thongso1 a:hover {
    color: #262626;
}
.az-kl-thongso a:hover {
    color: #ECAE20;
}
.az-kl-thongso a:before{content:", "}
.az-kl-thongso a:first-child:before{content:""}
/* .product .detail .property span a{
    color:#262626;
    font-weight: 600 !important;
}
.product .detail .property span a:before{content:", "}
.product .detail .property span a:first-child:before{content:""} */
.az-kl-label {
    display: inline-block;
    width: 140px;
}
.az-kl-parameter {
    line-height: 26px;
}
:where(.az-kl-site) #thaotac3 h1 {
    font-size: 30px;
}
:where(.az-kl-site) #thaotac3 h2 {
    font-size: 30px;
}
:where(.az-kl-site) #thaotac3 h3 {
    font-size: 30px;
}
:where(.az-kl-site) #thaotac3 p {
    line-height: 1.7rem;
}
:where(.az-kl-site) #thaotac3 li {
    line-height: 1.7rem;
}
:where(.az-kl-site) #thaotac3 p img {
    max-width: 100%;
    height: auto;
}
:where(.az-kl-site) #thaotac3 h2 img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width : 1100px){
    .az-kl-logotrenanh {
        width: 148px ;
        position: absolute;
        right: 1%;
        bottom: 1%;
        z-index: 10;
    }
}
@media screen and (max-width : 997px) {
    .az-kl-table-thongso thead tr th {
        text-align: center;
        font-size: 14px;
        padding: 5px;
        background-color: #ECAE20;
        color: white !important;
        border: 1px solid white;
        border-collapse: collapse;
    }
    .az-kl-anhsptr {
        padding-left: 0;
        margin-bottom: 20px;
    }
    .az-kl-pr-30 {
        padding: 0 !important;
    }
    .az-kl-logotrenanh {
        width: 226px ;
        position: absolute;
        right: 1%;
        bottom: 1%;
        z-index: 10;
    }
    .az-kl-ptb-5 {
        padding: 5px 0 !important;
    }
    .az-kl-mediasp {
        display: block;
        margin: auto;
        width: 100%;
        height: 240px;
    }
    .az-kl-dich1 {
        margin-top: 15px;
    }
    .az-kl-dich {
        display: none !important;
    }
    .az-kl-order1 {
        order: 1;
    }

    .az-kl-order2 {
        order: 2;
    }

    .az-kl-list-menudoc {
        display: none !important;
    }

    

    .az-kl-anlist {
        margin-top: 30px;
        display: flex !important;
        overflow-y: auto;
    }

    .az-kl-videotrongkhoi {
        height: 400px;
    }

    .az-kl-khoi-chu {
        padding: 0;
    }

    .az-kl-chuchay {
        font-size: 12px;
    }

    .az-kl-chuchay2 {
        font-size: 12px;
    }

    .az-kl-chuchay3 {
        font-size: 12px;
    }

    .az-kl-chuchay4 {
        font-size: 12px;
    }

    .az-kl-chuchay5 {
        font-size: 12px;
    }

    .az-kl-imagenew {
        width: 100%;
        height: 150px;
        object-fit: cover;
        object-position: center;
    }

    .az-kl-muiten {
        text-align: center;
        border-radius: 100%;
        background-color: white;
        width: 30px;
        height: 30px;
        font-size: 16px;
        position: absolute;
        right: 5%;
        top: 39%;
        cursor: pointer;
        box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.137);
    }

    .az-kl-slile3item {
        width: 50%
    }
}
@media screen and (max-width : 765px) {
    .az-kl-logotrenanh {
        width: 166px ;
        position: absolute;
        right: 1%;
        bottom: 1%;
        z-index: 10;
    }
}
@media screen and (max-width : 556px) {
    .az-kl-thongso1 a{
        font-size: 12px;
        color:#ECAE20;
        font-weight: 800 !important;
        text-decoration: none !important;
        transition: all 0.4s ease-in-out;
    }
    .az-kl-thongso a{
        font-size: 12px;
        color:#262626;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: all 0.4s ease-in-out;
    }
    .az-kl-label {
        display: inline-block;
        width: 120px;
        font-size: 14px;
    }
    .az-kl-logotrenanh {
        width: 170px;
        position: absolute;
        right: 1%;
        bottom: 1%;
        z-index: 10;
    }
    :where(.az-kl-site) #thaotac3 p iframe {
        max-width: 100%;
        height: 200px;
    }
    .az-kl-price {
        color: #ECAE20;
        font-weight: 500;
        font-size: 15px;
    }
    .az-kl-list-sp h3 .az-kl-button-sp {
        font-size: 16px;
    }
    .az-kl-pr-30 {
        padding: 0 !important;
    }
    .az-kl-info {
        display: none;
    }
    .az-kl-action {
        padding: 5px 0 !important;
    }
    .az-kl-bentrong {
        width: 100%;
        /* height: 175px !important; */
        object-fit: cover;
    }
    .az-kl-logo-sticky {
        width: 120px;
    }
    .az-kl-trangnho {
        font-size: 14px;
    }
    .az-kl-khoicuoi {
        padding: 20px 5px !important;
    }

    .az-kl-muiten {
        text-align: center;
        border-radius: 100%;
        background-color: white;
        width: 30px;
        height: 30px;
        font-size: 16px;
        position: absolute;
        right: 10% !important;
        top: 38% !important;
        cursor: pointer;
        box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.137);
    }
    .az-kl-introduction {
        display: flex;
        padding: 10px 20px;
        background-color: #eee;
        align-items: center;
        justify-content: space-between;
    }
    .az-kl-introduction span{
        font-weight: 600;
    }

    .az-kl-px-60 {
        padding: 60px 0 30px;
    }
    .az-kl-slile4{
        display: flex !important;
        flex-wrap:wrap;
        margin-bottom: 20px;
        height: 270px;
    }
    .az-kl-slile4item .az-kl-bentrong {
        height: 100% !important;
        
    }
    .az-kl-khoithunho {
        padding: 30px 0 !important;
        
    }
    :where(.az-kl-site) iframe {
        max-width: 100%;
        height: 200px;
    }
    .az-kl-container-groud {
        max-width: 1610px;
        padding: 0 5px;
    }
}
@media screen and (max-width : 400px) {
    .az-kl-logotrenanh {
        width: 121px;
        position: absolute;
        right: 1%;
        bottom: 1%;
        z-index: 10;
    }
}

/* ---------------------------------------------------------------------
   3. sp.css (cu)
   --------------------------------------------------------------------- */
.az-kl-trangnho {
    color: white;
    text-decoration: none;
    font-size: 18px;
}
:where(.az-kl-site) .fa-house {
    color: white;
}


.az-kl-slide-big {
    position: relative;
}
:where(.az-kl-site) .owl-prev {
    transform: translateY(-50%);
    position: absolute;
    left: -40px;
    top: 50%;
    filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
}

:where(.az-kl-site) .owl-next {
    transform: translateY(-50%);
    position: absolute;
    right: -40px;
    top: 50%;
    filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
}
.az-kl-my-swiper2 {
    height: 80%;
    width: 100%;
  }
  .az-kl-my-swiper2 .swiper-wrapper .swiper-slide {
      display: block;
      /* min-height: 500px; */
  }
  .az-kl-my-swiper {
      position: sticky !important;
      width: 100%;
      left: 0;
      top: 55px;
      z-index: 100 !important;
      background: transparent;
      overflow: hidden !important;
  }
  .az-kl-my-swiper .swiper-wrapper {
      display: flex;
      justify-content: center;
  }
  .az-kl-my-swiper {
    height: 20%;
    box-sizing: border-box;
  }

  .az-kl-my-swiper .swiper-slide {
    /* width: auto !important; */
    background-color: white;
    height: 100%;
    opacity: 0.4;
      font-weight: 600;
      border-bottom: 2px solid transparent;
  }

  .az-kl-my-swiper .swiper-slide-thumb-active {
      opacity: 1;
      border: 1px solid #ECAE20;
      /* color: #0B3CB7;
      font-weight: 600;
      border-bottom: 2px solid #0B3CB7; */
  }

  @font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

:where(.az-kl-site) .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

:where(.az-kl-site) .swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

:where(.az-kl-site) .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

:where(.az-kl-site) .swiper-android .swiper-slide,:where(.az-kl-site) .swiper-ios .swiper-slide,:where(.az-kl-site) .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

:where(.az-kl-site) .swiper-horizontal {
    touch-action: pan-y;
}

:where(.az-kl-site) .swiper-vertical {
    touch-action: pan-x
}

:where(.az-kl-site) .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

:where(.az-kl-site) .swiper-slide-invisible-blank {
    visibility: hidden
}

:where(.az-kl-site) .swiper-autoheight,:where(.az-kl-site) .swiper-autoheight .swiper-slide {
    height: auto
}

:where(.az-kl-site) .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

:where(.az-kl-site) .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

:where(.az-kl-site) .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

:where(.az-kl-site) .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

:where(.az-kl-site) .swiper-3d {
    perspective: 1200px
}

:where(.az-kl-site) .swiper-3d .swiper-cube-shadow,:where(.az-kl-site) .swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

:where(.az-kl-site) .swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

:where(.az-kl-site) .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

:where(.az-kl-site) .swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

:where(.az-kl-site) .swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

:where(.az-kl-site) .swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:where(.az-kl-site) .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

:where(.az-kl-site) .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

:where(.az-kl-site) .swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

:where(.az-kl-site) .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

:where(.az-kl-site) .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

:where(.az-kl-site) .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

:where(.az-kl-site) .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

:where(.az-kl-site) .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

:where(.az-kl-site) .swiper-3d .swiper-slide-shadow,:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-bottom,:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-left,:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-right,:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

:where(.az-kl-site) .swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

:where(.az-kl-site) .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

:where(.az-kl-site) .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

:where(.az-kl-site) .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,:where(.az-kl-site) .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

:where(.az-kl-site) .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

:where(.az-kl-site) .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

:where(.az-kl-site) .swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

:where(.az-kl-site) .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

:where(.az-kl-site) .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

:where(.az-kl-site) .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

:where(.az-kl-site) .swiper-button-next,:where(.az-kl-site) .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

:where(.az-kl-site) .swiper-button-next.swiper-button-disabled,:where(.az-kl-site) .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

:where(.az-kl-site) .swiper-button-next.swiper-button-hidden,:where(.az-kl-site) .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

:where(.az-kl-site) .swiper-navigation-disabled .swiper-button-next,:where(.az-kl-site) .swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

:where(.az-kl-site) .swiper-button-next svg,:where(.az-kl-site) .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

:where(.az-kl-site) .swiper-rtl .swiper-button-next svg,:where(.az-kl-site) .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

:where(.az-kl-site) .swiper-button-prev,:where(.az-kl-site) .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

:where(.az-kl-site) .swiper-button-lock {
    display: none
}

:where(.az-kl-site) .swiper-button-next:after,:where(.az-kl-site) .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: black;
    font-size: 32px;
    font-weight: 600;
}

:where(.az-kl-site) .swiper-button-prev:after,:where(.az-kl-site) .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

:where(.az-kl-site) .swiper-button-next,:where(.az-kl-site) .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

:where(.az-kl-site) .swiper-button-next:after,:where(.az-kl-site) .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

:where(.az-kl-site) .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

:where(.az-kl-site) .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

:where(.az-kl-site) .swiper-pagination-disabled>.swiper-pagination,:where(.az-kl-site) .swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

:where(.az-kl-site) .swiper-horizontal>.swiper-pagination-bullets,:where(.az-kl-site) .swiper-pagination-bullets.swiper-pagination-horizontal,:where(.az-kl-site) .swiper-pagination-custom,:where(.az-kl-site) .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

:where(.az-kl-site) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

:where(.az-kl-site) .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

:where(.az-kl-site) button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

:where(.az-kl-site) .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

:where(.az-kl-site) .swiper-pagination-bullet:only-child {
    display: none!important
}

:where(.az-kl-site) .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

:where(.az-kl-site) .swiper-pagination-vertical.swiper-pagination-bullets,:where(.az-kl-site) .swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

:where(.az-kl-site) .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,:where(.az-kl-site) .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

:where(.az-kl-site) .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,:where(.az-kl-site) .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

:where(.az-kl-site) .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:where(.az-kl-site) .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

:where(.az-kl-site) .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,:where(.az-kl-site) .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

:where(.az-kl-site) .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,:where(.az-kl-site) .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

:where(.az-kl-site) .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:where(.az-kl-site) .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

:where(.az-kl-site) .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

:where(.az-kl-site) .swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

:where(.az-kl-site) .swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

:where(.az-kl-site) .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

:where(.az-kl-site) .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

:where(.az-kl-site) .swiper-horizontal>.swiper-pagination-progressbar,:where(.az-kl-site) .swiper-pagination-progressbar.swiper-pagination-horizontal,:where(.az-kl-site) .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,:where(.az-kl-site) .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

:where(.az-kl-site) .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,:where(.az-kl-site) .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,:where(.az-kl-site) .swiper-pagination-progressbar.swiper-pagination-vertical,:where(.az-kl-site) .swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

:where(.az-kl-site) .swiper-pagination-lock {
    display: none
}

:where(.az-kl-site) .swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

:where(.az-kl-site) .swiper-scrollbar-disabled>.swiper-scrollbar,:where(.az-kl-site) .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

:where(.az-kl-site) .swiper-horizontal>.swiper-scrollbar,:where(.az-kl-site) .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

:where(.az-kl-site) .swiper-scrollbar.swiper-scrollbar-vertical,:where(.az-kl-site) .swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

:where(.az-kl-site) .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

:where(.az-kl-site) .swiper-scrollbar-cursor-drag {
    cursor: move
}

:where(.az-kl-site) .swiper-scrollbar-lock {
    display: none
}

:where(.az-kl-site) .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

:where(.az-kl-site) .swiper-zoom-container>canvas,:where(.az-kl-site) .swiper-zoom-container>img,:where(.az-kl-site) .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

:where(.az-kl-site) .swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

:where(.az-kl-site) .swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

:where(.az-kl-site) .swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

:where(.az-kl-site) .swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

:where(.az-kl-site) .swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

:where(.az-kl-site) .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

:where(.az-kl-site) .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

:where(.az-kl-site) .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

:where(.az-kl-site) .swiper-fade .swiper-slide-active {
    pointer-events: auto
}

:where(.az-kl-site) .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

:where(.az-kl-site) .swiper-cube {
    overflow: visible
}

:where(.az-kl-site) .swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

:where(.az-kl-site) .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

:where(.az-kl-site) .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

:where(.az-kl-site) .swiper-cube .swiper-slide-active,:where(.az-kl-site) .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

:where(.az-kl-site) .swiper-cube .swiper-slide-active,:where(.az-kl-site) .swiper-cube .swiper-slide-next,:where(.az-kl-site) .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

:where(.az-kl-site) .swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

:where(.az-kl-site) .swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

:where(.az-kl-site) .swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

:where(.az-kl-site) .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,:where(.az-kl-site) .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,:where(.az-kl-site) .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,:where(.az-kl-site) .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

:where(.az-kl-site) .swiper-flip {
    overflow: visible
}

:where(.az-kl-site) .swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

:where(.az-kl-site) .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

:where(.az-kl-site) .swiper-flip .swiper-slide-active,:where(.az-kl-site) .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

:where(.az-kl-site) .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,:where(.az-kl-site) .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,:where(.az-kl-site) .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,:where(.az-kl-site) .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

:where(.az-kl-site) .swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

:where(.az-kl-site) .swiper-cards {
    overflow: visible
}

:where(.az-kl-site) .swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}










:where(.az-kl-site) .fa-chevron-right {
    color: white;
    font-size: 12px;
    margin: 0 5px;
}


.az-kl-px-60 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.az-kl-bg-imgnho {
    background-size: 50%;
    background-image: url(https://shopsource.singoo.cc/193/general/tSBTE8ZytxkPeAyx.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.az-kl-box-big {
    max-width: 870px;
    margin: auto;
}
.az-kl-box-big img {
    object-fit: cover;
}
.az-kl-h {
    position: relative;
}

.az-kl-trangnho:hover {
    color: white;
}

.az-kl-trangnho::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: white;
    border-radius: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transition: 0.6s;
}

.az-kl-trangnho:hover::after {
    transform: scaleX(1);
}

.az-kl-mediasp {
    display: block;
    margin: auto;
    width: 1050px;
    height: 600px;
}


.az-kl-text-lon1 {
    margin: 20px 0;
    text-align: center;
    font-size: 44px;
    font-weight: 300;
    color: rgb(188, 159, 76);
}

.az-kl-list-menudoc li {
    list-style-type: none;
    padding: 15px 0;
}

.az-kl-list-menudoc a {
    font-size: 16px;
    font-weight: 700;
}

.az-kl-list-menudoc ul {
    padding-left: 8px;
}

.az-kl-list-menudoc h5 {
    font-weight: 700;
}


.az-kl-phanloai {
    box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.396);
    cursor: pointer;
}

.az-kl-icon-phanloai {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

:where(.az-kl-site) .active {
    background-color: rgb(3, 3, 144);
    color: white;
    transition: 0.6s;
}

.az-kl-anhsp {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1.1;
    background: white;
}

.az-kl-bentrong {
    width: 100%;
    object-fit: cover;
    object-position: top 1px;
    aspect-ratio: 1 / 1;
}

.az-kl-oloc {
    background-color: aliceblue;
    height: 50%;
    padding: 10px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.az-kl-thanhloc {
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid black;
    position: absolute;
    top: 50%;
    left: 0;
}

    .az-kl-thanhloc span {
        cursor: pointer;
    }

.az-kl-button-sp {
    background-color: rgb(3, 3, 128);
    border-radius: 4px;
    color: white !important;
    border: transparent;
    padding: 5px 20px;
    text-decoration: none;
}

.az-kl-name-sp {
    font-weight: 700;
    font-size: 18px;
}

.az-kl-slideled {
    display: flex;
}

.az-kl-doislide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px;
    color: black;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}

.az-kl-anlist {
    display: none;
}

.az-kl-bentrong:hover {
    opacity: 0.6;
    transform: rotateZ(10deg);
    transition: 0.4s;
    transform: scale(1.05);
}

.az-kl-bentrong1:hover {
    opacity: 0.6;
    transform: rotateZ(10deg);
    transition: 0.4s;
    transform: scale(1.05);
}

.az-kl-anhtrong {
    border-radius: 100%;
    width: 100px;
    height: 100px;
}

.az-kl-dadoi {
    padding: 20px 20px;
    border: 1px solid rgba(128, 128, 128, 0.389);
    margin-bottom: 20px;
}

.az-kl-bentrong1 {
    width: 70%;
    height: 100px;
    object-fit: cover;
    object-position: top 1px;
}

.az-kl-khoi2 {
    margin-top: 10px;
}


.az-kl-bg-imgnho1 {
    background-size: 100%;
    background-position: center;
    background-image: url(https://shopsource.singoo.cc/654/general/QZZhwZY7Pn3carSp.jpg?x-oss-process=image/resize,w_1465/quality,q_100);
}

.az-kl-khoi-text {
    text-align: center;
}

.az-kl-text-duoi {
    font-size: 20px;
    font-size: 500;
}

.az-kl-khoivideo {
    margin-top: 30px;
}

.az-kl-videotrongkhoi {
    width: 100%;
    height: 600px;
}


.az-kl-khoi-chu {
    padding: 60px 60px;
    line-height: 30px;
    background-color: #f2f2f2;
}


.az-kl-tieude {
    font-size: 22px;
    font-weight: 700;
}

.az-kl-khoi-chu li {
    font-size: 18px;
}


.az-kl-text-shop {
    font-size: 34px;
    font-weight: 300;
}


.az-kl-text-shop-con {
    color: black;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
}


.az-kl-anhshop {
    width: 100%;
}

    .az-kl-anhshop:hover {
        opacity: 0.6;
        transform: rotateZ(10deg);
        transition: 0.4s;
        transform: scale(1.05);
    }


.az-kl-cackhoishop {
    overflow: hidden;
    padding: 0 10px;
}

.az-kl-khoichay {
    margin-top: 30px;
    position: relative;
    height: 100px;
    cursor: pointer;
}

.az-kl-khoichay1 {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.az-kl-khoichay2 {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.az-kl-khoichay3 {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.az-kl-khoichay4 {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.az-kl-khoichay5 {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.az-kl-khoichay1 span {
    font-size: 26px;
    font-weight: 700;
}

.az-kl-khoichay2 span {
    font-size: 26px;
    font-weight: 700;
}

.az-kl-khoichay3 span {
    font-size: 26px;
    font-weight: 700;
}

.az-kl-khoichay4 span {
    font-size: 26px;
    font-weight: 700;
}

.az-kl-khoichay5 span {
    font-size: 26px;
    font-weight: 700;
}

.az-kl-chuchay {
    margin: 0;
    font-size: 18px;
    padding: 20px;
    transition: 1s;
}

.az-kl-chuchay2 {
    margin: 0;
    font-size: 18px;
    padding: 20px;
    transition: 1s;
}

.az-kl-chuchay3 {
    margin: 0;
    font-size: 18px;
    padding: 20px;
    transition: 1s;
}

.az-kl-chuchay4 {
    margin: 0;
    font-size: 18px;
    padding: 20px;
    transition: 1s;
}

.az-kl-chuchay5 {
    margin: 0;
    font-size: 18px;
    padding: 20px;
    transition: 1s;
}

.az-kl-thanhduoi {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: bisque;
    transition: 1s;
}

.az-kl-thanhduoi2 {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: bisque;
    transition: 1s;
}

.az-kl-thanhduoi3 {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: bisque;
    transition: 1s;
}

.az-kl-thanhduoi4 {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: bisque;
    transition: 1s;
}

.az-kl-thanhduoi5 {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: bisque;
    transition: 1s;
}

.az-kl-opa {
    opacity: 0;
    transition: 1s;
    transform: translateY(-100%);
}

.az-kl-chaylen {
    transform: translateY(-2000%);
    transition: 1s;
}

.az-kl-imagenew {
    width: 100%;
    height: 325px;
    object-fit: cover;
    object-position: center;
}

.az-kl-bg-ghi {
    background-color: rgba(140, 144, 148, 0.142);
}

.az-kl-chuduoianh {
    background-color: white;
    padding: 30px 15px;
    height: 90px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 3px solid transparent;
}

.az-kl-khoianhoto {
    position: relative;
    padding: 0 10px;
}

    .az-kl-khoianhoto:hover .az-kl-imagenew {
        transform: scale(1.1);
        transition: 0.6s;
    }

    .az-kl-khoianhoto:hover .az-kl-chuduoianh {
        border-bottom: 3px solid blue;
        transition: 0.6s;
        height: 90px;
        overflow: hidden;
    }

.az-kl-khoicuaanh {
    overflow: hidden;
    max-height: 325px;
}

.az-kl-muiten {
    color: rgb(2, 2, 190);
    text-align: center;
    border-radius: 100%;
    background-color: white;
    width: 50px;
    height: 50px;
    font-size: 30px;
    position: absolute;
    right: 5%;
    top: 72%;
    cursor: pointer;
    box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.137);
}
.az-kl-chulonnhat {
    font-size: 30px;
    font-weight: 700;
    padding: 10px 0;
}

    .az-kl-chulonnhat::after {
        content: '';
        display: block;
        width: 15%;
        height: 4px;
        bottom: 0;
        left: 0;
        background-color: #330099;
    }

.az-kl-chulonnhat1 {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0;
}

    .az-kl-chulonnhat1::after {
        content: '';
        display: block;
        width: 10%;
        height: 4px;
        bottom: 0;
        left: 0;
        background-color: #330099;
    }

.az-kl-ngayblog {
    font-size: 20px;
}
p.az-kl-p {
    color: black !important;
}
.az-kl-display-none {
    display: none;
}
.az-kl-b11n {
    font-size: 24px;
}
:where(.az-kl-site) ::-webkit-scrollbar {
    width: 3px;
    background: transparent;
  }
  :where(.az-kl-site) ::-webkit-scrollbar-thumb {
    background-color: rgba(128, 128, 128, 0.333);
    border-radius: 5px;
  }
.az-kl-timkien1 {
    cursor: pointer;
}
.az-kl-item-application img {
    padding: 0 10px;
}
.az-kl-khoithontin {
}

    .az-kl-khoithontin i {
        color: #330099;
        font-size: 22px;
        margin-right: 8px;
    }

    .az-kl-khoithontin a {
        text-decoration: none;
        color: #555;
        font-size: 16px;
        font-weight: 400;
    }

.az-kl-ananh {
    display: flex;
    padding-right: 30px;
}

.az-kl-khoibenphai {
    background-color: #d5d5d5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 15px;
}
.az-kl-khoibenphai .az-kl-keduoi {
    margin: 30px auto 30px !important;
}
.az-kl-tracuu {
    background-color: rgba(246, 246, 246, 0.177);
    padding: 30px 30px;
    box-shadow: 1px 1px 10px 1px rgb(193, 192, 192);
}

    .az-kl-tracuu p {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }

    .az-kl-tracuu input {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        border: 0;
        outline: none;
        margin-bottom: 20px;
        background-color: #F2F2F2;
    }

    .az-kl-tracuu button {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        border: 0;
        border-radius: 8px;
        color: white;
        background-color: rgb(51, 0, 153);
    }

.az-kl-button-tracuu {
    text-align: center;
    padding: 10px 20px;
    border: 0;
    border-radius: 8px;
    color: white;
    background-color: rgb(51, 0, 153);
    margin-top: 20px;
}

    .az-kl-button-tracuu:hover {
        background-color: rgb(47, 8, 125);
    }

.az-kl-tracuu button:hover {
    background-color: rgb(47, 8, 125);
}

.az-kl-bg-tracuu {
    background-color: rgba(174, 174, 174, 0.297);
}

.az-kl-gack {
    width: 8%;
    height: 3px;
    background-color: black;
    margin-bottom: 20px;
}

.az-kl-khoi-tracuu input {
    width: 100%;
    padding: 10px 20px;
    border: 0;
    outline: none;
    margin-top: 15px;
}

.az-kl-khoi-tracuu textarea {
    border: 0;
    outline: none;
    padding: 10px 20px;
}

.az-kl-anhsptr {
    padding-left: 150px;
}
.az-kl-slider-nav .az-kl-pl-3 {
    width:25%
}
.az-kl-slile3{flex-wrap:wrap}
.az-kl-slile3item {
    padding: 0 10px;
    width: 33%
}
.az-kl-summary{margin:10px 0}
.az-kl-description{margin:10px 0}
.az-kl-description img{max-width:100%}
.az-kl-button-product {
    padding: 12px 20px;
    background-color: transparent;
    color: white;
    border: 0;
    border-radius: 8px;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}

.az-kl-keduoi {
    width: 30%;
    height: 2px;
    background-color: #ECAE20 !important;
    margin: 60px auto 40px;
}

.az-kl-abc {
    text-decoration: none;
    color: #330099;
}

.az-kl-tensp {
    margin-top: 10px;
}
.az-kl-boximagenew {
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 20px;
    border: 1px white solid;
    box-shadow: 1px 1px 10px 1px white;
    display: flex;
    justify-content: center;
    align-items: center;
}
:where(.az-kl-site) .owl-item {
    background-color: transparent !important;
}
.az-kl-box-thumbs.az-kl-list .az-kl-item {
    transition: 0.2s all ease-in-out;
    overflow: hidden;
}
.az-kl-box-thumbs.az-kl-list .az-kl-item img {
    transition: 0.2s all ease-in-out;
    overflow: hidden;
    aspect-ratio: 339 / 245;
}
.az-kl-box-thumbs.az-kl-list .az-kl-item:hover {
    border-radius: 15px;
}
.az-kl-box-thumbs.az-kl-list .az-kl-item:hover img {
    transform: scale(1.2);
}
.az-kl-boximagenew img {
    max-height: 200px !important;
    object-fit: contain !important;
}
.az-kl-box-thumbs #slide-thumbs .az-kl-item {
    position: relative;
}
.az-kl-box-thumbs #slide-thumbs a.az-kl-name {
    color: white;
    text-decoration: none;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 5px;
    font-size: 16px;
    background: #00000036;
}
.az-kl-banner-service {
    position: relative;
}
.az-kl-banner-service .az-kl-text {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
:where(.az-kl-site) #thaotac3 img {
    width: 100% !important;
    height: auto !important;
}
:where(.az-kl-site) #thaotac3 hr {
    width: 30%;
    color: #ECAE20;
    margin: 20px auto;
    opacity: 1 !important;
    border-top: 3px solid !important;
}
:where(.az-kl-site) #thaotac3 iframe {
    width: 100%;
    height: auto !important;
    aspect-ratio: 560 / 315;
}
.az-kl-aspect {
    width: 100%;
}
/* #thaotac3 li {
    list-style-type: auto !important;
    color: white;
}
#thaotac3 li p{
    list-style-type: auto !important;
    color: white;
}
#thaotac3 li::marker {
    color: white;
} */
.az-kl-box-fix {
    position: fixed;
    right: 10px;
    top: 20%;
    z-index: 99;
    width: 60px;
    padding: 5px;
    text-align: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px #d7d7d75d;
    background: rgba(255, 255, 255, 0.322);
}
.az-kl-box-fix a {
    color: white;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 14px;
    display: block;
    text-decoration: none;
}
.az-kl-hvr-bounce-in {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.az-kl-box-fix a span {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
}
.az-kl-box-fix a span.az-kl-mes {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/mess.png);
    background-color: #f1592a;
    background-size: 100%;
    background-position: center center;
}
.az-kl-box-fix a span.az-kl-zalo {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/zalo.png);
    background-color: #f1592a;
    background-size: 100%;
    background-position: center center;
}
.az-kl-box-fix a span.az-kl-hot {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/phone.png);
    background-color: #f1592a;
    background-size: 60%;
    background-position: center center;
}
.az-kl-box-fix a span.az-kl-map {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/map.png);
    background-color: #f1592a;
    background-size: 100%;
    background-position: center center;
}
.az-kl-box-fix a span.az-kl-sms {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/sms.jpg);
    background-color: #f1592a;
    background-size: 60%;
    background-position: center center;
}
.az-kl-text-hotnew {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.az-kl-text-hotnew a {
    color: white;
    text-decoration: none;
    font-size: 20px;
}
.az-kl-page-intro iframe {
    width: 100%;
    height: 100%;
}
.az-kl-text-hotnew span {
    color: wheat !important;
}
.az-kl-select-newshot {
    max-height: 577px;
    overflow: auto;
  }
@media screen and (max-width : 1000px) {
    .az-kl-anhsptr {
        padding-left: 0 !important;
    }
    .az-kl-mediasp {
        display: block;
        margin: auto;
        width: 100%;
        height: 240px;
    }

    .az-kl-order1 {
        order: 1;
    }

    .az-kl-order2 {
        order: 2;
    }

    .az-kl-list-menudoc {
        display: none !important;
    }

    .az-kl-bentrong {
        width: 100%;
        object-fit: cover;
        object-position: top 1px;
        aspect-ratio: 1 / 1;
    }

    .az-kl-anlist {
        display: flex !important;
        overflow-y: auto;
    }

    .az-kl-videotrongkhoi {
        height: 400px;
    }

    .az-kl-khoi-chu {
        padding: 0;
    }

    .az-kl-chuchay {
        font-size: 12px;
    }

    .az-kl-chuchay2 {
        font-size: 12px;
    }

    .az-kl-chuchay3 {
        font-size: 12px;
    }

    .az-kl-chuchay4 {
        font-size: 12px;
    }

    .az-kl-chuchay5 {
        font-size: 12px;
    }

    .az-kl-imagenew {
        width: 100%;
        height: 150px;
        object-fit: cover;
        object-position: center;
    }

    .az-kl-muiten {
        text-align: center;
        border-radius: 100%;
        background-color: white;
        width: 30px;
        height: 30px;
        font-size: 16px;
        position: absolute;
        right: 5%;
        top: 46%;
        cursor: pointer;
        box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.137);
    }

    .az-kl-slile3item {
        width: 50%
    }
}
@media screen and (max-width : 556px) {
    .az-kl-anlist {
        margin-top: 0 !important;
    }
    .az-kl-anlist span {
        font-size: 11px !important;
    }
    .az-kl-px-60 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .az-kl-anhsp {
        width: 100%;
        overflow: hidden;
        aspect-ratio: 1 / 1.2;
        background: white;
    }
    .az-kl-anhsptr {
        padding-left: 0 !important;
    }
    :where(.az-kl-site) .owl-prev {
        transform: translateY(-50%);
        position: absolute;
        left: 5px;
        top: 50%;
        filter: brightness(0);
  -webkit-filter: brightness(0);
    }
    :where(.az-kl-site) .owl-next {
        transform: translateY(-50%);
        position: absolute;
        right: 5px;
        top: 50%;
        filter: brightness(0);
  -webkit-filter: brightness(0);
    }
    .az-kl-text-hotnew a {
        color: white;
        text-decoration: none;
        font-size: 16px !important;
    }
    .az-kl-box-fix {
        display: none;
        width: 100% !important;
        height: 66px !important;
        bottom: 0 !important;
        left: 0 !important;
        text-align: center !important;
        top: inherit !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        background-color: black !important;
        border: 0 !important;
        z-index: 99999999 !important;
    }
    .az-kl-box-fix a {
        width: 20% !important;
        float: left !important;
        border-right: solid 1px #d7d7d7 !important;
    }
    .az-kl-banner-service .az-kl-text {
        color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 95%;
    }
    .az-kl-mediasp {
        display: block;
        margin: auto;
        width: 100%;
        height: 240px;
    }

    .az-kl-order1 {
        order: 1;
    }

    .az-kl-order2 {
        order: 2;
    }

    .az-kl-list-menudoc {
        display: none !important;
    }

    .az-kl-bentrong {
        width: 100%;
        object-fit: cover;
        object-position: top 1px;
        aspect-ratio: 1 / 1;
    }

    .az-kl-anlist {
        display: block !important;
    }

    .az-kl-videotrongkhoi {
        height: 200px !important;
    }

    .az-kl-muiten {
        text-align: center;
        border-radius: 100%;
        background-color: white;
        width: 30px;
        height: 30px;
        font-size: 16px;
        position: absolute;
        right: 10% !important;
        top: 40% !important;
        cursor: pointer;
        box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.137);
    }
    .az-kl-slile3item {
        width: 100%
    }
}

/* ---------------------------------------------------------------------
   4. css/m-p-b.css (cu, gom ca CSS cua DataTables)
   --------------------------------------------------------------------- */
.az-kl-w-20 {
    width: 20%;
}

:where(.az-kl-site) .m-auto {
    margin: auto;
}

:where(.az-kl-site) .w-100 {
    width: 100%;
}
.az-kl-ptb-5 {
    padding: 5px 0;
}
:where(.az-kl-site) .mw-100 {
    max-width: 100%;
}

.az-kl-mr-50 {
    margin-right: 200px;
}

.az-kl-mr-2 {
    margin-right: 8px;
}

.az-kl-mr-4 {
    margin-right: 16px;
}

.az-kl-ml-2 {
    margin-left: 8px;
}

.az-kl-ml-1 {
    margin-left: 4px;
    ;
}

.az-kl-mb-100 {
    margin-bottom: 100px;
}

.az-kl-mr-1 {
    margin-right: 4px;
}

.az-kl-mlr-3 {
    margin: 0 12px;
}

.az-kl-mt-60 {
    margin-top: 60px;
}

.az-kl-ml-4 {
    margin-left: 16px;
}

.az-kl-ml-5 {
    margin-left: 20px;
}

.az-kl-ml-6 {
    margin-left: 24px;
}

.az-kl-ml-10 {
    margin-left: 40px;
}

:where(.az-kl-site) .mt-5 {
    margin-top: 20px;
}


.az-kl-mt-8 {
    margin-top: 32px;
}

.az-kl-mr-100 {
    margin-right: 100px;
}

.az-kl-mt-50 {
    margin-top: 50px;
}

:where(.az-kl-site) .mb-2 {
    margin-bottom: 10px;
}

:where(.az-kl-site) .mb-5 {
    margin-bottom: 20px;
}

.az-kl-pt-60 {
    padding-top: 60px;
}

.az-kl-pb-60 {
    padding-bottom: 60px;
}

.az-kl-ptb-30 {
    margin: 70px 0;
}
.az-kl-mtb-30 {
    margin: 65px 0 30px;
    
}

.az-kl-pr-30 {
    padding:0 30px 4px 0;
}

.az-kl-pl-4 {
    padding: 0 12px;
}

.az-kl-pr-2 {
    padding-right: 8px;
}

.az-kl-mb-6 {
    margin-bottom: 24px;
}

:where(.az-kl-site) .mt-2 {
    margin-top: 8px;
}

:where(.az-kl-site) .mb-4 {
    margin-bottom: 16px;
}

.az-kl-ml-auto {
    margin-left: auto;
}

.az-kl-mtb-4 {
    margin: 16px 0;
}



.az-kl-pt-30 {
    padding-top: 30px;
}

.az-kl-me {
    margin-left: 100px;
}

.az-kl-plr-5 {
    padding: 0 20px;
}

.az-kl-plr-3 {
    padding: 0 4px;
}

:where(.az-kl-site) .pt-2 {
    padding-top: 8px;
}

.az-kl-pl-4 {
    padding-left: 16px;
}

.az-kl-pl-6 {
    padding-left: 24px;
}

.az-kl-p-14 {
    padding: 14px 14px;
}

:where(.az-kl-site) .mt-4 {
    margin-top: 16px;
}

.az-kl-ml-3 {
    margin-left: 12px;
}

:where(.az-kl-site) .p-3 {
    padding: 12px;
}

.az-kl-mt-30 {
    margin-top: 30px;
}

.az-kl-pt-8 {
    padding-top: 34px;
}

.az-kl-pr-6 {
    padding-right: 24px;
}

.az-kl-pb-8 {
    padding-bottom: 32px;
}

.az-kl-ptb-7 {
    padding: 28px 0;
}

.az-kl-plr-6 {
    padding: 0 24px;
}

:where(.az-kl-site) .col-1 {
    width: calc(100% * 1 / 12);
}

:where(.az-kl-site) .col-2 {
    width: calc(100% * 2 / 12);
}

:where(.az-kl-site) .col-3 {
    width: calc(100% * 3 / 12);
}

:where(.az-kl-site) .col-4 {
    width: calc(100% * 4 / 12);
}

:where(.az-kl-site) .col-9 {
    width: calc(100% * 9 / 12);
}

:where(.az-kl-site) .col-5 {
    width: calc(100% * 5 / 12);
}

:where(.az-kl-site) .col-6 {
    width: calc(100% * 6 /12);
}

:where(.az-kl-site) .col-12 {
    width: calc(100% * 12 /12);
}

:where(.az-kl-site) .col-8 {
    width: calc(100% * 8 /12);
}

.az-kl-ptb-15 {
    padding: 60px 0;
}
:where(.az-kl-site) #example_length label {
    color: white;
}
:where(.az-kl-site) #example_length option {
    background-color: #ECAE20;
}
:where(.az-kl-site) .dataTables_filter label
{
    color: white;
}
:where(.az-kl-site) #example_info {
    color: white;
}
:where(.az-kl-site) #example_paginate {
    color: white;
}
:where(.az-kl-site) #example_paginate a {
    cursor: pointer;
    margin: 0 5px;
    border: 1px solid #ffffff63;
    color: white !important;
}
:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}:where(.az-kl-site) table.dataTable td.dt-control{text-align:center;cursor:pointer}:where(.az-kl-site) table.dataTable td.dt-control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"\25BA "}:where(.az-kl-site) table.dataTable tr.dt-hasChild td.dt-control:before{content:"\25BC "}html.dark table.dataTable td.dt-control:before{color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before{color:rgba(255, 255, 255, 0.5)}:where(.az-kl-site) table.dataTable thead>tr>th.sorting,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc_disabled,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc_disabled,:where(.az-kl-site) table.dataTable thead>tr>td.sorting,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc_disabled,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}:where(.az-kl-site) table.dataTable thead>tr>th.sorting:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}:where(.az-kl-site) table.dataTable thead>tr>th.sorting:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"\25B2 ";content:"\25B2 "/""}:where(.az-kl-site) table.dataTable thead>tr>th.sorting:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"\25BC ";content:"\25BC "/""}:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc:before,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}:where(.az-kl-site) table.dataTable thead>tr>th.sorting_desc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>th.sorting_asc_disabled:before,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_desc_disabled:after,:where(.az-kl-site) table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}:where(.az-kl-site) table.dataTable thead>tr>th:active,:where(.az-kl-site) table.dataTable thead>tr>td:active{outline:none}:where(.az-kl-site) div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,:where(.az-kl-site) div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,:where(.az-kl-site) div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,:where(.az-kl-site) div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{display:none}:where(.az-kl-site) div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}:where(.az-kl-site) div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}:where(.az-kl-site) div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}:where(.az-kl-site) div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}:where(.az-kl-site) div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}:where(.az-kl-site) div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}:where(.az-kl-site) div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}:where(.az-kl-site) table.dataTable.nowrap th,:where(.az-kl-site) table.dataTable.nowrap td{white-space:nowrap}:where(.az-kl-site) table.dataTable th.dt-left,:where(.az-kl-site) table.dataTable td.dt-left{text-align:left}:where(.az-kl-site) table.dataTable th.dt-center,:where(.az-kl-site) table.dataTable td.dt-center,:where(.az-kl-site) table.dataTable td.dataTables_empty{text-align:center}:where(.az-kl-site) table.dataTable th.dt-right,:where(.az-kl-site) table.dataTable td.dt-right{text-align:right}:where(.az-kl-site) table.dataTable th.dt-justify,:where(.az-kl-site) table.dataTable td.dt-justify{text-align:justify}:where(.az-kl-site) table.dataTable th.dt-nowrap,:where(.az-kl-site) table.dataTable td.dt-nowrap{white-space:nowrap}:where(.az-kl-site) table.dataTable thead th,:where(.az-kl-site) table.dataTable thead td,:where(.az-kl-site) table.dataTable tfoot th,:where(.az-kl-site) table.dataTable tfoot td{text-align:left}:where(.az-kl-site) table.dataTable thead th.dt-head-left,:where(.az-kl-site) table.dataTable thead td.dt-head-left,:where(.az-kl-site) table.dataTable tfoot th.dt-head-left,:where(.az-kl-site) table.dataTable tfoot td.dt-head-left{text-align:left}:where(.az-kl-site) table.dataTable thead th.dt-head-center,:where(.az-kl-site) table.dataTable thead td.dt-head-center,:where(.az-kl-site) table.dataTable tfoot th.dt-head-center,:where(.az-kl-site) table.dataTable tfoot td.dt-head-center{text-align:center}:where(.az-kl-site) table.dataTable thead th.dt-head-right,:where(.az-kl-site) table.dataTable thead td.dt-head-right,:where(.az-kl-site) table.dataTable tfoot th.dt-head-right,:where(.az-kl-site) table.dataTable tfoot td.dt-head-right{text-align:right}:where(.az-kl-site) table.dataTable thead th.dt-head-justify,:where(.az-kl-site) table.dataTable thead td.dt-head-justify,:where(.az-kl-site) table.dataTable tfoot th.dt-head-justify,:where(.az-kl-site) table.dataTable tfoot td.dt-head-justify{text-align:justify}:where(.az-kl-site) table.dataTable thead th.dt-head-nowrap,:where(.az-kl-site) table.dataTable thead td.dt-head-nowrap,:where(.az-kl-site) table.dataTable tfoot th.dt-head-nowrap,:where(.az-kl-site) table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}:where(.az-kl-site) table.dataTable tbody th.dt-body-left,:where(.az-kl-site) table.dataTable tbody td.dt-body-left{text-align:left}:where(.az-kl-site) table.dataTable tbody th.dt-body-center,:where(.az-kl-site) table.dataTable tbody td.dt-body-center{text-align:center}:where(.az-kl-site) table.dataTable tbody th.dt-body-right,:where(.az-kl-site) table.dataTable tbody td.dt-body-right{text-align:right}:where(.az-kl-site) table.dataTable tbody th.dt-body-justify,:where(.az-kl-site) table.dataTable tbody td.dt-body-justify{text-align:justify}:where(.az-kl-site) table.dataTable tbody th.dt-body-nowrap,:where(.az-kl-site) table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}:where(.az-kl-site) table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}:where(.az-kl-site) table.dataTable thead th,:where(.az-kl-site) table.dataTable tfoot th{font-weight:bold}:where(.az-kl-site) table.dataTable>thead>tr>th,:where(.az-kl-site) table.dataTable>thead>tr>td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}:where(.az-kl-site) table.dataTable>thead>tr>th:active,:where(.az-kl-site) table.dataTable>thead>tr>td:active{outline:none}:where(.az-kl-site) table.dataTable>tfoot>tr>th,:where(.az-kl-site) table.dataTable>tfoot>tr>td{padding:10px 10px 6px 10px;border-top:1px solid rgba(0, 0, 0, 0.3)}:where(.az-kl-site) table.dataTable tbody tr{background-color:transparent}:where(.az-kl-site) table.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}:where(.az-kl-site) table.dataTable tbody tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}:where(.az-kl-site) table.dataTable tbody th,:where(.az-kl-site) table.dataTable tbody td{padding:8px 10px}:where(.az-kl-site) table.dataTable.row-border>tbody>tr>th,:where(.az-kl-site) table.dataTable.row-border>tbody>tr>td,:where(.az-kl-site) table.dataTable.display>tbody>tr>th,:where(.az-kl-site) table.dataTable.display>tbody>tr>td{border-top:1px solid rgba(0, 0, 0, 0.15)}:where(.az-kl-site) table.dataTable.row-border>tbody>tr:first-child>th,:where(.az-kl-site) table.dataTable.row-border>tbody>tr:first-child>td,:where(.az-kl-site) table.dataTable.display>tbody>tr:first-child>th,:where(.az-kl-site) table.dataTable.display>tbody>tr:first-child>td{border-top:none}:where(.az-kl-site) table.dataTable.row-border>tbody>tr.selected+tr.selected>td,:where(.az-kl-site) table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:#0262ef}:where(.az-kl-site) table.dataTable.cell-border>tbody>tr>th,:where(.az-kl-site) table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}:where(.az-kl-site) table.dataTable.cell-border>tbody>tr>th:first-child,:where(.az-kl-site) table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}:where(.az-kl-site) table.dataTable.cell-border>tbody>tr:first-child>th,:where(.az-kl-site) table.dataTable.cell-border>tbody>tr:first-child>td{border-top:none}:where(.az-kl-site) table.dataTable.stripe>tbody>tr.odd>*,:where(.az-kl-site) table.dataTable.display>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023)}:where(.az-kl-site) table.dataTable.stripe>tbody>tr.odd.selected>*,:where(.az-kl-site) table.dataTable.display>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923)}:where(.az-kl-site) table.dataTable.hover>tbody>tr:hover>*,:where(.az-kl-site) table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035)}:where(.az-kl-site) table.dataTable.hover>tbody>tr.selected:hover>*,:where(.az-kl-site) table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important}:where(.az-kl-site) table.dataTable.order-column>tbody tr>.sorting_1,:where(.az-kl-site) table.dataTable.order-column>tbody tr>.sorting_2,:where(.az-kl-site) table.dataTable.order-column>tbody tr>.sorting_3,:where(.az-kl-site) table.dataTable.display>tbody tr>.sorting_1,:where(.az-kl-site) table.dataTable.display>tbody tr>.sorting_2,:where(.az-kl-site) table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019)}:where(.az-kl-site) table.dataTable.order-column>tbody tr.selected>.sorting_1,:where(.az-kl-site) table.dataTable.order-column>tbody tr.selected>.sorting_2,:where(.az-kl-site) table.dataTable.order-column>tbody tr.selected>.sorting_3,:where(.az-kl-site) table.dataTable.display>tbody tr.selected>.sorting_1,:where(.az-kl-site) table.dataTable.display>tbody tr.selected>.sorting_2,:where(.az-kl-site) table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}:where(.az-kl-site) table.dataTable.display>tbody>tr.odd>.sorting_1,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054)}:where(.az-kl-site) table.dataTable.display>tbody>tr.odd>.sorting_2,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047)}:where(.az-kl-site) table.dataTable.display>tbody>tr.odd>.sorting_3,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039)}:where(.az-kl-site) table.dataTable.display>tbody>tr.odd.selected>.sorting_1,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954)}:where(.az-kl-site) table.dataTable.display>tbody>tr.odd.selected>.sorting_2,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947)}:where(.az-kl-site) table.dataTable.display>tbody>tr.odd.selected>.sorting_3,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939)}:where(.az-kl-site) table.dataTable.display>tbody>tr.even>.sorting_1,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.019)}:where(.az-kl-site) table.dataTable.display>tbody>tr.even>.sorting_2,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.011)}:where(.az-kl-site) table.dataTable.display>tbody>tr.even>.sorting_3,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.003)}:where(.az-kl-site) table.dataTable.display>tbody>tr.even.selected>.sorting_1,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}:where(.az-kl-site) table.dataTable.display>tbody>tr.even.selected>.sorting_2,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911)}:where(.az-kl-site) table.dataTable.display>tbody>tr.even.selected>.sorting_3,:where(.az-kl-site) table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903)}:where(.az-kl-site) table.dataTable.display tbody tr:hover>.sorting_1,:where(.az-kl-site) table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082)}:where(.az-kl-site) table.dataTable.display tbody tr:hover>.sorting_2,:where(.az-kl-site) table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074)}:where(.az-kl-site) table.dataTable.display tbody tr:hover>.sorting_3,:where(.az-kl-site) table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062)}:where(.az-kl-site) table.dataTable.display tbody tr:hover.selected>.sorting_1,:where(.az-kl-site) table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982)}:where(.az-kl-site) table.dataTable.display tbody tr:hover.selected>.sorting_2,:where(.az-kl-site) table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974)}:where(.az-kl-site) table.dataTable.display tbody tr:hover.selected>.sorting_3,:where(.az-kl-site) table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962)}:where(.az-kl-site) table.dataTable.no-footer{border-bottom:1px solid rgba(0, 0, 0, 0.3)}:where(.az-kl-site) table.dataTable.compact thead th,:where(.az-kl-site) table.dataTable.compact thead td,:where(.az-kl-site) table.dataTable.compact tfoot th,:where(.az-kl-site) table.dataTable.compact tfoot td,:where(.az-kl-site) table.dataTable.compact tbody th,:where(.az-kl-site) table.dataTable.compact tbody td{padding:4px}:where(.az-kl-site) table.dataTable th,:where(.az-kl-site) table.dataTable td{box-sizing:content-box}:where(.az-kl-site) .dataTables_wrapper{position:relative;clear:both}:where(.az-kl-site) .dataTables_wrapper .dataTables_length{float:left}
:where(.az-kl-site) .dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:white;padding:4px}
:where(.az-kl-site) .dataTables_wrapper .dataTables_filter{float:right;text-align:right}
:where(.az-kl-site) .dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:white;margin-left:3px}
:where(.az-kl-site) .dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button.current,:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.05);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05)));background:-webkit-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-moz-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-ms-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-o-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#111;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#0c0c0c;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}:where(.az-kl-site) .dataTables_wrapper .dataTables_length,:where(.az-kl-site) .dataTables_wrapper .dataTables_filter,:where(.az-kl-site) .dataTables_wrapper .dataTables_info,:where(.az-kl-site) .dataTables_wrapper .dataTables_processing,:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate{color:inherit}:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll{clear:both}:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{-webkit-overflow-scrolling:touch}:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,:where(.az-kl-site) .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}:where(.az-kl-site) .dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid rgba(0, 0, 0, 0.3)}:where(.az-kl-site) .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,:where(.az-kl-site) .dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}:where(.az-kl-site) .dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){:where(.az-kl-site) .dataTables_wrapper .dataTables_info,:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate{float:none;text-align:center}:where(.az-kl-site) .dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){:where(.az-kl-site) .dataTables_wrapper .dataTables_length,:where(.az-kl-site) .dataTables_wrapper .dataTables_filter{float:none;text-align:center}:where(.az-kl-site) .dataTables_wrapper .dataTables_filter{margin-top:.5em}}html.dark{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}html.dark table.dataTable>thead>tr>th,html.dark table.dataTable>thead>tr>td{border-bottom:1px solid rgb(89, 91, 94)}html.dark table.dataTable>thead>tr>th:active,html.dark table.dataTable>thead>tr>td:active{outline:none}html.dark table.dataTable>tfoot>tr>th,html.dark table.dataTable>tfoot>tr>td{border-top:1px solid rgb(89, 91, 94)}html.dark table.dataTable.row-border>tbody>tr>th,html.dark table.dataTable.row-border>tbody>tr>td,html.dark table.dataTable.display>tbody>tr>th,html.dark table.dataTable.display>tbody>tr>td{border-top:1px solid rgb(64, 67, 70)}html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:#0257d5}html.dark table.dataTable.cell-border>tbody>tr>th,html.dark table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgb(64, 67, 70);border-right:1px solid rgb(64, 67, 70)}html.dark table.dataTable.cell-border>tbody>tr>th:first-child,html.dark table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgb(64, 67, 70)}html.dark .dataTables_wrapper .dataTables_filter input,html.dark .dataTables_wrapper .dataTables_length select{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--dt-html-background)}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{border:1px solid rgb(89, 91, 94);background:rgba(255, 255, 255, 0.15)}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,html.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{color:#666 !important}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover{border:1px solid rgb(53, 53, 53);background:rgb(53, 53, 53)}html.dark .dataTables_wrapper .dataTables_paginate .paginate_button:active{background:#3a3a3a}

/* ---------------------------------------------------------------------
   5. css/display.css (cu)
   --------------------------------------------------------------------- */
:where(.az-kl-site) .d-block {
    display: block;
}

:where(.az-kl-site) .d-inline-block {
    display: inline-block;
}

:where(.az-kl-site) .d-none {
    display: none;
}

:where(.az-kl-site) .d-flex {
    display: flex;
}

:where(.az-kl-site) .flex-column {
    flex-direction: column;
}

.az-kl-justify-between {
    justify-content: space-between;
}

.az-kl-justify-right {
    justify-content: right;
}


.az-kl-align-center {
    align-items: center;
}

.az-kl-justify-center {
    justify-content: center;
}

.az-kl-wrap {
    flex-wrap: wrap;
}

/* ---------------------------------------------------------------------
   6. css/catalogcart.css (cu)
   --------------------------------------------------------------------- */
:where(.az-kl-site) p {
    margin: 0;
}
:where(.az-kl-site) a {
    text-decoration: none;
}
:where(.az-kl-site) .container {
    max-width: 1200px;
    padding: 0 !important;
}
.az-kl-catalog {
    padding: 65px 0;
}
.az-kl-catalog a {
    text-decoration: none !important;
}
.az-kl-catalog h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: white;
}
.az-kl-catalog .az-kl-gallery {
    display: flex;
    flex-wrap: wrap;
}
.az-kl-catalog .az-kl-gallery .az-kl-image {
    padding: 15px;
    width: calc(100% * 2/10);
}
.az-kl-catalog .az-kl-gallery .az-kl-image img {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.az-kl-catalog .az-kl-gallery .az-kl-image img:hover {
    transform: scale(1.1);
}
.az-kl-gallery-hide {
    transform: scale(0.8);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s all ease-in-out;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
}
.az-kl-gallery-inner {
    max-width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.az-kl-gallery-hide .az-kl-prev {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.564);
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.az-kl-gallery-hide .az-kl-next {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.564);
    font-size: 50px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.az-kl-gallery-hide .az-kl-close {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.564);
    font-size: 30px;
    position: absolute;
    transform: translateY(-100%);
    top: 0;
    right: 0;
}
.az-kl-show-img {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}
.az-kl-background-black {
    background-color: rgba(0, 0, 0, 0.803);
    cursor: zoom-out;
    width: 100vw;
    height: 100vh;
}
.az-kl-list-catalog {
    display: flex;
    flex-wrap: wrap;
}
.az-kl-item-catalog {
    padding: 10px;
}
.az-kl-item-catalog-icon {
    height: 181px;
    padding: 10px;
    display: flex;
}
.az-kl-item-catalog-icon .az-kl-content-item-catalog a h5 {
    font-size: 16px;
}
.az-kl-item-catalog-icon .az-kl-image {
    padding-right: 10px;
}
.az-kl-item-catalog-icon {
    color: white;
    border: 1px solid white;
    border-radius: 2px;
}
.az-kl-item-catalog-icon a {
    color: #ECAE20;
}
.az-kl-item-catalog .az-kl-item-catalog-icon p,:where(.az-kl-site) span {
    font-size: 14px;
}
.az-kl-list-menu-catalog .az-kl-title-menu a{
    background-color: #ECAE20;
    margin-bottom: 2px;
}
.az-kl-list-menu-catalog .az-kl-title-menu h1{
    margin: 0 !important;
    font-size: 18px;
    padding: 10px 0;
}
.az-kl-list-menu-catalog .az-kl-list-menu a{
    width: 100%;
    color: #ECAE20;
}
.az-kl-list-menu-catalog .az-kl-list-menu i {
    margin-right: 10px;
    color: #ECAE20;
}
.az-kl-list-menu-catalog .az-kl-list-menu a{
    display: block;
    padding: 10px 10px !important;
    border-bottom: 1px solid rgba(245, 245, 245, 0.57);
    margin-bottom: 2px;
}
.az-kl-list-menu-catalog .az-kl-list-menu a:hover{
    color: white;
}
.az-kl-list-menu-catalog .az-kl-list-menu a:hover {
    background-color: #ECAE20;
}
.az-kl-list-menu-catalog .az-kl-list-menu a:hover i {
    color: white;
}
.az-kl-cart {
    margin: 100px 0 150px;
    position: relative;
}
.az-kl-cart .az-kl-steps {
    width: 800px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 1px solid #ECAE20;
}
.az-kl-cart .az-kl-status {
    color: white;
    width: calc(24% - 10px);
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.az-kl-cart .az-kl-status.az-kl-complete span {
    background-color: #ECAE20;
    display: block;
}.az-kl-cart .az-kl-status.az-kl-complete {
    color: #ECAE20;
}
.az-kl-cart .az-kl-steps {
    display: flex;
    width: 800px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 1px solid #ECAE20;
}
.az-kl-cart .az-kl-steps .az-kl-complete a {
    color: #ECAE20;
}
.az-kl-cart .az-kl-status span {
    width: 20px;
    height: 20px;
    border: 1px solid #ECAE20;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: 0;
}
.az-kl-cart .az-kl-status {
    width: calc(100% * 3/12);
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.az-kl-cart .az-kl-status span {
    width: 20px;
    height: 20px;
    border: 1px solid #ECAE20;
    border-radius: 50%;
    background-color: black;
    position: absolute;
    top: -30px;
    left: 0;
    display: block;
}
.az-kl-input-qty::-webkit-outer-spin-button,.az-kl-input-qty::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0 !important;
}
.az-kl-cart .az-kl-colleft {
    width: calc(100% - 9/12);
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.az-kl-cart .az-kl-list {
    padding: 10px 20px;
    background-color: black;
}

.az-kl-bg-cart {
    background-size: cover;
    background-image: url(http://cdn.softaz.vn/data/Template/337537d2-d016-4c7b-be4b-3cd5e7b0f5a8//media/bg.png);
    min-height: 100vh;
}
.az-kl-colleft {
    background-color: black;
}
.az-kl-cart .az-kl-colleft .az-kl-list {
    padding: 10px 20px;
}
.az-kl-cart .az-kl-colleft .az-kl-list .az-kl-title-list-cart {
    margin-bottom: 10px;
    color: white;
    font-weight: 700;
    line-height: 35px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.574);
}
.az-kl-cart .az-kl-colleft .az-kl-list .az-kl-nameproduct {
    color: white;
}
.az-kl-list .az-kl-title-list-cart {
    margin-bottom: 10px;
    color: white;
    font-weight: 700;
    line-height: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.574);
}
.az-kl-cart .az-kl-colleft .az-kl-list .az-kl-cancel {
    margin-bottom: 10px;
    display: block;
    color: #ECAE20;
}
.az-kl-list .az-kl-nameproduct {
    color: white;
}
.az-kl-list .az-kl-cancel {
    margin-bottom: 10px;
    display: block;
    color: #ECAE20;
}
.az-kl-cart .az-kl-colleft .az-kl-list .az-kl-quantity {
    display: flex;
    align-items: center;
}
.az-kl-cart .az-kl-colleft .az-kl-list .az-kl-is-form {
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    width: 40px;
    height: 40px;
    border: 0;
    border: 1px solid white;
    background-color: black;
}
.az-kl-cart a {
    text-decoration: none !important;
}
.az-kl-cart .az-kl-colleft .az-kl-list .az-kl-input-qty {
    outline: none;
    border: none;
    border: 1px solid white;
    width: 80px;
    height: 40px;
}
.az-kl-cart .az-kl-colleft .az-kl-list .az-kl-right {
    color: #ECAE20;
}
.az-kl-price-lg-none {
    display: none;
}
.az-kl-button-update {
    padding: 0 10px 20px 10px;
    display: flex;
    justify-content: space-between;
}
.az-kl-button-update button {
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
}
.az-kl-button-update button i {
    
    margin-right: 10px;
}
.az-kl-button-update button.az-kl-out {
    background-color: rgb(172, 34, 3);
}
.az-kl-button-update button.az-kl-update {
    background-color: #ECAE20;
}
.az-kl-button-update button a {
    font-size: 20px;
    color: white;
}
.az-kl-list .az-kl-submit {
    background-color: transparent;
}
.az-kl-list .az-kl-total {
    color: white;
}
.az-kl-list .az-kl-total span {
    color: #ECAE20;
    font-weight: 700;
}
.az-kl-information-customer {
    padding: 10px 20px;
    background-color: black;
}
.az-kl-customer .az-kl-information-customer label {
    color: white;
    font-weight: 700;
    display: block;
}
.az-kl-customer .az-kl-information-customer input {
    background-color: rgba(255, 255, 255, 0.893);
    border: 1px white solid;
    border-radius: 4px;
    width: 100%;
    outline: none;
    padding: 3px 10px;
}
.az-kl-customer .az-kl-information-customer select {
    outline: none;
    background-color: rgba(255, 255, 255, 0.893);
    width: 408px !important;
    padding: 3px 10px;
    border-radius: 4px;
}
.az-kl-myphone::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0 !important;
}
.az-kl-customer .az-kl-information-customer textarea {
    outline: none;
    background-color: rgba(255, 255, 255, 0.893);
    width: 100% !important;
    padding: 3px 10px;
    border-radius: 4px;
}
.az-kl-information-customer .az-kl-submit {
    background-color: transparent;
    margin: 10px 0;
}
.az-kl-information-customer .az-kl-submit button {
    padding: 10px 20px;
    font-weight: 700;
    color: white;
    background-color: #ECAE20;
    border: none;
    border-radius: 4px;
}
.az-kl-customer h4 {
    color: #ECAE20;
    margin-bottom: 10px;
}
.az-kl-list-cart-checkout {
    line-height: 35px;
    color: white; 
    margin-bottom: 10px; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.574);

}
.az-kl-list .az-kl-total {
    font-weight: 700;
    text-align: right;
}
.az-kl-customer .az-kl-submit button {
    padding: 10px 20px;
    border-radius: 4px;
    border: none;
    background-color: #ECAE20;
    color: white;
    font-weight: 700;
}
.az-kl-customer .az-kl-list label {
    color: white;
}
.az-kl-customer .az-kl-list span {
    color: white;
}
.az-kl-loichuc {
    margin: 30px auto;
    color: white;
    max-width: 800px;
}
.az-kl-loichuc h4 {
    color: #ECAE20;
}
.az-kl-loichuc a {
    font-weight: 700;
    line-height: 30px;
    color: #ECAE20;
}
.az-kl-list-cart-nothing {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.az-kl-list-cart-nothing h1 {
    color: #ECAE20;
    margin-bottom: 30px !important;
}
.az-kl-list-cart-nothing .az-kl-home:hover a {
    background-color: white;
    color: #ECAE20;
}
.az-kl-list-cart-nothing .az-kl-home a {
    text-decoration: none;
    color: white;
    padding: 10px 20px;
    background-color: #ECAE20;
    border: 1px solid #ECAE20;
    border-radius: 4px;
    transition: 0.3s all ease-in-out;
    
}
:where(.az-kl-site) .select2 {
    width: 100% !important;
}
@media screen and (max-width:556px) {
    :where(.az-kl-site) .select2 {
        width: 100% !important;
    }
    .az-kl-catalog h1 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }
    .az-kl-catalog .az-kl-gallery .az-kl-image {
        padding: 15px;
        width: calc(100% * 2/4);
    }
    .az-kl-gallery-inner {
        max-width: 300px;
        width: 300px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .az-kl-cart .az-kl-steps {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
        border-top: 1px solid #ECAE20;
    }
    .az-kl-cart .az-kl-status {
        width: calc(100% * 3/12);
        margin-right: 10px;
        font-size: 12px;
        font-weight: 600;
        color: white;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }
    .az-kl-price-sm-none {
        display: none !important;
    }
    .az-kl-price-lg-none {
        display: block;
    }
    .az-kl-button-update {
        padding: 0 10px 20px 10px;
        display: block !important;
        justify-content: space-between;
    }
    .az-kl-button-update button {
        width: 100%;
        padding: 5px 10px;
        border: none;
        border-radius: 4px;
    }
    .az-kl-button-update button.az-kl-out {
        background-color: rgb(172, 34, 3);
        margin-bottom: 10px;
    }
    .az-kl-customer .az-kl-information-customer label {
        color: white;
        font-weight: 700;
        display: block;
        font-size: 12px;
    }
    .az-kl-customer .az-kl-information-customer select {
        width: 250px !important;
        padding: 3px 10px;
        border-radius: 4px;
    }
    .az-kl-customer .az-kl-list {
        font-size: 10px;
    }
}

/* ---------------------------------------------------------------------
   7. khoi style trong Product.cshtml #0
   --------------------------------------------------------------------- */
.az-kl-bh{--klbh-gold:#ECAE20;--klbh-gold-2:#F5C24C;--klbh-panel:#121212;--klbh-cell:#161616;--klbh-line:#2A2A2A;--klbh-text:#F2F2F2;--klbh-text-2:#BDBDBD;--klbh-muted:#9E9E9E;--klbh-red:#FF6B6B;color:var(--klbh-text);padding:40px 0 72px;line-height:1.5;font-size:16px}
            .az-kl-bh *{box-sizing:border-box}
            .az-kl-bh .az-kl-bh-wrap{width:100%;max-width:1172px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:32px}
            .az-kl-bh h1,.az-kl-bh h2{color:#FFFFFF;margin:0;font-weight:600}
            .az-kl-bh p{margin:0}
            .az-kl-bh-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
            .az-kl-bh-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0 4px}
            .az-kl-bh-eyebrow{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--klbh-gold);font-weight:600}
            .az-kl-bh .az-kl-bh-title{font-size:40px;line-height:1.15;letter-spacing:.03em;text-transform:uppercase}
            .az-kl-bh .az-kl-bh-lead,.az-kl-bh .az-kl-bh-sub,.az-kl-bh .az-kl-bh-note{color:var(--klbh-text-2)!important;line-height:1.6;text-wrap:balance}
            .az-kl-bh .az-kl-bh-lead{max-width:560px}
            .az-kl-bh .az-kl-bh-note{max-width:620px}
            .az-kl-bh-search{margin-top:10px;width:100%;max-width:640px;display:flex;gap:10px}
            .az-kl-bh-search input{flex:1 1 auto;min-width:0;height:52px;padding:0 18px;letter-spacing:.03em}
            .az-kl-bh-search .az-kl-bh-btn{flex:0 0 auto;height:52px;min-height:0;padding:0 26px}
            .az-kl-bh input,.az-kl-bh textarea{background:#0B0B0B;border:1px solid #333333;border-radius:10px;color:#FFFFFF;font-size:16px;outline:none;margin:0;box-shadow:none}
            .az-kl-bh input::placeholder,.az-kl-bh textarea::placeholder{color:#7E7E7E;opacity:1}
            .az-kl-bh input:focus,.az-kl-bh textarea:focus{border-color:var(--klbh-gold);box-shadow:0 0 0 3px rgba(236,174,32,.18)}
            .az-kl-bh input.az-kl-error,.az-kl-bh textarea.az-kl-error{border-color:var(--klbh-red)}
            .az-kl-bh .az-kl-bh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;border:1px solid var(--klbh-gold);background:var(--klbh-gold);color:#111111;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
            .az-kl-bh .az-kl-bh-btn:hover,.az-kl-bh .az-kl-bh-btn:focus-visible,.az-kl-bh #LookupSubmit:hover,.az-kl-bh #LookupSubmit:focus-visible{background:var(--klbh-gold-2);border-color:var(--klbh-gold-2);color:#111111}
            .az-kl-bh .az-kl-bh-btn-line{background:transparent;color:var(--klbh-gold)}
            .az-kl-bh .az-kl-bh-btn-line:hover,.az-kl-bh .az-kl-bh-btn-line:focus-visible{background:rgba(236,174,32,.12);border-color:var(--klbh-gold-2);color:var(--klbh-gold-2)}
            .az-kl-bh .az-kl-bh-btn-up{text-transform:uppercase;letter-spacing:.06em}
            .az-kl-bh .az-kl-bh-btn svg{flex:0 0 auto}
            .az-kl-bh-panel{background:var(--klbh-panel);border:1px solid var(--klbh-line);border-radius:16px;padding:28px}
            .az-kl-bh .az-kl-bh-h2{font-size:22px;text-transform:uppercase;letter-spacing:.04em}
            .az-kl-bh-result{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch}
            .az-kl-bh-media{flex:1 1 300px;max-width:420px;min-height:300px;background:#F5F5F5;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}
            .az-kl-bh-media a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
            .az-kl-bh-media img{display:block;max-width:100%;max-height:388px;width:auto;height:auto;object-fit:contain}
            .az-kl-bh-info{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}
            .az-kl-bh-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
            .az-kl-bh-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #3A3A3A;border-radius:999px;font-size:13px;color:var(--klbh-text-2)}
            .az-kl-bh-chip strong{color:#FFFFFF;letter-spacing:.04em;font-weight:600;word-break:break-all}
            .az-kl-bh-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}
            .az-kl-bh-badge-con{background:rgba(236,174,32,.14);border:1px solid rgba(236,174,32,.5);color:var(--klbh-gold-2)}
            .az-kl-bh-badge-het{background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.45);color:#FF9A9A}
            .az-kl-bh-badge-chua{background:rgba(255,255,255,.06);border:1px solid #3A3A3A;color:#D0D0D0}
            .az-kl-bh .az-kl-bh-name{font-size:26px;line-height:1.3}
            .az-kl-bh .az-kl-bh-name a{color:#FFFFFF;text-decoration:none}
            .az-kl-bh .az-kl-bh-name a:hover{color:var(--klbh-gold-2)}
            .az-kl-bh-sku{margin-top:8px;font-size:14px;color:var(--klbh-muted)}
            .az-kl-bh-sku span{color:#E0E0E0}
            .az-kl-bh .az-kl-bh-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--klbh-line);border:1px solid var(--klbh-line);border-radius:12px;overflow:hidden}
            .az-kl-bh .az-kl-bh-facts > div{background:var(--klbh-cell);padding:14px 16px}
            .az-kl-bh .az-kl-bh-facts dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--klbh-muted);font-weight:400}
            .az-kl-bh .az-kl-bh-facts dd{margin:4px 0 0;font-size:17px;color:#FFFFFF}
            .az-kl-bh .az-kl-bh-facts dd:empty::before{content:"\2014";color:var(--klbh-muted)}
            .az-kl-bh .az-kl-bh-facts dd.az-kl-bh-hl{color:var(--klbh-gold-2);font-weight:600}
            .az-kl-bh .az-kl-bh-facts dd.az-kl-bh-hl-het{color:#FF9A9A;font-weight:600}
            .az-kl-bh-bar-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--klbh-muted)}
            .az-kl-bh-bar-head b{color:var(--klbh-gold-2);font-weight:600}
            .az-kl-bh-bar{display:block;width:100%;margin-top:8px;height:8px;border:0;background:#262626;border-radius:999px;overflow:hidden;-webkit-appearance:none;appearance:none;color:var(--klbh-gold)}
.az-kl-bh-bar::-webkit-progress-bar{background:#262626;border-radius:999px}
.az-kl-bh-bar::-webkit-progress-value{background:var(--klbh-gold);border-radius:999px}
.az-kl-bh-bar::-moz-progress-bar{background:var(--klbh-gold);border-radius:999px}
            
            .az-kl-bh-price{font-size:14px;color:var(--klbh-muted)}
            .az-kl-bh-price strong{color:#FFFFFF;font-weight:600}
            .az-kl-bh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
            .az-kl-bh-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 28px}
            .az-kl-bh-empty .az-kl-bh-actions{justify-content:center;margin-top:6px}
            .az-kl-bh-empty-icon{width:72px;height:72px;border-radius:50%;border:1px solid rgba(236,174,32,.5);background:rgba(236,174,32,.08);display:flex;align-items:center;justify-content:center;color:var(--klbh-gold)}
            .az-kl-bh .az-kl-bh-empty h2{font-size:26px;line-height:1.3}
            .az-kl-bh-code{display:inline-block;max-width:100%;padding:6px 16px;border:1px dashed rgba(236,174,32,.6);border-radius:999px;color:var(--klbh-gold-2);font-size:15px;letter-spacing:.05em;word-break:break-all}
            .az-kl-bh-guide{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
            .az-kl-bh-guide-img{flex:1 1 340px;min-width:0;background:#FFFFFF;border-radius:12px;overflow:hidden}
            .az-kl-bh-guide-img img{display:block;width:100%;height:auto}
            .az-kl-bh-guide-text{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:18px}
            .az-kl-bh-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
            .az-kl-bh-steps li{display:flex;gap:14px;align-items:flex-start;color:#D6D6D6;line-height:1.6}
            .az-kl-bh-steps li > b{flex:0 0 32px;height:32px;border-radius:50%;background:var(--klbh-gold);color:#111111;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
            .az-kl-bh-steps li > span{padding-top:4px}
            .az-kl-bh-request{display:flex;flex-direction:column;gap:24px;padding:32px 28px}
            .az-kl-bh-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
            .az-kl-bh .az-kl-bh-head .az-kl-bh-h2,.az-kl-bh .az-kl-bh-video .az-kl-bh-h2{font-size:24px}
            .az-kl-bh-rule{width:56px;height:3px;background:var(--klbh-gold);border-radius:2px}
            .az-kl-bh .az-kl-form{display:flex;flex-direction:column;gap:24px}
            .az-kl-bh .az-kl-form > p{text-align:center;font-size:17px;line-height:1.7;padding:16px;background:rgba(236,174,32,.1);border:1px solid rgba(236,174,32,.45);border-radius:12px}
            .az-kl-bh-cols{display:flex;flex-wrap:wrap;gap:28px}
            .az-kl-bh .az-kl-bh-cols fieldset{flex:1 1 320px;min-width:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:14px}
            .az-kl-bh .az-kl-bh-cols legend{float:none;width:auto;padding:0;margin:0 0 14px;font-size:13px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--klbh-gold);font-weight:600}
            .az-kl-bh .az-kl-bh-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:14px;color:#C9C9C9}
            .az-kl-bh .az-kl-bh-field input{width:100%;height:48px;padding:0 16px}
            .az-kl-bh .az-kl-bh-field textarea{width:100%;min-height:136px;padding:12px 16px;line-height:1.5;resize:vertical}
            .az-kl-bh-submit{display:flex;justify-content:center}
            .az-kl-bh .az-kl-bh-submit .az-kl-bh-btn{min-width:240px;min-height:50px}
            .az-kl-bh .az-kl-loading{display:none;width:64px;margin:8px auto}
            .az-kl-bh .az-kl-result{display:none;padding:14px 16px;font-size:15px;line-height:1.7;color:#FFB3B3;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.45);border-radius:12px;text-align:center}
            .az-kl-bh .az-kl-result a{color:var(--klbh-gold);font-size:15px}
            .az-kl-bh .az-kl-result i{margin-right:8px}
            .az-kl-bh-video{display:flex;flex-direction:column;gap:18px}
            .az-kl-bh .az-kl-bh-video .az-kl-bh-h2{text-align:center}
            .az-kl-bh-ratio{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#0B0B0B;border:1px solid var(--klbh-line)}
            .az-kl-bh-ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
            @media (max-width: 767.98px){
                .az-kl-bh{padding:24px 0 56px}
                .az-kl-bh .az-kl-bh-wrap{gap:24px}
                .az-kl-bh .az-kl-bh-title{font-size:30px}
                .az-kl-bh-eyebrow{font-size:12px;letter-spacing:.2em}
                .az-kl-bh-panel{padding:16px;border-radius:14px}
                .az-kl-bh-request{padding:22px 16px}
                .az-kl-bh-empty{padding:28px 16px}
                .az-kl-bh-media{max-width:none;min-height:220px}
                .az-kl-bh .az-kl-bh-name,.az-kl-bh .az-kl-bh-empty h2{font-size:21px}
                .az-kl-bh .az-kl-bh-facts > div{padding:12px}
                .az-kl-bh .az-kl-bh-facts dt{font-size:11px;letter-spacing:.06em}
                .az-kl-bh .az-kl-bh-facts dd{font-size:15px}
                .az-kl-bh .az-kl-bh-actions .az-kl-bh-btn,.az-kl-bh .az-kl-bh-submit .az-kl-bh-btn{width:100%}
                .az-kl-bh .az-kl-bh-h2,.az-kl-bh .az-kl-bh-head .az-kl-bh-h2,.az-kl-bh .az-kl-bh-video .az-kl-bh-h2{font-size:20px}
                .az-kl-bh-search{gap:8px}
                .az-kl-bh-search input{height:50px;padding:0 14px}
                .az-kl-bh-search .az-kl-bh-btn{height:50px;padding:0 16px}
            }
        
.az-kl-bh .az-kl-loading.az-kl-show,.az-kl-bh .az-kl-result.az-kl-show{display:block}

/* ---------------------------------------------------------------------
   7. khoi style trong Product.cshtml #1
   --------------------------------------------------------------------- */
.az-kl-page-product-detail .az-kl-box-fix a { color: black !important; }

/* ---------------------------------------------------------------------
   8. Thay thuoc tinh style trong view : lop az-kl-u-* (do uu tien 2,1,0 - thang moi selector nhu style inline cu)
   --------------------------------------------------------------------- */
/* az-kl-u-tacenter-m200 : 404 */
.az-kl-u-tacenter-m200:not(#az-kl-u):not(#az-kl-u) {
    text-align: center;
    margin: 20px 0;
}
/* az-kl-u-mb15 : CartInfo */
.az-kl-u-mb15:not(#az-kl-u):not(#az-kl-u) {
    margin-bottom: 15px;
}
/* az-kl-u-fs24-fw700-cgold : CartInfo */
.az-kl-u-fs24-fw700-cgold:not(#az-kl-u):not(#az-kl-u) {
    font-size: 24px;
    font-weight: 700;
    color: #ECAE20;
}
/* az-kl-u-h80-rsnone : CartInfo */
.az-kl-u-h80-rsnone:not(#az-kl-u):not(#az-kl-u) {
    height: 80px;
    resize: none;
}
/* az-kl-u-cgoldi-fw600i : CartInfo, Payment, PaymentReturn */
.az-kl-u-cgoldi-fw600i:not(#az-kl-u):not(#az-kl-u) {
    color: #ECAE20 !important;
    font-weight: 600 !important;
}
/* az-kl-u-w100pc : CartList, Catalog */
.az-kl-u-w100pc:not(#az-kl-u):not(#az-kl-u) {
    width: 100%;
}
/* az-kl-u-pl0-pr0 : CartList */
.az-kl-u-pl0-pr0:not(#az-kl-u):not(#az-kl-u) {
    padding-left: 0;
    padding-right: 0;
}
/* az-kl-u-fw600-cwhite : CartList */
.az-kl-u-fw600-cwhite:not(#az-kl-u):not(#az-kl-u) {
    font-weight: 600;
    color: white;
}
/* az-kl-u-bgblack : Catalog */
.az-kl-u-bgblack:not(#az-kl-u):not(#az-kl-u) {
    background-color: black;
}
/* az-kl-u-pl30i : Catalog */
.az-kl-u-pl30i:not(#az-kl-u):not(#az-kl-u) {
    padding-left: 30px !important;
}
/* az-kl-u-bgwhite : Catalog */
.az-kl-u-bgwhite:not(#az-kl-u):not(#az-kl-u) {
    background: white;
}
/* az-kl-u-h16 : Catalog */
.az-kl-u-h16:not(#az-kl-u):not(#az-kl-u) {
    height: 16px;
}
/* az-kl-u-posrelative-ptmax60p-x : Catalog */
.az-kl-u-posrelative-ptmax60p-x:not(#az-kl-u):not(#az-kl-u) {
    position: relative;
    padding-top: max(60%,324px);
    width: 100%;
    height: 0;
}
/* az-kl-u-posabsolute-bdnone-x : Catalog */
.az-kl-u-posabsolute-bdnone-x:not(#az-kl-u):not(#az-kl-u) {
    position: absolute;
    border: none;
    width: 100%;
    left: 0;
    top: 0;
}
/* az-kl-u-cgold : Contact, Layout, Product */
.az-kl-u-cgold:not(#az-kl-u):not(#az-kl-u) {
    color: #ECAE20;
}
/* az-kl-u-lh1d5 : Contact */
.az-kl-u-lh1d5:not(#az-kl-u):not(#az-kl-u) {
    line-height: 1.5;
}
/* az-kl-u-bccollapse-w100pc : Contact */
.az-kl-u-bccollapse-w100pc:not(#az-kl-u):not(#az-kl-u) {
    border-collapse: collapse;
    width: 100%;
}
/* az-kl-u-h176-ofcontain : Contact */
.az-kl-u-h176-ofcontain:not(#az-kl-u):not(#az-kl-u) {
    height: 176px;
    object-fit: contain;
}
/* az-kl-u-bggold-cfff-x : Contact */
.az-kl-u-bggold-cfff-x:not(#az-kl-u):not(#az-kl-u) {
    background-color: #ECAE20;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 15px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: 0;
}
/* az-kl-u-p20-bdsolid1ebeb : Contact */
.az-kl-u-p20-bdsolid1ebeb:not(#az-kl-u):not(#az-kl-u) {
    padding: 20px;
    border: solid 1px #ebebeb;
}
/* az-kl-u-dnone : Contact */
.az-kl-u-dnone:not(#az-kl-u):not(#az-kl-u) {
    display: none;
}
/* az-kl-u-cred-fstitalic : Contact */
.az-kl-u-cred-fstitalic:not(#az-kl-u):not(#az-kl-u) {
    color: red;
    font-style: italic;
}
/* az-kl-u-p120-fw700-x : Contact */
.az-kl-u-p120-fw700-x:not(#az-kl-u):not(#az-kl-u) {
    padding: 12px 0;
    font-weight: 700;
    text-align: center;
    display: block;
    width: 100%;
    outline: 0!important;
    color: #fff;
    margin: auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #ECAE20;
}
/* az-kl-u-bd0 : Contact, Layout */
.az-kl-u-bd0:not(#az-kl-u):not(#az-kl-u) {
    border: 0;
}
/* az-kl-u-tdnone : Homepage, Product, Search, Service, app.js */
.az-kl-u-tdnone:not(#az-kl-u):not(#az-kl-u) {
    text-decoration: none;
}
/* az-kl-u-lh1-pt30-mb20 : Homepage, Service */
.az-kl-u-lh1-pt30-mb20:not(#az-kl-u):not(#az-kl-u) {
    line-height: 1;
    padding-top: 30px;
    margin-bottom: 20px;
}
/* az-kl-u-mb10 : Homepage */
.az-kl-u-mb10:not(#az-kl-u):not(#az-kl-u) {
    margin-bottom: 10px;
}
/* az-kl-u-posrelative : Homepage, Product */
.az-kl-u-posrelative:not(#az-kl-u):not(#az-kl-u) {
    position: relative;
}
/* az-kl-u-m100-c808080b0-fs12 : Homepage, News */
.az-kl-u-m100-c808080b0-fs12:not(#az-kl-u):not(#az-kl-u) {
    margin: 10px 0;
    color: #808080b0;
    font-size: 12px;
}
/* az-kl-u-pr10i : Homepage */
.az-kl-u-pr10i:not(#az-kl-u):not(#az-kl-u) {
    padding-right: 10px !important;
}
/* az-kl-u-lh1-pt30 : Homepage */
.az-kl-u-lh1-pt30:not(#az-kl-u):not(#az-kl-u) {
    line-height: 1;
    padding-top: 30px;
}
/* az-kl-u-tacenter : Intro, PaymentReturn */
.az-kl-u-tacenter:not(#az-kl-u):not(#az-kl-u) {
    text-align: center;
}
/* az-kl-u-ofcover : Intro */
.az-kl-u-ofcover:not(#az-kl-u):not(#az-kl-u) {
    object-fit: cover;
}
/* az-kl-u-mr10 : Layout */
.az-kl-u-mr10:not(#az-kl-u):not(#az-kl-u) {
    margin-right: 10px;
}
/* az-kl-u-fs25 : Layout */
.az-kl-u-fs25:not(#az-kl-u):not(#az-kl-u) {
    font-size: 25px;
}
/* az-kl-u-fs14-lh26 : Layout */
.az-kl-u-fs14-lh26:not(#az-kl-u):not(#az-kl-u) {
    font-size: 14px;
    line-height: 26px;
}
/* az-kl-u-mt50 : News */
.az-kl-u-mt50:not(#az-kl-u):not(#az-kl-u) {
    margin-top: 50px;
}
/* az-kl-u-fs28-fw700 : News */
.az-kl-u-fs28-fw700:not(#az-kl-u):not(#az-kl-u) {
    font-size: 28px;
    font-weight: 700;
}
/* az-kl-u-mw100pc : News */
.az-kl-u-mw100pc:not(#az-kl-u):not(#az-kl-u) {
    max-width: 100%;
}
/* az-kl-u-fs16-lh32 : Payment, PaymentReturn */
.az-kl-u-fs16-lh32:not(#az-kl-u):not(#az-kl-u) {
    font-size: 16px;
    line-height: 32px;
}
/* az-kl-u-cwhite : Product */
.az-kl-u-cwhite:not(#az-kl-u):not(#az-kl-u) {
    color: white;
}
/* az-kl-u-bge6e5e6 : Product */
.az-kl-u-bge6e5e6:not(#az-kl-u):not(#az-kl-u) {
    background: #e6e5e6;
}
/* az-kl-u-pt20i : Product */
.az-kl-u-pt20i:not(#az-kl-u):not(#az-kl-u) {
    padding-top: 20px !important;
}
/* az-kl-u-mw1200-mauto : Product */
.az-kl-u-mw1200-mauto:not(#az-kl-u):not(#az-kl-u) {
    max-width: 1200px;
    margin: auto;
}
/* az-kl-u-pr10 : Product */
.az-kl-u-pr10:not(#az-kl-u):not(#az-kl-u) {
    padding-right: 10px;
}
/* az-kl-u-z3-curgrab : Product */
.az-kl-u-z3-curgrab:not(#az-kl-u):not(#az-kl-u) {
    z-index: 3;
    cursor: grab;
}
/* az-kl-u-mt5 : Product, app.js */
.az-kl-u-mt5:not(#az-kl-u):not(#az-kl-u) {
    margin-top: 5px;
}
/* az-kl-u-w350-h154-x : Product */
.az-kl-u-w350-h154-x:not(#az-kl-u):not(#az-kl-u) {
    width: 350px;
    height: 154px;
    background: white;
    margin: 15px auto 0;
    display: block;
    transform: translateX(-4px);
    position: relative;
}
/* az-kl-u-w100pc-h100pc-ofcontain : Product */
.az-kl-u-w100pc-h100pc-ofcontain:not(#az-kl-u):not(#az-kl-u) {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* az-kl-u-posabsolute-t50pc-x : Product */
.az-kl-u-posabsolute-t50pc-x:not(#az-kl-u):not(#az-kl-u) {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    transform: translate(-50%, -50%);
    height: 50px;
}
/* az-kl-u-h100pc : Product */
.az-kl-u-h100pc:not(#az-kl-u):not(#az-kl-u) {
    height: 100%;
}
/* az-kl-u-fw600-fs20-tacenter-dblock : Product */
.az-kl-u-fw600-fs20-tacenter-dblock:not(#az-kl-u):not(#az-kl-u) {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    display: block;
}
/* az-kl-u-mb30 : Product */
.az-kl-u-mb30:not(#az-kl-u):not(#az-kl-u) {
    margin-bottom: 30px;
}
/* az-kl-u-minw48d1pc : Product */
.az-kl-u-minw48d1pc:not(#az-kl-u):not(#az-kl-u) {
    min-width: 48.1%;
}
/* az-kl-u-minw90 : Product */
.az-kl-u-minw90:not(#az-kl-u):not(#az-kl-u) {
    min-width: 90px;
}
/* az-kl-u-posabsolute-r0-x : Product */
.az-kl-u-posabsolute-r0-x:not(#az-kl-u):not(#az-kl-u) {
    position: absolute;
    right: 0;
    color: black;
    top: 50%;
    transform: translateY(-50%);
}
/* az-kl-u-ttuppercase-mb15 : Product */
.az-kl-u-ttuppercase-mb15:not(#az-kl-u):not(#az-kl-u) {
    text-transform: uppercase;
    margin-bottom: 15px;
}
/* az-kl-u-fs16-fw800 : Product */
.az-kl-u-fs16-fw800:not(#az-kl-u):not(#az-kl-u) {
    font-size: 16px;
    font-weight: 800;
}
/* az-kl-u-fw800 : Product, app.js */
.az-kl-u-fw800:not(#az-kl-u):not(#az-kl-u) {
    font-weight: 800;
}
/* az-kl-u-curpointer : Product */
.az-kl-u-curpointer:not(#az-kl-u):not(#az-kl-u) {
    cursor: pointer;
}
/* az-kl-u-ml10 : Product */
.az-kl-u-ml10:not(#az-kl-u):not(#az-kl-u) {
    margin-left: 10px;
}
/* az-kl-u-w100pc-h500 : Product */
.az-kl-u-w100pc-h500:not(#az-kl-u):not(#az-kl-u) {
    width: 100%;
    height: 500px;
}
/* az-kl-u-mb30i-jccenter : Product */
.az-kl-u-mb30i-jccenter:not(#az-kl-u):not(#az-kl-u) {
    margin-bottom: 30px !important;
    justify-content: center;
}
/* az-kl-u-mw1200-w100pci-mauto : Product */
.az-kl-u-mw1200-w100pci-mauto:not(#az-kl-u):not(#az-kl-u) {
    max-width: 1200px;
    width: 100% !important;
    margin: auto;
}
/* az-kl-u-mw1200 : Product */
.az-kl-u-mw1200:not(#az-kl-u):not(#az-kl-u) {
    max-width: 1200px;
}
/* az-kl-u-mw700-mauto : Product */
.az-kl-u-mw700-mauto:not(#az-kl-u):not(#az-kl-u) {
    max-width: 700px;
    margin: auto;
}
/* az-kl-u-cblacki : Product */
.az-kl-u-cblacki:not(#az-kl-u):not(#az-kl-u) {
    color: black  !important;
}
/* az-kl-u-credi-fstitalic : Product */
.az-kl-u-credi-fstitalic:not(#az-kl-u):not(#az-kl-u) {
    color: red !important;
    font-style: italic;
}
/* az-kl-u-w50pc : Product */
.az-kl-u-w50pc:not(#az-kl-u):not(#az-kl-u) {
    width: 50%;
}
/* az-kl-u-w1d5rem : Product */
.az-kl-u-w1d5rem:not(#az-kl-u):not(#az-kl-u) {
    width: 1.5rem;
}
/* az-kl-u-cgold-w1d5rem : Product */
.az-kl-u-cgold-w1d5rem:not(#az-kl-u):not(#az-kl-u) {
    color: #ECAE20;
    width: 1.5rem;
}
/* az-kl-u-cblacki-fs20-x : Product */
.az-kl-u-cblacki-fs20-x:not(#az-kl-u):not(#az-kl-u) {
    color: black  !important;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
/* az-kl-u-mt5-mb20 : Product */
.az-kl-u-mt5-mb20:not(#az-kl-u):not(#az-kl-u) {
    margin-top: 5px;
    margin-bottom: 20px;
}
/* az-kl-u-fw600-fs20-cgoldi : Product */
.az-kl-u-fw600-fs20-cgoldi:not(#az-kl-u):not(#az-kl-u) {
    font-weight: 600;
    font-size: 20px;
    color: #ECAE20 !important;
}
/* az-kl-u-p100 : Product */
.az-kl-u-p100:not(#az-kl-u):not(#az-kl-u) {
    padding: 10px 0;
}
/* az-kl-u-w130 : Product */
.az-kl-u-w130:not(#az-kl-u):not(#az-kl-u) {
    width: 130px;
}
/* az-kl-u-w220 : Product */
.az-kl-u-w220:not(#az-kl-u):not(#az-kl-u) {
    width: 220px;
}
/* az-kl-u-w50 : Product */
.az-kl-u-w50:not(#az-kl-u):not(#az-kl-u) {
    width: 50px;
}
/* az-kl-u-w80 : Product */
.az-kl-u-w80:not(#az-kl-u):not(#az-kl-u) {
    width: 80px;
}
/* az-kl-u-w85 : Product */
.az-kl-u-w85:not(#az-kl-u):not(#az-kl-u) {
    width: 85px;
}
/* az-kl-u-w70 : Product */
.az-kl-u-w70:not(#az-kl-u):not(#az-kl-u) {
    width: 70px;
}
/* az-kl-u-w40 : Product */
.az-kl-u-w40:not(#az-kl-u):not(#az-kl-u) {
    width: 40px;
}
/* az-kl-u-fs16-fw600-cgold : Product */
.az-kl-u-fs16-fw600-cgold:not(#az-kl-u):not(#az-kl-u) {
    font-size: 16px;
    font-weight: 600;
    color: #ECAE20;
}
/* az-kl-u-fs12 : Product */
.az-kl-u-fs12:not(#az-kl-u):not(#az-kl-u) {
    font-size: 12px;
}
/* az-kl-u-fs12-fw600-cgold : Product */
.az-kl-u-fs12-fw600-cgold:not(#az-kl-u):not(#az-kl-u) {
    font-size: 12px;
    font-weight: 600;
    color: #ECAE20;
}
/* az-kl-u-mt20 : Product */
.az-kl-u-mt20:not(#az-kl-u):not(#az-kl-u) {
    margin-top: 20px;
}
/* az-kl-u-mauto-ofcover : Product */
.az-kl-u-mauto-ofcover:not(#az-kl-u):not(#az-kl-u) {
    margin: auto;
    object-fit: cover;
}
/* az-kl-u-dblock-tacenter-x : Product */
.az-kl-u-dblock-tacenter-x:not(#az-kl-u):not(#az-kl-u) {
    display: block;
    text-align: center;
    color: white;
    padding: 0 20px;
}
/* az-kl-u-bg404 : Search */
.az-kl-u-bg404:not(#az-kl-u):not(#az-kl-u) {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/media/background-404.jpg);
}
/* az-kl-u-backbackground : Search */
.az-kl-u-backbackground:not(#az-kl-u):not(#az-kl-u) {
    backgroun: background;
}
/* az-kl-u-w100pc-h100pc-x : app.js */
.az-kl-u-w100pc-h100pc-x:not(#az-kl-u):not(#az-kl-u) {
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
/* az-kl-u-posabsolute-l0-x : app.js */
.az-kl-u-posabsolute-l0-x:not(#az-kl-u):not(#az-kl-u) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 590 / 332;
    width: 100%;
}

/* ---------------------------------------------------------------------
   9. styleladi.css (cu, trang landing Customer.cshtml)
   --------------------------------------------------------------------- */
:where(.az-kl-ladi, .az-kl-ladi *) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: UTM-Avo;
}
@font-face {
    font-family: UTM-Avo;
    src:url('/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/UTMAvo/UTMAvo.ttf') format('truetype');
    font-display: swap;
    font-weight:normal;
    font-style:normal;
}
.az-kl-ladi-containe {
    max-width: 1200px;
}
:where(.az-kl-ladi) header {
    background-color: rgb(28, 26, 25);
    height: 60px;
}
header .container .az-kl-ladi-logo {
    height: 60px;
    display: flex;
    align-items: center;
}
header .container .az-kl-ladi-logo img {
    height: 40px;
    
}
header .container .az-kl-ladi-menu .az-kl-ladi-item {
    display: flex;
    align-items: center;
    height: 100%;
}
header .container .az-kl-ladi-menu .az-kl-ladi-item div {
    padding: 3px 35px;
}
header .container .az-kl-ladi-menu .az-kl-ladi-item a {
    text-decoration: none;
    color: rgb(234, 232, 233);
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
}
header .container .az-kl-ladi-menu .az-kl-ladi-item .az-kl-ladi-item-contact {
    border-style: solid;
    border-color: rgba(249, 222, 163, 0.3);
    border-width: 1px;
    border-radius: 1000px;
    padding: 3px;
    animation-name: zoom;
    -webkit-animation-name: zoom;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
header .container .az-kl-ladi-menu .az-kl-ladi-item .az-kl-ladi-contact {
    cursor: pointer;
    background: linear-gradient(180deg, rgba(253, 234, 198, 1.0), rgba(250, 202, 104, 1.0));
    border-radius: 1000px;
    background-color: rgba(255, 255, 255, 0);
}
header .container .az-kl-ladi-menu .az-kl-ladi-item .az-kl-ladi-contact a {
    color: rgb(51, 40, 29);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 2.1;
}
@keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
section.az-kl-ladi-banner {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/Images/banner.png);
    background-size: cover;
}
section.az-kl-ladi-banner .az-kl-ladi-content {
    padding: 80px 0 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-logo {
    margin: 20px 0 30px;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-logo img {
    width: 125px;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-title {
    font-family: "Playfair Display", serif !important;
    color: rgb(242, 184, 121);
    font-size: 53px;
    text-align: center;
    letter-spacing: 3px;
    line-height: 1.6;
    font-weight: 600;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-sumnay {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/Images/yty.png);
    background-size: cover;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-sumnay {
    margin-bottom: 40px;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-sumnay .az-kl-ladi-text {
    text-align: center;
    padding: 5px 40px;
    font-size: 29px;
    color: rgb(255, 255, 255);
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group {
    position: relative;
    width: 325px;
    height: 80px;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE16 {
    position: absolute;
    left: 0;
    top: 0;
    
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE16 h3 {
    margin-top: 8px;
    color: rgb(255, 255, 255);
    font-size: 23px;
    font-weight: bold;
    text-align: right;
    line-height: 1.2;
    font-family: "Montserrat", sans-serif !important;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE17 {
    position: absolute;
    left: 70px;
    top: 0;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE17 h3 {
    color: rgb(209, 167, 121);
    font-size: 70px;
    font-weight: bold;
    text-align: right;
    line-height: 1;
    font-family: "Montserrat", sans-serif !important;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE18 {
    position: absolute;
    left: 195px;
    top: 0;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE18 h3 {
    color: rgb(209, 167, 121);
        font-size: 45px;
        font-weight: bold;
        text-align: right;
        line-height: 1.2;
    font-family: "Montserrat", sans-serif !important;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE19 {
    position: absolute;
    top: 0;
    left: 240px;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE19 h3 {
    margin-top: 8px;
    color: rgb(209, 167, 121);
        font-size: 17px;
        font-weight: bold;
        text-align: left;
        line-height: 1;
    font-family: "Montserrat", sans-serif !important;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE21 {
    position: absolute;
    top: 45px;
    left: 200px;
}
section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-group #HEADLINE21 h3 {
    color: rgb(255, 255, 255);
        font-size: 12px;
        line-height: 1.6;
    font-family: "Montserrat", sans-serif !important;
}
section.az-kl-ladi-banner .az-kl-ladi-content  .az-kl-ladi-item-contact {
    margin-top: 50px;
    border-style: solid;
    border-color: rgba(249, 222, 163, 0.3);
    border-width: 1px;
    border-radius: 1000px;
    padding: 3px;
    animation-name: zoom;
    -webkit-animation-name: zoom;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
section.az-kl-ladi-banner .az-kl-ladi-content  .az-kl-ladi-contact {
    cursor: pointer;
    background: linear-gradient(180deg, rgba(253, 234, 198, 1.0), rgba(250, 202, 104, 1.0));
    border-radius: 1000px;
    background-color: rgba(255, 255, 255, 0);
    padding: 8px 50px;
}
section.az-kl-ladi-banner .az-kl-ladi-content  .az-kl-ladi-contact a {
    color: rgb(51, 40, 29);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 2.1;
    text-decoration: none;
    font-weight: 600;
    
}
.az-kl-ladi-submit {
    cursor: pointer;
}
.az-kl-ladi-text {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

.az-kl-ladi-text span:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
  animation: showup 7s infinite;
}

.az-kl-ladi-text span:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

.az-kl-ladi-text span:last-of-type {
  margin-left:-355px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}
.az-kl-ladi-section2 {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/Images/banner-2.jpg);
    background-size: cover;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 {
    transform: translateY(-25%);
    position: relative;
    background-color: black;
    border-radius: 8px;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-pattern-background .az-kl-ladi-item1 {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-pattern-background .az-kl-ladi-item2 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-content {
    padding: 70px 0 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-content h2 {
    font-family: "Playfair Display", serif !important;
    color: rgb(228, 187, 136);
    font-size: 31px;
    text-align: center;
    letter-spacing: 3px;
    line-height: 1.6;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-content img {
    width: 200px;
    margin: auto;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-content p {
    color: rgb(226, 226, 226);
    font-size: 15px;
    text-align: center;
    line-height: 1.6;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    display: flex;
    align-items: center;
    padding: 0 30px 20px;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item {
    width: calc(4 / 12 *100%);
    padding: 0 15px;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item .az-kl-ladi-text {
    background: linear-gradient(90deg, rgba(77, 77, 77, 1.0), rgba(43, 40, 39, 1.0));
    border-radius: 8px;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item .az-kl-ladi-text div {
    height: 180px;
    display: flex;
    border-style: solid;
        border-color: rgb(91, 85, 81);
        border-width: 1px;
        border-radius: 8px;
        margin: 5px;
        align-items: center;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item .az-kl-ladi-text div img {
    width: 100px;
}
.az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item p {
    color: white;
    white-space: normal;
    padding: 0 15px;
}
.az-kl-ladi-section3 {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/Images/banner-3.jpg);
}
.az-kl-ladi-section3 .container .az-kl-ladi-content {
    padding: 70px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.az-kl-ladi-section3 .container .az-kl-ladi-content h2 {
    font-family: "Playfair Display", serif !important;
    color: rgb(228, 187, 136);
    font-size: 31px;
    text-align: center;
    letter-spacing: 3px;
    line-height: 1.6;
}
.az-kl-ladi-section4 {
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/Images/banner-4.jpg);
}
.az-kl-ladi-section4 .container h3 {
    padding: 70px 0 30px;
    display: flex;
    justify-content: center;
}
.az-kl-ladi-section4 .container h3 span{
    padding: 10px;
    text-align: center;
    background-size: contain;
    color: white;
    display: block;
    width: 300px;
    background-image: url(/data/Template/337537D2-D016-4C7B-BE4B-3CD5E7B0F5A8/Images/text-h3.png);
}
.az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an {
    position: relative;
}
.az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an .az-kl-ladi-item {
    padding: 0 15px;
    height: 320px;
}
.az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an .az-kl-ladi-item img {
    width: 100%;
    object-fit: contain;
}
.az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an .az-kl-ladi-pull-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
    z-index: 1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid white;
    color: white;
}
.az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an .az-kl-ladi-pull-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40px;
    z-index: 1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid white;
    color: white;
}
.az-kl-ladi-section5 {
    background-color: rgb(34, 32, 32);
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact {
    max-width: 1400px;
    margin: auto;
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact img {
    height: 100%;
    object-fit: cover;
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact .az-kl-ladi-list {
    padding: 30px;
    background-color: rgb(223, 223, 223);
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact .az-kl-ladi-list .az-kl-ladi-item input {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    background-color: gray;
    border: none;
    color: white;
    outline: none;
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact .az-kl-ladi-list .az-kl-ladi-item input::placeholder {
    color: white;
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact .az-kl-ladi-list .az-kl-ladi-item textarea {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    background-color: gray;
    border: none;
    color: white;
    outline: none;
    min-height: 100px;
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact .az-kl-ladi-list .az-kl-ladi-item textarea::placeholder {
    color: white;
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact .az-kl-ladi-list button {
    margin-top: 40px;
    color: rgb(51, 40, 29);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    background: linear-gradient(180deg, rgba(255, 230, 182, 1.0), rgba(225, 160, 28, 1.0));
    border: 0;
    padding: 12px 30px;
    border-radius: 20px;
}
.az-kl-ladi-section5 .az-kl-ladi-container-contact .az-kl-ladi-section-contact .az-kl-ladi-list p {
    
    color: rgb(60, 60, 60);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
:where(.az-kl-ladi) #countdown {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-around;
}
:where(.az-kl-ladi) #countdown p {
    color: rgb(60, 60, 60);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
:where(.az-kl-ladi) #countdown div {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(73, 71, 71);
    font-size: 12px;
    line-height: 1.6;
}
:where(.az-kl-ladi) #countdown div span {
    padding: 13px;
    font-weight: 700;
    font-size: 20px;
    color: white;
    text-align: center;
    display: block;
    width: 60px;
    height: 60px;
    background-color: rgb(109, 109, 109);
}
.az-kl-ladi-section6 {
    background-color: #302b25;
}
.az-kl-ladi-section6 .az-kl-ladi-container-intro {
    width: 2200px;
    margin: auto;
}
.az-kl-ladi-section6 .az-kl-ladi-container-intro .az-kl-ladi-intro {
    padding: 70px;
}
.az-kl-ladi-section6 .az-kl-ladi-container-intro .az-kl-ladi-intro .az-kl-ladi-text-intro {
    background-color: rgba(29, 26, 25, 0.9);
    width: 100%;
    height: 100%;
}
.az-kl-ladi-footer .az-kl-ladi-footer-bct {
    display: flex;
    justify-content: end;
}
.az-kl-ladi-khoicuoi {
    background: black;
    padding: 45px 15px 30px;
    color: white !important;
}
.az-kl-ladi-khoicuoi a {
    color: white !important;
}
.az-kl-ladi-erro {
    border: 1px red solid !important;
}


@media screen and (max-width : 556px) {
    .az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item {
        width: 100%;
    }
    .az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an .az-kl-ladi-pull-left {
        display: none !important;
    }
    .az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an .az-kl-ladi-pull-right {
        display: none !important;
    }
    section.az-kl-ladi-banner .az-kl-ladi-content .az-kl-ladi-sumnay .az-kl-ladi-text {
        width: 100%;
        padding: 5px 0;
        font-size: 22px;
    }
    section.az-kl-ladi-banner .az-kl-ladi-content {
        padding: 50px 0;
    }
    .az-kl-ladi-section2 .az-kl-ladi-box-1 {
        transform: translateY(0);
    }
    .az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list {
        padding: 0 10px 20px;
    }
    .az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item {
        padding: 0;
        margin-bottom: 15px;
    }
    section.az-kl-ladi-banner {
        background-position: center;
    }
    .az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-content h2 {
        font-size: 20px;
    }
    .az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-content {
        padding: 40px 0 10px;
    }
    .az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list {
        margin-top: 0;
    }
    .az-kl-ladi-section3 .container .az-kl-ladi-content h2 {
        font-size: 22px;
    }
    .az-kl-ladi-section3 .container .az-kl-ladi-content {
        padding: 40px 0;
    }
    .az-kl-ladi-section4 .container h3 {
        padding: 40px 0 30px;
    }
    .az-kl-ladi-section2 .az-kl-ladi-box-1 .az-kl-ladi-list .az-kl-ladi-item p {
        margin: 0 !important;
        font-size: 14px;
    }
    .az-kl-ladi-section4 .container .az-kl-ladi-slide-du-an .az-kl-ladi-item {
        height: auto !important;
    }
}





















































.az-kl-ladi-form-contact {
    /* display: none; */
    top: 0;
    left: 0;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.253);
    display: flex;
    align-items: center;
    justify-content: center;
}
.az-kl-ladi-form-contact .az-kl-ladi-form-contact-care {
    z-index: 10;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.253);
}
.az-kl-ladi-form-contact .az-kl-ladi-list {
    position: relative;
    z-index: 12;
    padding: 30px;
    background-color: rgb(223, 223, 223);
}
.az-kl-ladi-form-contact .az-kl-ladi-list .az-kl-ladi-item input {
    padding: 10px;
    width: 350px;
    margin-bottom: 10px;
    background-color: gray;
    border: none;
    color: white;
    outline: none;
}
.az-kl-ladi-form-contact .az-kl-ladi-list .az-kl-ladi-item input::placeholder {
    color: white;
}
.az-kl-ladi-form-contact .az-kl-ladi-list .az-kl-ladi-item textarea {
    padding: 10px;
    width: 350px;
    margin-bottom: 10px;
    background-color: gray;
    border: none;
    color: white;
    outline: none;
    min-height: 100px;
}
.az-kl-ladi-form-contact .az-kl-ladi-list .az-kl-ladi-item textarea::placeholder {
    color: white;
}
.az-kl-ladi-form-contact .az-kl-ladi-list button {
    margin-top: 40px;
    color: rgb(51, 40, 29);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    background: linear-gradient(180deg, rgba(255, 230, 182, 1.0), rgba(225, 160, 28, 1.0));
    border: 0;
    padding: 12px 30px;
}
.az-kl-ladi-form-contact p {
    
    color: rgb(60, 60, 60);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
:where(.az-kl-ladi) #countdown1 {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-around;
}
:where(.az-kl-ladi) #countdown1 p {
    color: rgb(60, 60, 60);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
:where(.az-kl-ladi) #countdown1 div {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(73, 71, 71);
    font-size: 12px;
    line-height: 1.6;
}
:where(.az-kl-ladi) #countdown1 div span {
    padding: 13px;
    font-weight: 700;
    font-size: 20px;
    color: white;
    text-align: center;
    display: block;
    width: 60px;
    height: 60px;
    background-color: rgb(109, 109, 109);
}

/* ---------------------------------------------------------------------
   10. Thay thuoc tinh style trong Customer.cshtml (trang landing)
   --------------------------------------------------------------------- */
/* az-kl-ladi-u-cred-fw600-fs14-fstitalic : Customer */
.az-kl-ladi-u-cred-fw600-fs14-fstitalic:not(#az-kl-u):not(#az-kl-u) {
    color: red;
    font-weight: 600;
    font-size: 14px;
    font-style: italic;
}
/* az-kl-ladi-u-fs25 : Customer */
.az-kl-ladi-u-fs25:not(#az-kl-u):not(#az-kl-u) {
    font-size: 25px;
}
/* az-kl-ladi-u-fs14-lh26 : Customer */
.az-kl-ladi-u-fs14-lh26:not(#az-kl-u):not(#az-kl-u) {
    font-size: 14px;
    line-height: 26px;
}
/* az-kl-ladi-u-bd0 : Customer */
.az-kl-ladi-u-bd0:not(#az-kl-u):not(#az-kl-u) {
    border: 0;
}

/* ---------------------------------------------------------------------
   11. MUA HANG (KL.WEB V3, 10/10/2026) - js/cart.js
       az-kl-buy-*       khoi mua o trang chi tiet san pham (nen XAM SANG #e6e5e6 cua khoi thong so -> nut den / vang)
       az-kl-minicart-*  hop "Da them vao gio hang"
       az-kl-shop-*      bon trang mua hang (Gio hang / Nhan hang / Thanh toan / Xac nhan), nen den - chu vang
       Luat chung cu can lui : moi the p "color: white !important" (js/cart.js khong dung the p) ; "li a" to vang, dem 5px ;
       moi the margin / padding 0 (:where) -> o day dat lai tuong minh.
   --------------------------------------------------------------------- */

/* Bieu tuong gio o dau trang : so tren nen vang ; 0 thi de trong va an */
.az-kl-site .az-kl-lengthcart.az-kl-lengthcart { top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
    background: #ECAE20; color: #111111 !important; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.az-kl-site .az-kl-lengthcart:empty { display: none; }

/* ---- Khoi mua (trang san pham) ---- */
.az-kl-buy { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin: 14px 0 6px; }
.az-kl-buy-qty { display: inline-flex; align-items: stretch; border: 1px solid #9E9E9E; border-radius: 10px; overflow: hidden; background: #FFFFFF; }
.az-kl-buy-step { width: 44px; min-height: 48px; border: 0; background: transparent; color: #111111; font-size: 20px; line-height: 1; cursor: pointer; }
.az-kl-buy-step:hover, .az-kl-buy-step:focus-visible { background: #EFEFEF; }
.az-kl-buy-input { width: 56px; border: 0; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; background: #FFFFFF; color: #111111;
    text-align: center; font-size: 17px; font-weight: 600; -moz-appearance: textfield; appearance: textfield; }
.az-kl-buy-input::-webkit-outer-spin-button, .az-kl-buy-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.az-kl-buy-add, .az-kl-buy-now { flex: 1 1 160px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px;
    padding: 0 18px; border-radius: 10px; font-size: 15px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }
.az-kl-buy-add { background: #111111; border: 1px solid #111111; color: #ECAE20; }
.az-kl-buy-add:hover, .az-kl-buy-add:focus-visible { background: #2B2B2B; border-color: #2B2B2B; color: #F5C24C; }
.az-kl-buy-now { background: #ECAE20; border: 1px solid #ECAE20; color: #111111; }
.az-kl-buy-now:hover, .az-kl-buy-now:focus-visible { background: #F5C24C; border-color: #F5C24C; }
.az-kl-buy button:focus-visible, .az-kl-buy-input:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
.az-kl-buy-busy button { opacity: .6; cursor: progress; }
.az-kl-buy-note { flex: 1 1 100%; font-size: 13px; line-height: 1.45; color: #4A4A4A; }
.az-kl-buy-contact { margin: 12px 0 4px; }
.az-kl-buy-call { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 10px; background: #111111;
    color: #ECAE20; font-weight: 600; text-decoration: none; }
.az-kl-buy-call:hover, .az-kl-buy-call:focus-visible { background: #2B2B2B; color: #F5C24C; }

/* ---- Hop "Da them vao gio hang" ---- */
.az-kl-minicart { position: fixed; top: 92px; right: 20px; z-index: 10050; width: 360px; max-width: calc(100vw - 32px); box-sizing: border-box;
    background: #151515; border: 1px solid #3A3A3A; border-radius: 16px; box-shadow: 0 18px 48px rgba(0, 0, 0, .6); padding: 16px;
    display: flex; flex-direction: column; gap: 12px; color: #F2F2F2; font-size: 15px; line-height: 1.45; }
.az-kl-minicart-head { display: flex; align-items: center; gap: 10px; }
.az-kl-minicart-ok { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: #ECAE20; color: #111111; display: flex; align-items: center; justify-content: center; }
.az-kl-minicart-title { flex: 1 1 auto; font-weight: 600; color: #FFFFFF; }
.az-kl-minicart-close { width: 40px; height: 40px; margin: -8px -8px -8px 0; border: 0; background: transparent; color: #BDBDBD; font-size: 26px; line-height: 1; cursor: pointer; }
.az-kl-minicart-close:hover, .az-kl-minicart-close:focus-visible { color: #FFFFFF; }
.az-kl-minicart-item { display: flex; gap: 12px; align-items: center; }
.az-kl-minicart-img { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 10px; background: #F5F5F5; object-fit: contain; display: block; }
.az-kl-minicart-info { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.az-kl-minicart-name { font-size: 14px; line-height: 1.35; color: #F2F2F2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.az-kl-minicart-meta { font-size: 13px; color: #BDBDBD; }
.az-kl-minicart-act { display: flex; gap: 10px; }
.az-kl-minicart-go { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 10px; background: #ECAE20;
    color: #111111; font-size: 14px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; }
.az-kl-minicart-go:hover, .az-kl-minicart-go:focus-visible { background: #F5C24C; color: #111111; }
.az-kl-minicart-more { flex: 0 0 auto; min-height: 46px; padding: 0 14px; border-radius: 10px; border: 1px solid #3A3A3A; background: transparent; color: #D6D6D6; font-size: 14px; cursor: pointer; }
.az-kl-minicart :focus-visible { outline: 2px solid #F5C24C; outline-offset: 2px; }
@media (max-width: 767.98px) {
    .az-kl-minicart { top: auto; bottom: 12px; left: 12px; right: 12px; width: auto; max-width: none; }
}

/* ---- Dau trang rut gon cua bon trang mua hang (Layout) ---- */
.az-kl-shop-head { position: sticky; top: 0; z-index: 1000; background: #000000; border-bottom: 1px solid #1F1F1F; }
.az-kl-shop-head-in { max-width: 1200px; margin: 0 auto; padding: 10px 16px; min-height: 68px; box-sizing: border-box; display: flex; align-items: center;
    justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.az-kl-shop-logo { display: block; flex: 0 0 auto; }
.az-kl-shop-logo img { display: block; width: 168px; height: 50px; object-fit: cover; object-position: 50% 64%; }   /* anh logo 4854x2500, chu chiem giua (cat le trong suot tren / duoi) */
.az-kl-shop-stepbar { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 6px; }
.az-kl-shop-st { display: flex; align-items: center; gap: 8px; color: #8A8A8A; font-size: 13px; font-weight: 600; }
.az-kl-shop-st + .az-kl-shop-st::before { content: ""; width: 28px; height: 1px; background: #3A3A3A; margin-right: 4px; }
.az-kl-shop-st-done + .az-kl-shop-st::before { background: #ECAE20; }
.az-kl-shop-st-no { flex: 0 0 28px; width: 28px; height: 28px; box-sizing: border-box; border-radius: 50%; border: 1px solid #3A3A3A; display: flex;
    align-items: center; justify-content: center; font-size: 13px; line-height: 1; }
.az-kl-shop-st-done { color: #D6D6D6; }
.az-kl-shop-st-done .az-kl-shop-st-no { background: #ECAE20; border-color: #ECAE20; color: #111111; }
.az-kl-shop-st-now { color: #F5C24C; }
.az-kl-shop-st-now .az-kl-shop-st-no { border: 2px solid #ECAE20; color: #F5C24C; }
.az-kl-shop-st-name { color: inherit; font-size: 13px; font-weight: 600; padding: 0; text-decoration: none; }
a.az-kl-shop-st-name:hover, a.az-kl-shop-st-name:focus-visible { color: #F5C24C; text-decoration: underline; text-underline-offset: 3px; }
.az-kl-shop-head-tel { color: #BDBDBD; font-size: 13px; text-decoration: none; white-space: nowrap; }
.az-kl-shop-head-tel b { color: #ECAE20; }
@media (max-width: 767.98px) {
    .az-kl-shop-head-in { gap: 10px; padding: 8px 12px 10px; min-height: 0; }
    .az-kl-shop-logo img { width: 112px; height: 34px; }
    .az-kl-shop-head-lead { display: none; }
    .az-kl-shop-stepbar { order: 3; width: 100%; gap: 4px; }
    .az-kl-shop-st { flex: 1 1 0; flex-direction: column; gap: 4px; font-size: 11px; text-align: center; }
    .az-kl-shop-st + .az-kl-shop-st::before { display: none; }
    .az-kl-shop-st-no { flex: 0 0 24px; width: 24px; height: 24px; font-size: 12px; }
    .az-kl-shop-st-name { font-size: 11px; }
}

/* ---- Khung trang ---- */
.az-kl-shop { display: block; color: #F2F2F2; font-size: 15px; line-height: 1.5; padding: 28px 0 80px; min-height: 60vh; }
.az-kl-shop-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.az-kl-shop-loading { padding: 80px 0; text-align: center; color: #9E9E9E; }
.az-kl-shop-headline { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 22px; }
.az-kl-shop-h1 { margin: 0; font-family: UTM-Banque, "Playfair Display", serif; font-size: 30px; font-weight: 400; line-height: 1.25; letter-spacing: .03em;
    text-transform: uppercase; color: #FFFFFF; }
.az-kl-shop-sub { color: #9E9E9E; }
.az-kl-shop-h2 { margin: 0; font-size: 19px; font-weight: 600; line-height: 1.35; color: #FFFFFF; }
.az-kl-shop-grid { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.az-kl-shop-main { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.az-kl-shop-side { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 92px; }
.az-kl-shop-panel, .az-kl-shop-box { background: #121212; border: 1px solid #2A2A2A; border-radius: 16px; box-sizing: border-box; }
.az-kl-shop-box { padding: 22px; display: flex; flex-direction: column; gap: 12px; }
.az-kl-shop-card { padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; }
.az-kl-shop-box-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.az-kl-shop-label { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #ECAE20; }
.az-kl-shop-link { color: #ECAE20; font-size: 14px; text-decoration: none; padding: 0; }
.az-kl-shop-link:hover, .az-kl-shop-link:focus-visible { color: #F5C24C; text-decoration: underline; text-underline-offset: 3px; }
.az-kl-shop-center { text-align: center; align-self: center; }
.az-kl-shop-hint { font-size: 13px; color: #8F8F8F; }
.az-kl-shop-muted { color: #9E9E9E; }
.az-kl-shop-text { color: #BDBDBD; }
.az-kl-shop-gold { color: #F5C24C; }
.az-kl-shop-note { font-size: 14px; color: #9E9E9E; }
.az-kl-shop-note a { color: #E6E6E6; font-weight: 600; text-decoration: none; padding: 0; }
.az-kl-shop-note a:hover { color: #F5C24C; }
.az-kl-shop :focus-visible { outline: 2px solid #F5C24C; outline-offset: 2px; }

/* ---- Nut ---- */
.az-kl-shop-btn, .az-kl-shop-btn-line { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 22px;
    box-sizing: border-box; border-radius: 10px; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase;
    text-align: center; text-decoration: none; cursor: pointer; }
.az-kl-shop-btn { background: #ECAE20; border: 1px solid #ECAE20; color: #111111; }
.az-kl-shop-btn:hover, .az-kl-shop-btn:focus-visible { background: #F5C24C; border-color: #F5C24C; color: #111111; }
.az-kl-shop-btn-line { background: transparent; border: 1px solid #ECAE20; color: #ECAE20; }
.az-kl-shop-btn-line:hover, .az-kl-shop-btn-line:focus-visible { background: rgba(236, 174, 32, .12); border-color: #F5C24C; color: #F5C24C; }
.az-kl-shop button:disabled, .az-kl-shop-alert button:disabled { opacity: .55; cursor: progress; }

/* ---- Ba dong tien ---- */
.az-kl-shop-sum { display: flex; flex-direction: column; gap: 10px; padding-top: 12px; border-top: 1px solid #2A2A2A; }
.az-kl-shop-sum-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; color: #BDBDBD; }
.az-kl-shop-sum-row > span { white-space: nowrap; }
.az-kl-shop-sum-row b { color: #FFFFFF; font-weight: 600; text-align: right; min-width: 0; }
.az-kl-shop-sum-row b.az-kl-shop-muted { color: #9E9E9E; font-weight: 400; }
.az-kl-shop-sum-total { padding-top: 10px; border-top: 1px solid #2A2A2A; color: #FFFFFF; font-weight: 600; }
.az-kl-shop-sum-total b { color: #ECAE20; font-size: 22px; font-weight: 700; }

/* ---- Dong san pham (trang Gio hang) ---- */
.az-kl-shop-items { display: flex; flex-direction: column; }
.az-kl-shop-item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 18px 22px; border-bottom: 1px solid #222222; }
.az-kl-shop-item:last-child { border-bottom: 0; }
.az-kl-shop-item.az-kl-shop-saving { opacity: .7; }
.az-kl-shop-thumb { display: block; width: 96px; height: 96px; border-radius: 12px; background: #F5F5F5; overflow: hidden; padding: 0; }
.az-kl-shop-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.az-kl-shop-thumb-sm { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 8px; }
.az-kl-shop-item-info { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.az-kl-shop-name { color: #FFFFFF; font-weight: 600; line-height: 1.35; text-decoration: none; padding: 0; font-size: 15px; }
a.az-kl-shop-name:hover, a.az-kl-shop-name:focus-visible { color: #F5C24C; }
.az-kl-shop-meta { font-size: 13px; color: #9E9E9E; }
.az-kl-shop-unit { font-size: 14px; color: #BDBDBD; }
.az-kl-shop-unit b { color: #FFFFFF; }
.az-kl-shop-del { min-height: 32px; padding: 4px 0; border: 0; background: transparent; color: #9E9E9E; font-size: 13px; text-decoration: underline;
    text-underline-offset: 3px; cursor: pointer; }
.az-kl-shop-del:hover, .az-kl-shop-del:focus-visible { color: #FF9A9A; }
.az-kl-shop-item-act { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.az-kl-shop-qty { display: inline-flex; border: 1px solid #3A3A3A; border-radius: 10px; overflow: hidden; background: #0B0B0B; }
.az-kl-shop-qty button { width: 44px; height: 44px; border: 0; background: transparent; color: #F2F2F2; font-size: 20px; line-height: 1; cursor: pointer; }
.az-kl-shop-qty button:hover { background: #1E1E1E; }
.az-kl-shop-qty input { width: 52px; border: 0; border-left: 1px solid #2A2A2A; border-right: 1px solid #2A2A2A; background: transparent; color: #FFFFFF;
    text-align: center; font-size: 16px; font-weight: 600; -moz-appearance: textfield; appearance: textfield; }
.az-kl-shop-qty input::-webkit-outer-spin-button, .az-kl-shop-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.az-kl-shop-line { display: flex; flex-direction: column; align-items: flex-end; font-size: 13px; color: #9E9E9E; }
.az-kl-shop-line b { font-size: 17px; color: #ECAE20; }
@media (max-width: 575.98px) {
    .az-kl-shop { padding-top: 20px; }
    .az-kl-shop-h1 { font-size: 22px; }
    .az-kl-shop-hero .az-kl-shop-h1 { font-size: 22px; }
    .az-kl-shop-card { padding: 18px 16px; }
    .az-kl-shop-box { padding: 18px 16px; }
    .az-kl-shop-item { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; padding: 14px; }
    .az-kl-shop-thumb { width: 72px; height: 72px; }
    .az-kl-shop-item-act { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
}

/* ---- Dong gon (cot phai) + thong tin nhan hang + khoi an tam ---- */
.az-kl-shop-mini { display: flex; gap: 12px; align-items: center; font-size: 14px; }
.az-kl-shop-mini-name { flex: 1 1 auto; min-width: 0; color: #D6D6D6; }
.az-kl-shop-mini-name b { color: #FFFFFF; }
.az-kl-shop-mini-note { display: block; font-size: 12px; color: #9E9E9E; }
.az-kl-shop-mini-sum { white-space: nowrap; color: #FFFFFF; }
.az-kl-shop-recv { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #D6D6D6; }
.az-kl-shop-recv b { color: #FFFFFF; }
.az-kl-shop-trust { list-style: none; margin: 0; padding: 16px 18px; box-sizing: border-box; border: 1px solid #222222; border-radius: 16px; background: #0F0F0F;
    display: flex; flex-direction: column; gap: 10px; font-size: 14px; color: #D6D6D6; }
.az-kl-shop-trust li { position: relative; padding-left: 26px; }
.az-kl-shop-trust li::before { content: ""; position: absolute; left: 2px; top: 5px; width: 12px; height: 7px; border-left: 2px solid #ECAE20; border-bottom: 2px solid #ECAE20; transform: rotate(-45deg); }
.az-kl-shop-trust a { color: #ECAE20; font-size: inherit; padding: 0; text-decoration: none; }
.az-kl-shop-trust a:hover { color: #F5C24C; text-decoration: underline; }

/* ---- Bieu mau nhan hang ---- */
.az-kl-shop-form { padding: 26px; display: flex; flex-direction: column; gap: 16px; }
.az-kl-shop-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.az-kl-shop-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.az-kl-shop-field label { margin: 0; font-size: 14px; color: #C9C9C9; }
.az-kl-shop-req label::after { content: " *"; color: #ECAE20; }
.az-kl-shop-opt { color: #8A8A8A; font-size: 13px; }
.az-kl-shop-field input, .az-kl-shop-field select, .az-kl-shop-field textarea { width: 100%; min-height: 48px; padding: 0 14px; box-sizing: border-box;
    background: #0B0B0B; border: 1px solid #333333; border-radius: 10px; color: #FFFFFF; font-size: 16px; outline: none; box-shadow: none; }
.az-kl-shop-field textarea { min-height: 96px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.az-kl-shop-field select option { background: #0B0B0B; color: #FFFFFF; }
.az-kl-shop-field input::placeholder, .az-kl-shop-field textarea::placeholder { color: #7E7E7E; opacity: 1; }
.az-kl-shop-field input:focus, .az-kl-shop-field select:focus, .az-kl-shop-field textarea:focus { border-color: #ECAE20; box-shadow: 0 0 0 3px rgba(236, 174, 32, .18); }
.az-kl-shop-field .az-kl-shop-bad { border-color: #FF6B6B; }
.az-kl-shop-err { font-size: 13px; color: #FF9A9A; }
.az-kl-shop-err:empty { display: none; }
.az-kl-shop-combo { position: relative; }
.az-kl-shop-combo-list { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30; max-height: 280px; overflow-y: auto; list-style: none; margin: 0;
    padding: 6px; box-sizing: border-box; background: #161616; border: 1px solid #3A3A3A; border-radius: 12px; box-shadow: 0 14px 36px rgba(0, 0, 0, .55); }
.az-kl-shop-combo-list li { padding: 10px 12px; border-radius: 8px; color: #E6E6E6; font-size: 15px; cursor: pointer; }
.az-kl-shop-combo-list li.az-kl-shop-on, .az-kl-shop-combo-list li:hover { background: rgba(236, 174, 32, .14); color: #FFFFFF; }
.az-kl-shop-combo-list li.az-kl-shop-combo-none { color: #9E9E9E; background: transparent; cursor: default; }
@media (max-width: 575.98px) {
    .az-kl-shop-cols { grid-template-columns: minmax(0, 1fr); }
    .az-kl-shop-form { padding: 18px 16px; }
}

/* ---- Thanh toan ---- */
.az-kl-shop-card-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.az-kl-shop-no { flex: 0 0 30px; width: 30px; height: 30px; box-sizing: border-box; border-radius: 50%; background: #ECAE20; color: #111111; font-weight: 700;
    display: flex; align-items: center; justify-content: center; }
.az-kl-shop-no-line { background: transparent; border: 1px solid #ECAE20; color: #ECAE20; }
.az-kl-shop-badge { padding: 4px 12px; border-radius: 999px; background: rgba(236, 174, 32, .14); border: 1px solid rgba(236, 174, 32, .5); color: #F5C24C; font-size: 12px; font-weight: 600; }
.az-kl-shop-panel.az-kl-shop-qrcard { border-color: #ECAE20; }
.az-kl-shop-qr { display: flex; flex-wrap: wrap; gap: 22px; align-items: flex-start; }
.az-kl-shop-qr-left { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.az-kl-shop-qr-box { width: 236px; height: 236px; box-sizing: border-box; padding: 8px; border-radius: 12px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.az-kl-shop-qr-box canvas, .az-kl-shop-qr-box img { display: block; max-width: 100%; height: auto; }
.az-kl-shop-qr-box .az-kl-shop-muted { color: #555555; }
.az-kl-shop-qr-left .az-kl-shop-btn-line { min-height: 44px; font-size: 13px; padding: 0 16px; }
.az-kl-shop-qr-info { flex: 1 1 260px; min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 1px; background: #2A2A2A; border: 1px solid #2A2A2A;
    border-radius: 12px; overflow: hidden; }
.az-kl-shop-qr-info:empty { display: none; }
.az-kl-shop-qr-row { display: flex; justify-content: space-between; gap: 12px; padding: 11px 14px; background: #161616; }
.az-kl-shop-qr-row dt { color: #9E9E9E; font-size: 14px; font-weight: 400; }
.az-kl-shop-qr-row dd { margin: 0; color: #FFFFFF; font-weight: 600; text-align: right; word-break: break-word; }
.az-kl-shop-qr-key dd { color: #ECAE20; font-size: 18px; letter-spacing: .04em; }
.az-kl-shop-steps { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 4px; color: #D6D6D6; }
.az-kl-shop-steps li { list-style: decimal; }
.az-kl-shop-warn { padding: 10px 14px; border-radius: 10px; background: rgba(255, 107, 107, .08); border: 1px solid rgba(255, 107, 107, .35); color: #FFC4C4; font-size: 14px; }
.az-kl-shop-wait { display: flex; align-items: center; gap: 12px; color: #BDBDBD; font-size: 14px; }
.az-kl-shop-dot { flex: 0 0 10px; width: 10px; height: 10px; border-radius: 50%; background: #ECAE20; animation: az-kl-shop-pulse 1.6s infinite; }
.az-kl-shop-paid .az-kl-shop-dot { animation: none; background: #F5C24C; box-shadow: 0 0 0 4px rgba(245, 194, 76, .25); }
@keyframes az-kl-shop-pulse { 0% { box-shadow: 0 0 0 0 rgba(236, 174, 32, .45); } 70% { box-shadow: 0 0 0 10px rgba(236, 174, 32, 0); } 100% { box-shadow: 0 0 0 0 rgba(236, 174, 32, 0); } }
@media (prefers-reduced-motion: reduce) { .az-kl-shop-dot { animation: none; } }
.az-kl-shop-fee { font-size: 13px; color: #F5C24C; }
.az-kl-shop-flash { box-shadow: 0 0 0 3px rgba(236, 174, 32, .55); transition: box-shadow .3s; }
.az-kl-shop-pays { scroll-margin-top: 90px; }
.az-kl-shop-qrcard { scroll-margin-top: 90px; }

/* ---- Xac nhan don ---- */
.az-kl-shop-hero { padding: 30px 24px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.az-kl-shop-hero-icon { width: 64px; height: 64px; border-radius: 50%; background: rgba(236, 174, 32, .12); border: 1px solid rgba(236, 174, 32, .55); color: #ECAE20;
    display: flex; align-items: center; justify-content: center; }
.az-kl-shop-hero .az-kl-shop-h1 { font-size: 28px; }
.az-kl-shop-track { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.az-kl-shop-track-step { display: flex; flex-direction: column; gap: 6px; color: #8A8A8A; font-size: 14px; }
.az-kl-shop-track-bar { height: 4px; border-radius: 4px; background: #2E2E2E; }
.az-kl-shop-track-step.az-kl-shop-done { color: #FFFFFF; }
.az-kl-shop-done .az-kl-shop-track-bar { background: #ECAE20; }
.az-kl-shop-track-step .az-kl-shop-muted { font-size: 12px; }
.az-kl-shop-paidbox { border-color: rgba(236, 174, 32, .5); background: rgba(236, 174, 32, .06); }
.az-kl-shop-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.az-kl-shop-actions > * { flex: 1 1 220px; }
.az-kl-shop-prepay { display: flex; flex-direction: column; gap: 12px; }
.az-kl-shop-prepay > .az-kl-shop-btn-line { align-self: flex-start; }
.az-kl-shop-prepay .az-kl-shop-qrcard { display: flex; flex-direction: column; gap: 14px; }
@media (max-width: 575.98px) {
    .az-kl-shop-track { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .az-kl-shop-track-step { flex-direction: row; align-items: center; flex-wrap: wrap; column-gap: 10px; }
    .az-kl-shop-track-bar { flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; }
}

/* ---- Trong / loi ---- */
.az-kl-shop-empty { max-width: 560px; margin: 24px auto; padding: 40px 24px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center;
    gap: 14px; text-align: center; background: #121212; border: 1px solid #2A2A2A; border-radius: 16px; }
.az-kl-shop-empty-icon { width: 72px; height: 72px; border-radius: 50%; border: 1px solid rgba(236, 174, 32, .5); background: rgba(236, 174, 32, .08); color: #ECAE20;
    display: flex; align-items: center; justify-content: center; }
.az-kl-shop-empty-title { margin: 0; font-size: 24px; font-weight: 600; line-height: 1.3; color: #FFFFFF; font-family: inherit; text-transform: none; letter-spacing: 0; }
.az-kl-shop-empty-text { color: #BDBDBD; }
.az-kl-shop-empty-act { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }

/* ---- Hop chan (loi phai doc truoc khi di tiep) ---- */
.az-kl-shop-alert { position: fixed; inset: 0; z-index: 10100; padding: 16px; background: rgba(0, 0, 0, .6); display: flex; align-items: center; justify-content: center; }
.az-kl-shop-alert-card { width: 100%; max-width: 420px; box-sizing: border-box; padding: 22px; display: flex; flex-direction: column; gap: 12px; color: #F2F2F2;
    background: #151515; border: 1px solid #3A3A3A; border-radius: 16px; box-shadow: 0 18px 48px rgba(0, 0, 0, .6); font-size: 15px; line-height: 1.5; }
.az-kl-shop-alert-title { font-size: 18px; font-weight: 700; color: #FFFFFF; }
.az-kl-shop-alert-list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; color: #D6D6D6; }
.az-kl-shop-alert-list li { list-style: disc; }
.az-kl-shop-alert .az-kl-shop-btn { width: 100%; }
.az-kl-shop-alert :focus-visible { outline: 2px solid #F5C24C; outline-offset: 2px; }

/* ---- Thanh dinh day (dien thoai / may tinh bang) ---- */
.az-kl-shop-bar { display: none; }
@media (max-width: 991.98px) {
    .az-kl-shop { padding-bottom: 128px; }
    .az-kl-shop-side { position: static; }
    .az-kl-shop-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001;
        padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); background: #000000; border-top: 1px solid #2A2A2A; }
    .az-kl-shop-bar-sum { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
    .az-kl-shop-bar-sum span { font-size: 12px; color: #9E9E9E; }
    .az-kl-shop-bar-sum b { font-size: 19px; color: #ECAE20; }
    .az-kl-shop-bar-act { flex: 0 1 auto; display: flex; gap: 8px; }
    .az-kl-shop-bar-act .az-kl-shop-btn, .az-kl-shop-bar-act .az-kl-shop-btn-line { min-height: 48px; padding: 0 16px; font-size: 14px; }
}
@media (max-width: 419.98px) {
    .az-kl-shop-bar-act { flex: 1 1 100%; }
    .az-kl-shop-bar-act > * { flex: 1 1 0; }
}
/* Nhac chon den o trang Gio hang (AZ.KlShop.CartNote) : bong den + mot cau */
.az-kl-shop-tip { display: flex; gap: 10px; align-items: flex-start; margin: 4px 22px 22px; padding: 12px 14px; border: 1px solid rgba(236, 174, 32, .35); border-radius: 12px;
    background: rgba(236, 174, 32, .06); color: #D6D6D6; font-size: 14px; line-height: 1.55; }
.az-kl-shop-tip svg { flex: 0 0 auto; margin-top: 1px; color: #ECAE20; }
@media (max-width: 575.98px) { .az-kl-shop-tip { margin: 4px 14px 16px; } }

/* ---------------------------------------------------------------------
   12. TRANG CHI TIET SAN PHAM (KL.WEB V3.1 - 10/10/2026) - mockup anh Tung duyet 19:02 : nen den, khung anh nen sang,
       the thong tin toi, chu vang Kinglux. Moi luat nam duoi .az-kl-pd (khoi goc do Product.cshtml in) - trang khac khong doi.
       Mau (token) : nen #0B0B0B, the #121212, vien #2A2A2A, chu #F2F2F2, chu phu #A8A8A8 / #BDBDBD, vang #ECAE20 (re chuot
       #F5C24C), khung anh #F3F2EE. Khung video (.az-kl-video), thanh mua dinh day (.az-kl-pd-sticky), day dat thu
       (.az-kl-testbar) gan vao body nen dung lop rieng.
   --------------------------------------------------------------------- */
.az-kl-pd {
    --kl-bg: #0B0B0B; --kl-card: #121212; --kl-card2: #171717; --kl-line: #2A2A2A; --kl-line2: #333333; --kl-line3: #3A3A3A;
    --kl-text: #F2F2F2; --kl-text2: #D6D6D6; --kl-muted: #A8A8A8; --kl-soft: #BDBDBD; --kl-dim: #8C8C8C;
    --kl-gold: #ECAE20; --kl-gold2: #F5C24C; --kl-stage: #F3F2EE; --kl-ink: #111111;
    background: var(--kl-bg); color: var(--kl-text); font-size: 15px; line-height: 1.55; padding: 22px 0 72px;
}
.az-kl-pd > nav, .az-kl-pd > .az-kl-pd-hero, .az-kl-pd > section { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
.az-kl-pd *, .az-kl-pd *::before, .az-kl-pd *::after { box-sizing: border-box; }
.az-kl-pd a { color: var(--kl-gold); }
.az-kl-pd a:hover { color: var(--kl-gold2); }
.az-kl-pd button { font: inherit; }
.az-kl-pd :focus-visible { outline: 2px solid var(--kl-gold2); outline-offset: 2px; }
/* style.css cu ep moi the span co chu 14px (:where(.az-kl-site) span) : span khong co lop rieng trong khoi lay co chu cua cha */
.az-kl-pd .az-kl-pd-title span, .az-kl-pd .az-kl-pd-crumb span, .az-kl-pd .az-kl-pd-notes span, .az-kl-pd .az-kl-pd-vtile span,
.az-kl-pd .az-kl-buy-call span, .az-kl-pd .az-kl-pd-quote-lead span, .az-kl-pd .az-kl-pd-codeline span { font: inherit; }

/* duong dan */
.az-kl-pd-crumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--kl-muted); margin-bottom: 18px; }
.az-kl-pd .az-kl-pd-crumb a { color: var(--kl-muted); text-decoration: none; }
.az-kl-pd .az-kl-pd-crumb a:hover { color: var(--kl-gold2); }
.az-kl-pd-crumb [aria-current] { color: var(--kl-text2); }

/* hai cot : anh | thong tin */
.az-kl-pd-hero { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; }
.az-kl-pd-media { flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.az-kl-pd-info { flex: 1 1 400px; min-width: 0; background: var(--kl-card); border: 1px solid var(--kl-line); border-radius: 18px; padding: 28px;
    display: flex; flex-direction: column; gap: 22px; }

/* khung anh lon : nen sang, anh nam giua */
.az-kl-pd-stage { position: relative; border-radius: 18px; overflow: hidden; background: var(--kl-stage); }
.az-kl-pd-stage .anhtren, .az-kl-pd-main { width: 100%; aspect-ratio: 1 / 1; }
.az-kl-pd-main .swiper-slide { display: flex; align-items: center; justify-content: center; background: var(--kl-stage); cursor: zoom-in; }
.az-kl-pd-main .swiper-slide img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.az-kl-pd-badge { position: absolute; top: 16px; left: 16px; z-index: 3; padding: 4px 12px; border-radius: 999px; background: var(--kl-ink);
    color: var(--kl-gold); font-size: 12px; font-weight: 700; letter-spacing: .06em; pointer-events: none;
    max-width: calc(100% - 92px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.az-kl-pd-zoom { position: absolute; top: 12px; right: 12px; z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: 0;
    background: rgba(17, 17, 17, .85); color: var(--kl-text); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.az-kl-pd-zoom:hover { color: var(--kl-gold2); }
.az-kl-pd-noimg { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    background: var(--kl-stage); color: #555555; font-size: 13px; font-weight: 600; text-align: center; }
.az-kl-pd-noimg svg { color: var(--kl-dim); }
.az-kl-pd-noimg-sm svg { width: 22px; height: 22px; }
.az-kl-pd-main .az-kl-pd-noslide { cursor: default; }

/* dai anh nho : nut ‹ › hai ben, o Video cuoi dai */
.az-kl-pd-thumbrow { display: flex; align-items: center; gap: 10px; }
.az-kl-pd-thumbrow .anhduoi { flex: 1 1 auto; min-width: 0; }
.az-kl-pd-thumbs .swiper-slide { aspect-ratio: 1 / 1; height: auto; border-radius: 12px; border: 1px solid var(--kl-line); background: var(--kl-stage);
    overflow: hidden; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.az-kl-pd-thumbs .swiper-slide img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.az-kl-pd-thumbs .swiper-slide-thumb-active { border: 2px solid var(--kl-gold); }
.az-kl-pd-nav { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; border: 1px solid var(--kl-line2); background: var(--kl-card);
    color: var(--kl-text); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.az-kl-pd-nav:hover { border-color: var(--kl-gold); color: var(--kl-gold2); }
.az-kl-pd-nav.swiper-button-disabled { opacity: .35; cursor: default; }
.az-kl-pd-vtile { flex: 0 0 auto; width: 92px; aspect-ratio: 1 / 1; border-radius: 12px; border: 1px solid var(--kl-line); background: var(--kl-card2);
    color: var(--kl-text); font-size: 12px; font-weight: 600; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.az-kl-pd-vtile:hover { border-color: var(--kl-gold); }
.az-kl-pd-play { width: 40px; height: 40px; border-radius: 50%; background: var(--kl-gold); color: var(--kl-ink); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.az-kl-pd-play-lg { width: 52px; height: 52px; }
/* mot anh : bo dai anh nho + nut, giu o Video (neu co) */
.az-kl-pd-one .anhduoi, .az-kl-pd-one .az-kl-pd-nav { display: none; }
.az-kl-pd-thumbrow.az-kl-pd-one:not(.az-kl-pd-hasvideo) { display: none; }
.az-kl-pd-vbar { display: flex; align-items: center; gap: 16px; width: 100%; padding: 14px 18px; border-radius: 14px; border: 1px solid var(--kl-line);
    background: var(--kl-card); color: var(--kl-text); text-align: left; cursor: pointer; }
.az-kl-pd-vbar:hover { border-color: var(--kl-gold); }
.az-kl-pd-vbar-text { display: flex; flex-direction: column; gap: 2px; }
.az-kl-pd-vbar-text b { font-size: 16px; }
.az-kl-pd-vbar-text span { font-size: 13px; color: var(--kl-muted); }

/* the thong tin : nhom, ten, ma */
.az-kl-pd-head { display: flex; flex-direction: column; gap: 8px; }
.az-kl-pd-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--kl-gold); }
.az-kl-pd .az-kl-pd-title { margin: 0; font-size: 28px; line-height: 1.25; font-weight: 800; color: #FFFFFF; }
.az-kl-pd-codeline { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--kl-muted); }
.az-kl-pd-codeline b { color: var(--kl-text); }
.az-kl-pd-codepart:not(.az-hide) + .az-kl-pd-warr::before { content: "·"; margin-right: 8px; }

/* bien the : o chon */
.az-kl-pd-vary { display: flex; flex-direction: column; gap: 12px; }
.az-kl-pd-label { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--kl-text2); }
.az-kl-pd-options { display: flex; flex-direction: column; gap: 14px; }
.az-kl-pd-opt { display: flex; flex-direction: column; gap: 8px; }
.az-kl-pd-optname { font-size: 13px; color: var(--kl-muted); }
.az-kl-pd .az-kl-pd-opt ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.az-kl-pd .az-kl-pd-opt-main ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.az-kl-pd-chip { min-height: 48px; min-width: 64px; padding: 8px 14px; border-radius: 12px; border: 1px solid var(--kl-line3); background: var(--kl-bg);
    color: #E6E6E6; font-weight: 600; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center;
    user-select: none; transition: border-color .15s, color .15s, background-color .15s; }
.az-kl-pd-chip:hover { border-color: var(--kl-gold); }
.az-kl-pd-chip.az-kl-on { border: 2px solid var(--kl-gold); background: rgba(236, 174, 32, .10); color: var(--kl-gold2); font-weight: 700; }
.az-kl-pd-chip.az-kl-off:not(.az-kl-on) { border-style: dashed; background: transparent; color: var(--kl-dim); text-decoration: line-through; }
.az-kl-pd-rule { height: 1px; background: linear-gradient(90deg, var(--kl-gold), rgba(236, 174, 32, 0)); }

/* thong so */
.az-kl-pd-spechead { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: -12px; }
.az-kl-pd .az-kl-pd-h2 { margin: 0; font-size: 17px; font-weight: 700; letter-spacing: .04em; color: #FFFFFF; }
.az-kl-pd-copy { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 10px; border: 1px solid var(--kl-line2); background: transparent; color: var(--kl-text2);
    cursor: pointer; display: flex; align-items: center; justify-content: center; }
.az-kl-pd-copy:hover { border-color: var(--kl-gold); color: var(--kl-gold2); }
.az-kl-pd-spec { margin: 0; font-size: 14px; }
.az-kl-pd-spec-row { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); column-gap: 12px; border-bottom: 1px solid #222222; }
.az-kl-pd-spec-row:last-child { border-bottom: 0; }
.az-kl-pd-spec dt { padding: 9px 0; color: var(--kl-muted); font-weight: 400; }
.az-kl-pd-spec dd { margin: 0; padding: 9px 0; color: var(--kl-text); font-weight: 600; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 2px; }

/* gia + khoi mua + nut goi + ghi chu */
.az-kl-pd-price { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; padding: 16px 18px; border-radius: 14px;
    background: var(--kl-bg); border: 1px solid var(--kl-line); }
.az-kl-pd-price-k { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--kl-gold); }
.az-kl-pd-price-v { font-size: 30px; font-weight: 800; color: var(--kl-gold); }
.az-kl-pd .az-kl-buy { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin: 0; }
.az-kl-pd .az-kl-buy-qty { display: flex; height: 52px; border: 1px solid var(--kl-line3); border-radius: 12px; overflow: hidden; background: transparent; }
.az-kl-pd .az-kl-buy-step { width: 46px; border: 0; background: transparent; color: var(--kl-text); font-size: 20px; cursor: pointer; }
.az-kl-pd .az-kl-buy-step:hover { color: var(--kl-gold2); }
.az-kl-pd .az-kl-buy-input { width: 52px; height: 100%; border: 0; border-left: 1px solid var(--kl-line); border-right: 1px solid var(--kl-line); background: transparent;
    color: #FFFFFF; text-align: center; font: inherit; font-weight: 700; -moz-appearance: textfield; appearance: textfield; }
.az-kl-pd .az-kl-buy-input::-webkit-outer-spin-button, .az-kl-pd .az-kl-buy-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.az-kl-pd .az-kl-buy-add, .az-kl-pd .az-kl-buy-now { flex: 1 1 150px; height: 52px; border-radius: 12px; cursor: pointer; text-transform: none; }
.az-kl-pd .az-kl-buy-add { border: 1px solid var(--kl-gold); background: transparent; color: var(--kl-gold); font-weight: 700; }
.az-kl-pd .az-kl-buy-add:hover { background: rgba(236, 174, 32, .10); color: var(--kl-gold2); }
.az-kl-pd .az-kl-buy-now { border: 0; background: var(--kl-gold); color: var(--kl-ink); font-weight: 800; letter-spacing: .04em; }
.az-kl-pd .az-kl-buy-now:hover { background: var(--kl-gold2); }
.az-kl-pd .az-kl-buy button:disabled { opacity: .55; cursor: progress; }
.az-kl-pd .az-kl-buy-contact { margin: 0; }
.az-kl-pd .az-kl-buy-call { min-height: 46px; padding: 0 18px; border-radius: 10px; border: 1px solid var(--kl-gold); color: var(--kl-gold); font-weight: 700;
    display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
.az-kl-pd .az-kl-buy-call:hover { background: rgba(236, 174, 32, .10); color: var(--kl-gold2); }
.az-kl-pd .az-kl-pd-notes { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: var(--kl-soft); }
.az-kl-pd .az-kl-pd-notes li a { padding: 0; font-size: inherit; font-weight: 600; color: var(--kl-gold); text-decoration: underline; text-underline-offset: 3px; }
.az-kl-pd .az-kl-pd-notes li a:hover { color: var(--kl-gold2) !important; }

/* the noi dung */
.az-kl-pd-tabs { margin-top: 44px; }
.az-kl-pd .az-kl-pd-tablist { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: thin; border-bottom: 1px solid var(--kl-line);
    padding: 0; margin: 0 !important; justify-content: flex-start; }
.az-kl-pd .az-kl-pd-tablist li { flex: 0 0 auto; width: auto; min-height: 48px; padding: 0 18px; border: 0; border-bottom: 3px solid transparent; border-radius: 0;
    background: transparent; display: flex; align-items: center; cursor: pointer; transition: color .15s, border-color .15s; }
/* !important : style.css cu o dien thoai (<= 556px) ep .nav-tabs li a "color: black !important" - chu den tren nen den */
.az-kl-pd .az-kl-pd-tablist li a { color: var(--kl-soft) !important; font-size: 13px; font-weight: 600; letter-spacing: .06em; white-space: nowrap; }
.az-kl-pd .az-kl-pd-tablist li:hover a { color: var(--kl-text) !important; }
.az-kl-pd .az-kl-pd-tablist li.active { background: transparent; border: 0; border-bottom: 3px solid var(--kl-gold); }
.az-kl-pd .az-kl-pd-tablist li.active a { color: var(--kl-gold2) !important; font-weight: 800; }
.az-kl-pd .az-kl-pd-panes { background: var(--kl-card); border: 1px solid var(--kl-line); border-top: 0; border-radius: 0 0 18px 18px; padding: 28px; max-width: none; width: 100%; }

/* noi dung soan san (mo ta, brochure, thong so nang cao) tren nen toi : chu sang, lien ket vang, bang ke vien toi.
   Mau GAN CUNG toi / nen trang trong noi dung (dang hay gap cua trinh soan thao) doi sang chu sang / nen trong - so lieu that : KL.58 */
.az-kl-pd .az-kl-pd-rich { color: var(--kl-text2); font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
.az-kl-pd .az-kl-pd-rich p, .az-kl-page-product-detail #thaotac3.az-kl-pd-rich p { color: var(--kl-text2) !important; margin: 0 0 12px; }
.az-kl-pd .az-kl-pd-rich p a, .az-kl-pd .az-kl-pd-rich li a { color: var(--kl-gold) !important; text-decoration: underline; padding: 0; font-size: inherit; }
.az-kl-pd .az-kl-pd-rich h1, .az-kl-pd .az-kl-pd-rich h2, .az-kl-pd .az-kl-pd-rich h3, .az-kl-pd .az-kl-pd-rich h4,
.az-kl-page-product-detail #thaotac3.az-kl-pd-rich h1, .az-kl-page-product-detail #thaotac3.az-kl-pd-rich h2, .az-kl-page-product-detail #thaotac3.az-kl-pd-rich h3 { color: #FFFFFF; }
.az-kl-pd .az-kl-pd-rich ul, .az-kl-pd .az-kl-pd-rich ol { padding-left: 22px; margin: 0 0 12px !important; }
.az-kl-pd .az-kl-pd-rich li, .az-kl-page-product-detail #thaotac3.az-kl-pd-rich li { list-style-type: disc; color: var(--kl-text2); }
.az-kl-pd .az-kl-pd-rich ol li { list-style-type: decimal; }
.az-kl-pd .az-kl-pd-rich img, .az-kl-page-product-detail #thaotac3.az-kl-pd-rich img { max-width: 100%; height: auto; border-radius: 12px; background: #FFFFFF; }
.az-kl-pd .az-kl-pd-rich table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 0 0 14px; }
.az-kl-pd .az-kl-pd-rich td, .az-kl-pd .az-kl-pd-rich th { border: 1px solid var(--kl-line); padding: 8px 10px; color: var(--kl-text2); vertical-align: top; }
.az-kl-pd .az-kl-pd-rich th { color: #FFFFFF; background: var(--kl-card2); }
.az-kl-pd .az-kl-pd-rich iframe { max-width: 100%; border: 0; border-radius: 12px; }
/* khung nhung : rong het khung, cao theo man hinh (style.css cu ep 200px o dien thoai ; ma nhung hay ghi san width / height) ;
   bo qua iframe position absolute (ma nhung tu co khung ti le). Video YouTube / Vimeo giu 16:9 ; brochure (tab-3) cao hon */
.az-kl-pd .az-kl-pd-rich iframe:not([style*="absolute"]) { display: block; width: 100% !important; max-width: 100% !important;
    height: min(70vh, 600px) !important; margin: 0 0 12px; background: #000000; }
.az-kl-pd .az-kl-pd-rich iframe[src*="youtu"]:not([style*="absolute"]), .az-kl-pd .az-kl-pd-rich iframe[src*="vimeo"]:not([style*="absolute"]) {
    max-width: 860px !important; height: auto !important; aspect-ratio: 16 / 9; }
.az-kl-pd #tab-3 iframe:not([style*="absolute"]):not([src*="youtu"]):not([src*="vimeo"]) { height: min(85vh, 1000px) !important; }
.az-kl-pd .az-kl-pd-rich [style*="color: rgb(0, 0, 0)"], .az-kl-pd .az-kl-pd-rich [style*="color:rgb(0,0,0)"],
.az-kl-pd .az-kl-pd-rich [style*="color: rgb(33, 37, 41)"], .az-kl-pd .az-kl-pd-rich [style*="color: rgb(34, 34, 34)"],
.az-kl-pd .az-kl-pd-rich [style*="color: rgb(51, 51, 51)"], .az-kl-pd .az-kl-pd-rich [style*="color: rgb(68, 68, 68)"],
.az-kl-pd .az-kl-pd-rich [style*="color: black"], .az-kl-pd .az-kl-pd-rich [style*="color:black"],
.az-kl-pd .az-kl-pd-rich [style*="color: #000000"], .az-kl-pd .az-kl-pd-rich [style*="color:#000000"],
.az-kl-pd .az-kl-pd-rich [style*="color: #000;"], .az-kl-pd .az-kl-pd-rich [style*="color:#000;"],
.az-kl-pd .az-kl-pd-rich [style$="color: #000"], .az-kl-pd .az-kl-pd-rich [style$="color:#000"],
.az-kl-pd .az-kl-pd-rich [style*="color: #333"], .az-kl-pd .az-kl-pd-rich [style*="color:#333"],
.az-kl-pd .az-kl-pd-rich [style*="color: #222"], .az-kl-pd .az-kl-pd-rich [style*="color:#222"],
.az-kl-pd .az-kl-pd-rich font[color="#000000"], .az-kl-pd .az-kl-pd-rich font[color="black"] { color: var(--kl-text2) !important; }
.az-kl-pd .az-kl-pd-rich [style*="background-color: rgb(255, 255, 255)"], .az-kl-pd .az-kl-pd-rich [style*="background-color:rgb(255,255,255)"],
.az-kl-pd .az-kl-pd-rich [style*="background-color: white"], .az-kl-pd .az-kl-pd-rich [style*="background: white"],
.az-kl-pd .az-kl-pd-rich [style*="background-color: #ffffff"], .az-kl-pd .az-kl-pd-rich [style*="background-color:#ffffff"],
.az-kl-pd .az-kl-pd-rich [style*="background-color: #fff;"], .az-kl-pd .az-kl-pd-rich [style$="background-color: #fff"],
.az-kl-pd .az-kl-pd-rich [style*="background: rgb(255, 255, 255)"], .az-kl-pd .az-kl-pd-rich [bgcolor="#ffffff"], .az-kl-pd .az-kl-pd-rich [bgcolor="white"] { background-color: transparent !important; }

/* san pham lien quan */
.az-kl-pd-related { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.az-kl-pd .az-kl-pd-card { display: flex; flex-direction: column; gap: 10px; padding: 10px; border-radius: 14px; border: 1px solid var(--kl-line); background: var(--kl-bg);
    color: var(--kl-text); text-decoration: none; }
.az-kl-pd .az-kl-pd-card:hover { border-color: var(--kl-gold); color: var(--kl-gold2); }
.az-kl-pd-card-img { aspect-ratio: 1 / 1; border-radius: 10px; background: var(--kl-stage); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.az-kl-pd-card-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.az-kl-pd-card-name { font-size: 14px; font-weight: 600; line-height: 1.4; }

/* phieu tu van - bao gia */
.az-kl-pd .az-kl-pd-quote { margin-top: 44px; }
.az-kl-pd-quote { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.az-kl-pd > .az-kl-pd-quote { padding: 32px; border-radius: 18px; border: 1px solid rgba(236, 174, 32, .45); background: var(--kl-card); max-width: 1192px; }
@media (min-width: 768px) and (max-width: 1239.98px) {
    .az-kl-pd > .az-kl-pd-quote { margin-left: 24px; margin-right: 24px; }
}
.az-kl-pd-quote-lead { flex: 1 1 300px; display: flex; flex-direction: column; gap: 6px; color: var(--kl-soft); }
.az-kl-pd .az-kl-pd-quote-lead h2 { margin: 0; font-size: 22px; font-weight: 800; color: var(--kl-gold); }
.az-kl-pd-quote-form { flex: 2 1 520px; display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.az-kl-pd-field { flex: 1 1 160px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--kl-soft); margin: 0; }
.az-kl-pd-field-wide { flex-basis: 100%; }
.az-kl-pd .az-kl-pd-field input, .az-kl-pd .az-kl-pd-field textarea { width: 100%; min-height: 48px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--kl-line2);
    background: var(--kl-bg); color: #FFFFFF; font: inherit; font-size: 15px; }
.az-kl-pd .az-kl-pd-field textarea { min-height: 84px; resize: vertical; }
.az-kl-pd .az-kl-pd-field input:focus, .az-kl-pd .az-kl-pd-field textarea:focus { border-color: var(--kl-gold); outline: none; }
.az-kl-pd .border-red { border-color: #E5484D !important; }
.az-kl-pd .az-kl-pd-quote-err { flex-basis: 100%; margin: 0; color: #FF8A80 !important; font-size: 13px; }
.az-kl-pd-quote-btn { height: 48px; padding: 0 24px; border-radius: 10px; border: 0; background: var(--kl-gold); color: var(--kl-ink); font-weight: 800; cursor: pointer; }
.az-kl-pd-quote-btn:hover { background: var(--kl-gold2); }
.az-kl-pd-quote-ok { flex-basis: 100%; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--kl-gold); color: var(--kl-gold2); font-weight: 600; }

/* khung video tren trang */
.az-kl-video { position: fixed; inset: 0; z-index: 2147483000; background: rgba(0, 0, 0, .82); display: flex; align-items: center; justify-content: center; padding: 16px;
    overflow-y: auto; overscroll-behavior: contain; }
/* rong theo CA chieu cao man hinh (khung 16:9 + ~150px tieu de, chu goi y) : dien thoai xoay ngang, cua so thap van thay nut x ;
   margin auto : cao hon man hinh thi cuon duoc, khong mat phan tren */
.az-kl-video-box { width: min(960px, 100%, max(240px, calc((100vh - 150px) * 16 / 9))); width: min(960px, 100%, max(240px, calc((100dvh - 150px) * 16 / 9)));
    margin: auto; display: flex; flex-direction: column; gap: 14px; }
.az-kl-video-trap { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; }
.az-kl-video-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.az-kl-video-tt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.az-kl-video-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #ECAE20; }
.az-kl-video .az-kl-video-tt h2 { margin: 0; font-size: 20px; font-weight: 700; color: #FFFFFF; overflow-wrap: anywhere; }
.az-kl-video-close { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; border: 1px solid #3A3A3A; background: #121212; color: #F2F2F2; cursor: pointer;
    display: flex; align-items: center; justify-content: center; }
.az-kl-video-close:hover { color: #F5C24C; border-color: #ECAE20; }
.az-kl-video-frame { position: relative; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background: #000000; border: 1px solid #2A2A2A; }
.az-kl-video-frame iframe, .az-kl-video-frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.az-kl-video-hint { font-size: 13px; color: #A8A8A8; text-align: center; }
html.az-kl-video-open, html.az-kl-video-open body { overflow: hidden; }
@media (max-height: 480px) {
    .az-kl-video { padding: 8px; }
    .az-kl-video-box { gap: 8px; width: min(960px, 100%, max(240px, calc((100vh - 90px) * 16 / 9))); width: min(960px, 100%, max(240px, calc((100dvh - 90px) * 16 / 9))); }
    .az-kl-video-hint { display: none; }
}

/* thanh mua dinh day man hinh : chi dien thoai */
.az-kl-pd-sticky { display: none; }
@media (max-width: 767.98px) {
    .az-kl-pd { padding-top: 14px; padding-bottom: 40px; }
    .az-kl-pd > nav, .az-kl-pd > .az-kl-pd-hero, .az-kl-pd > section { padding-left: 16px; padding-right: 16px; }
    .az-kl-pd-hero { gap: 16px; }
    .az-kl-pd-media { flex-basis: 100%; gap: 12px; }
    .az-kl-pd-info { flex-basis: 100%; padding: 18px; border-radius: 16px; gap: 16px; }
    .az-kl-pd-stage { border-radius: 16px; }
    .az-kl-pd-badge { top: 12px; left: 12px; padding: 3px 10px; font-size: 11px; }
    .az-kl-pd-nav { display: none; }
    .az-kl-pd-vtile { width: 72px; border-radius: 10px; font-size: 11px; }
    .az-kl-pd-vtile .az-kl-pd-play { width: 32px; height: 32px; }
    .az-kl-pd .az-kl-pd-title { font-size: 22px; }
    .az-kl-pd-spec-row { grid-template-columns: minmax(0, 120px) minmax(0, 1fr); }
    .az-kl-pd-price-v { font-size: 24px; }
    .az-kl-pd .az-kl-pd-panes { padding: 18px; border-radius: 0 0 16px 16px; }
    .az-kl-pd > .az-kl-pd-quote { padding: 20px 16px; margin-left: 16px; margin-right: 16px; }
    .az-kl-pd-tabs { margin-top: 28px; }
    .az-kl-pd .az-kl-pd-quote { margin-top: 28px; }
    .az-kl-pd-quote-btn { width: 100%; }
    .az-kl-pd-related { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .az-kl-video-tt h2 { font-size: 17px; }
    /* co thanh mua dinh day : khoi mua / nut goi trong the nhuong cho thanh day */
    body.az-kl-has-sticky .az-kl-pd .az-kl-buy, body.az-kl-has-sticky .az-kl-pd .az-kl-buy-contact { display: none; }
    body.az-kl-has-sticky { padding-bottom: 76px; }
    body.az-kl-has-sticky .az-kl-gototop { bottom: 92px; }
    .az-kl-pd-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; display: flex; align-items: center; gap: 10px; padding: 12px 16px;
        background: rgba(0, 0, 0, .94); border-top: 1px solid #2A2A2A; }
    .az-kl-pd-sticky.az-hide { display: none !important; }
    .az-kl-pd-sticky-sum { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
    .az-kl-pd-sticky-label { font-size: 11px; color: #A8A8A8; }
    .az-kl-pd-sticky-sum b { font-size: 18px; color: #ECAE20; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .az-kl-pd-sticky-act { display: flex; gap: 10px; flex: 0 0 auto; }
    .az-kl-pd-sticky-cart { width: 48px; height: 48px; border-radius: 12px; border: 1px solid #ECAE20; background: transparent; color: #ECAE20; display: flex; align-items: center; justify-content: center; }
    .az-kl-pd-sticky-now { height: 48px; padding: 0 22px; border-radius: 12px; border: 0; background: #ECAE20; color: #111111; font-weight: 800; }
    .az-kl-pd-sticky-call { height: 48px; padding: 0 18px; border-radius: 12px; border: 1px solid #ECAE20; color: #ECAE20 !important; font-weight: 700; display: flex; align-items: center; gap: 8px; text-decoration: none; }
    .az-kl-pd-sticky button:disabled { opacity: .55; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .az-kl-pd-media, .az-kl-pd-info { flex-basis: 100%; }
    .az-kl-pd-media { max-width: 600px; margin-left: auto; margin-right: auto; }
}

/* day bao "dat thu" (chi nhan vien mo bang ?testorder=1, khi chua mo ban) : nam TRONG dong chay o dau trang (js/cart.js gan vao dau
   <body>) o moi be rong - khong de len logo, nut gio, thanh tong tien cua trang gio hang hay khung video */
.az-kl-testbar { display: block; padding: 8px 16px; background: #3B2A00; border-bottom: 1px solid #ECAE20; color: #F5C24C; font-size: 12px;
    line-height: 1.4; text-align: center; }
.az-kl-testbar b { color: #FFFFFF; margin-right: 4px; }
.az-kl-testbar a { color: #FFFFFF; text-decoration: underline; margin-left: 6px; }
@media (prefers-reduced-motion: reduce) {
    .az-kl-pd-chip, .az-kl-pd .az-kl-pd-tablist li { transition: none; }
}

/* =====================================================================
   12b. V3.2 (10/10/2026) : GIA BAN in to + GIA NIEM YET gach ngang (khoi gia trang san pham, thanh dinh day dien thoai)
   ===================================================================== */
.az-kl-pd-price-nums { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 0; text-align: right; }
.az-kl-pd .az-kl-pd-price-old { font-size: 14px; font-weight: 400; color: var(--kl-muted); white-space: nowrap; }
.az-kl-pd .az-kl-pd-price-old s { color: var(--kl-soft); }
.az-kl-pd-sticky-label s { color: #BDBDBD; }