/* ==========================================================================
   AWEA - awea.nanoweb.vn (site_id 3347)
   File CSS RIENG cho site 3347. Theme w3ni874 dung chung nhieu site,
   moi thay doi cho AWEA phai nam trong file nay, KHONG sua style.css.
   Duoc load co dieu kien tai views/layouts/main.php va main_in.php.
   ========================================================================== */

/* --- Design token mau thuong hieu AWEA --------------------------------- */
:root {
    --awea-primary: #b90c15;
    /* do chu dao (logo AWEA) */
    --awea-primary-dark: #8f0910;
    /* hover / active */
    --awea-primary-light: #e04a52;
    /* nhan phu */
}


/* ==========================================================================
   STT#2 - Header PC
   --------------------------------------------------------------------------
   Ban chat chi la go 3 khai bao trong style.css:
       .logo      { width: 50%; }
       .htc-right { width: 50%; float: right; }
   Go xong thi logo va ten cong ty nam cung mot hang, header gon lai.
   KHONG sua truc tiep style.css vi do la file dung chung (site 2443, 2549).

   Chi ap tu 993px tro len. LY DO chon dung con so nay:
   style.css co block @media (max-width: 992px) chuyen header sang che do
   THU GON hoan toan khac:
       .hearder-center-content { height: 40px; }   <- ep cung 40px
       .logo .box-img-1        { height: 60px; }
       .htc-right, .box-nav    { position: absolute; width: 100%; }
   => Neu mo block nay tu 769px thi tu 769-992px se co 2 bo rule danh nhau
   (desktop cua ta vs thu gon cua theme) va header vo hoan toan.
   Vung 769-992px de nguyen theo theme, thuoc pham vi STT#3 (header mobile).

   - css/fix.css (dung chung, nap vo dieu kien o main_in.php - chi trang
     trong) set .logo{width:30%!important} + .htc-right{width:70%!important}
     nen phai dung !important de trung hoa o trang trong; trang chu khong co
     fix.css nhung dung !important van dung.

   CHUA LAM (cho phuong an):
   - Link "lehungtech.com.vn" dang HARD-CODE tai header.php dong 70. Form Cau
     hinh website khong co truong nao cho link website (chi co site_title,
     phone, address, zipcode, copyright, iframe_map...). O 'copyright' dang
     trong va theme khong dung toi - la mot cho chua kha di.
   - Ten cong ty thi da lay tu siteinfo['site_title'] (o "Tieu de trang")
     => khach sua duoc san, khong can code gi them.
   ========================================================================== */

@media (min-width: 993px) {

    /* text-align:left va padding-right:0 la de trung hoa css/fix.css - file
       dung chung, chi nap o main_in.php (TRANG TRONG). Neu thieu, trang trong
       se khac trang chu: fix.css dat .logo{text-align:center} lam dong
       "lehungtech.com.vn" bi can giua, va .htc-right{padding-right:16px}
       lam khoi co ngu lech 16px.
       Khong can !important vi fix_3347.css duoc nap SAU fix.css. */
    .logo {
        width: auto !important;
        text-align: left;
        /* Bo position:relative cua style.css (relative + z-index 9999).
           Bat buoc, neu khong .text-add se neo vao .logo thay vi neo vao
           .hearder-center-content => khong can giua theo header duoc. */
        position: static;
    }

    .htc-right {
        width: auto !important;
        float: none;
        padding-right: 0;
        /* style.css de 35px => khoi phai tut xuong qua thap so voi logo.
           Dua ve 0 de no bam sat mep tren header. */
        padding-top: 0;
    }

    /* Can thang hang logo <-> ten cong ty.
       Goc: 2 thanh phan deu float:left va bi day xuong bang margin roi rac
       (.text-add margin-top:6px + .tlt margin-top:26px = 32px), khong lien
       quan gi nhau nen khong bao gio thang hang duoc.
       => Cho .box-img-1 thanh flex de ca hai tu can giua theo chieu doc. */
    .logo .box-img-1 {
        display: flex;
        align-items: center;
        padding-bottom: 0;
    }

    /* z-index de logo nam tren lop chu can giua (xem phan can giua ben duoi) */
    .logo .box-img-1 a {
        float: none;
        height: auto;
        position: relative;
        z-index: 2;
    }

    /* Logo goc 200x60. style.css dat img{height:100%} => bi keo len 90px
       (theo .box-img-1 cao 100px), phong to 1.5x nen anh bi mo.
       Tra ve dung kich thuoc that, khong upscale. */
    .logo .box-img-1 img {
        height: auto;
        width: auto;
        max-width: 200px;
    }

    /* --- Can ten cong ty vao GIUA chieu ngang header --------------------
       Dung position:absolute neo vao .hearder-center-content => ten cong ty
       bam dung tam header, khong bi be rong logo (trai) hay khoi dang nhap
       (phai) keo lech. Neu can bang flex 3 cot thi 2 ben lech nhau bao nhieu
       la tam bi doi bay nhieu.

       2 dieu kien bat buoc:
       1. .logo phai bo position:relative (style.css dat relative + z-index
          9999) - neu khong .text-add se neo vao .logo chu khong phai header.
       2. Moc neo phai loai tru .menu_f: class .hearder-center-content dung
          cho CA khoi logo LAN thanh menu (header.php goi 2 lan).
       ------------------------------------------------------------------- */
    .hearder-center:not(.menu_f) .hearder-center-content {
        position: relative;
    }

    .logo .text-add {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        float: none;
        margin: 0;
        text-align: center;
        z-index: 1;
    }

    .logo .text-add .tlt {
        margin: 0;
    }

    .logo .text-add .dmt {
        margin: 2px 0 0 0;
    }

    /* --- Khoi ben phai: Dang ky/Dang nhap o TREN, co ngu o DUOI ---------
       Goc: style.css dat .login, .language { float: left } nen 2 khoi nam
       ngang nhau. Doi thanh xep doc, can phai - giong web mau lehungtech.
       ------------------------------------------------------------------- */
    .register-language-content {
        text-align: right;
    }

    .login,
    .language {
        float: none;
    }

    .login {
        margin-right: 0;
    }

    .login ul li {
        float: none;
        display: inline-block;
    }

    /* style.css dat color:#fff cho .login - mau nay danh cho thanh
       .header-top nen DO (ban mobile), o day nen trang nen chu vo hinh,
       phai hover moi thay. Doi sang mau thuong hieu. */
    .login ul li a,
    .login ul li:last-child:before {
        color: var(--awea-primary);
    }

    .login ul li:hover a {
        color: var(--awea-primary-dark);
    }

    /* --- Thanh menu desktop: can deu 2 ben -----------------------------
       Goc theme cho .box-nav va #cssmenu float:right nen ca cum menu bi
       don ve phai. Cho .box-nav chiem het phan con lai cua container,
       cac muc menu gian deu, icon tim kiem nam cuoi hang. */
    .hearder-center.menu_f .hearder-center-content {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .hearder-center.menu_f .box-nav {
        order: 1;
        float: none;
        margin-right: 0;
        min-width: 0;
        flex: 1 1 auto;
    }

    .hearder-center.menu_f .search-th {
        order: 2;
        flex: 0 0 30px;
        float: none;
        display: flex;
        align-items: center;
        width: 30px;
        height: 37px;
        margin-left: 12px;
        padding-top: 0;
    }

    .hearder-center.menu_f #cssmenu {
        display: block;
        float: none;
        margin: 0;
        text-align: left;
        width: 100%;
    }

    .hearder-center.menu_f #cssmenu>ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
        margin: 0;
    }

    .hearder-center.menu_f #cssmenu>ul>li {
        float: none;
    }
}

/* ==========================================================================
   STT#1 - Doi mau chu dao toan site sang do AWEA
   Thay the: #094872, #346c9f, #009ed6, #4882c3 (mau xanh cua template goc)
   ========================================================================== */

/* --- 1. Header --------------------------------------------------------- */

/* Nen header: bo anh troi xanh (img/bghead.jpg), giu nen trang */
.hearder-center {
    background: #fff none;
}

/* Thanh menu chinh - ghi de inline style="background:#094872" o header.php */
.hearder-center.menu_f {
    background: var(--awea-primary) !important;
}

/* Thanh header-top (chi hien tren mobile) */
.header-top {
    background: var(--awea-primary);
}

/* --- 2. O tim kiem ----------------------------------------------------- */

.box-search form {
    border: 1px solid var(--awea-primary);
}

.box-search .submitForm {
    background: var(--awea-primary);
}

.box-search .submitForm:hover {
    background: var(--awea-primary-dark);
}

/* --- 2b. Ten cong ty + link website tren header ------------------------ */
/* style.css dat mau tim #391d6e cho ca 2 dong */

.logo .text-add .tlt,
.logo .text-add .dmt {
    color: var(--awea-primary);
    font-weight: 700;
}

/* --- 3. Menu (desktop + mobile #cssmenu) -------------------------------
   LUU Y: menu duoc style boi css/style-menu.css - file DUNG CHUNG va
   duoc nap tu ngoai theme (khong khai bao trong layout), khong xac dinh
   duoc thu tu nap => tat ca override duoi day dung !important.
   ---------------------------------------------------------------------- */

/* border-bottom goc la 1px solid black -> bo han, duong phan cach da co
   san o border-top cua #cssmenu ul li (trang 25%, nhe hon nhieu) */
#cssmenu .open>li {
    background: var(--awea-primary) !important;
    border-bottom: 0 !important;
}

/* Menu cap 1: hover/active - giu chu trang, doi nen sang do dam
   (cung pattern voi menu cap 2, chi dung mau trong palette) */
#cssmenu>ul>li:hover>a,
#cssmenu>ul>li.active>a {
    background: var(--awea-primary-dark) !important;
    color: #fff !important;
}

/* Menu cap 2 (dropdown desktop): nen xanh #094872 -> do */
#cssmenu ul ul li a {
    background: var(--awea-primary) !important;
    color: #fff !important;
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
    background: var(--awea-primary-dark) !important;
    color: #fff !important;
}

/* Duong ke giua cac muc: rgb(0,74,123) xanh -> trang mo cho hop nen do */
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover>ul>li,
#cssmenu ul li:hover>ul>li:first-child {
    border-top-color: rgba(255, 255, 255, 0.25) !important;
}

@media (max-width: 992px) {

    /* Menu mobile: cap 2 dung dung mau chu dao nhu cap 1 cho lien mach,
       phan cap the hien bang thut le chu khong bang mau. Nen do => chu trang. */
    #cssmenu ul ul li a {
        background: var(--awea-primary) !important;
        color: #fff !important;
    }

    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li a:hover,
    #cssmenu ul ul li.active>a {
        background: var(--awea-primary-dark) !important;
        color: #fff !important;
    }

    /* Duong ke cap 2 tren nen do dam -> trang mo nhe */
    #cssmenu ul ul li {
        border-top-color: rgba(255, 255, 255, 0.18) !important;
    }
}

/* --- 4. Banner slider -------------------------------------------------- */

.banner-slider .owl-theme .owl-dots .owl-dot.active span,
.banner-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--awea-primary);
}

/* STT#4 - Banner tran vien, chieu cao chay theo anh --------------------
   Loi goc: style.css:557 dat #owl-demo-slider .item{max-height:505px}.
   Anh ben trong da co width:100% nen tu gian theo be ngang, nhung owl
   boc ngoai bang .owl-stage-outer{overflow:hidden} => khung bi ep 505px
   se CAT CUT phan duoi anh. Go tran do di la du.

   Chot lai 29/07/2026: KHONG khoa ti le khung nua. Chieu cao lay theo
   dung ti le anh khach up => anh khong bi cat mep va khong bi keo meo o
   bat ky be ngang man hinh nao.
   DANH DOI da bao truoc: neu khach up cac anh KHAC ti le nhau thi slider
   se nhay chieu cao moi lan chuyen anh. Can dan khach up dong bo 1920x720.
   ---------------------------------------------------------------------- */

#owl-demo-slider .item {
    max-height: none;
}

#owl-demo-slider .item a {
    display: block;
    width: 100%;
}

/* style.css:1735 da dat .owl-carousel .owl-item img{width:100%}, chi con
   thieu chieu cao. height:auto de anh giu dung ti le goc. */
#owl-demo-slider .item a img {
    width: 100%;
    height: auto;
}

/* --- 5. Tieu de khoi / cot trai ---------------------------------------- */

.title-cl {
    background: var(--awea-primary);
}

.title-cr h3 {
    color: var(--awea-primary);
}

.title-news h1,
.product-cate-title h2,
.product-cate-title h2 a,
.title-detail h2 {
    color: var(--awea-primary);
}

/* --- 6. Dropdown danh muc (cot trai) ----------------------------------- */

.dropdown1.active a,
.dropdown2.active a,
.dropdown1 .dropdown-menu-list li.active a,
.dropdown1 .dropdown-menu-list li a:hover,
.dropdown2 .dropdown-menu-list li.active a,
.dropdown2 .dropdown-menu-list li a:hover {
    color: var(--awea-primary);
}

.dropdown1.active .icon-arrow:before,
.dropdown2.active .icon-arrow:before {
    border-bottom-color: var(--awea-primary);
    border-right-color: var(--awea-primary);
}

/* --- 7. San pham / tin tuc --------------------------------------------- */

.name-pi h3 a {
    color: var(--awea-primary);
}

.content-new .box-info h3 a:hover,
.new-list .list-content-body .list-content-title a:hover {
    color: var(--awea-primary);
}

.view-more-product {
    color: var(--awea-primary);
}

/* Nut them vao gio hang - nut chinh: nen do, chu trang */
.box-product-list-bottom .box-add-cart a {
    background: var(--awea-primary);
    border-color: var(--awea-primary);
    color: #fff;
}

.box-product-list-bottom .box-add-cart a:hover {
    background: var(--awea-primary-dark);
    border-color: var(--awea-primary-dark);
    color: #fff;
}

/* --- 7b. Nut form (Lien he / dang ky...) -------------------------------
   type_button.php render class "btn btn-primary w3-btn w3-btn-sb"; theme
   khong style nen dang an theo mau xanh mac dinh cua Bootstrap.
   ---------------------------------------------------------------------- */

.btn-primary,
.w3-btn-sb,
input[type="submit"].btn-primary {
    background: var(--awea-primary);
    background-image: none;
    border-color: var(--awea-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.w3-btn-sb:hover,
.w3-btn-sb:focus {
    background: var(--awea-primary-dark);
    background-image: none;
    border-color: var(--awea-primary-dark);
    color: #fff;
}

/* --- 7c. Trang gio hang / thanh toan -----------------------------------
   CSS goc nam trong main.min.css (file NGOAI theme, khong sua duoc). Cac
   selector duoi day co do uu tien rat cao trong file goc nen dung
   !important. fix_3347.css duoc nap sau main.min.css nen override an toan.
   Mau goc: #ff5c01 (cam), #333 + #ffcb08 (den/vang o buoc dang chon).
   ---------------------------------------------------------------------- */

/* Nut chinh "Tien hanh dat Ngay" (gio-hang) va "Thanh toan" (thanh-toan):
   ca hai deu #ff5c01. Rieng .btn-next-step con co text-shadow mau XANH LA
   rgba(99,165,15,.75) - lac he mau nen bo han. */
.btn-proceed-checkout,
button.button.btn-proceed-checkout,
.btn-next-step,
#btn-payment-submit.btn-next-step {
    background: var(--awea-primary) !important;
    background-color: var(--awea-primary) !important;
    border-color: var(--awea-primary) !important;
    color: #fff !important;
    text-shadow: none !important;
}

.btn-proceed-checkout:hover,
.btn-proceed-checkout:focus,
button.button.btn-proceed-checkout:hover,
button.button.btn-proceed-checkout:focus,
.btn-next-step:hover,
.btn-next-step:focus {
    background: var(--awea-primary-dark) !important;
    background-color: var(--awea-primary-dark) !important;
    border-color: var(--awea-primary-dark) !important;
    color: #fff !important;
}

/* Thanh buoc Gio hang / Thanh toan / Hoa don: buoc active den+vang -> do+trang */
.process-payment ul li.active a {
    background: var(--awea-primary) !important;
    color: #fff !important;
}

/* Mui ten cua buoc active: tam giac CSS ve bang border 17px solid #333
   (border-bottom:0, border-left:none nen chi top+right hien ra) */
.process-payment ul li.active a:after {
    border-color: var(--awea-primary) !important;
}

/* Gia san pham va tong tien: cam -> do */
.cart .price,
.item-cart .price,
.totals .price,
.cart-collaterals .price {
    color: var(--awea-primary) !important;
}

/* --- 8. Scrollbar ------------------------------------------------------ */

::-webkit-scrollbar-thumb {
    background: var(--awea-primary);
}

/* --- 9. Icon PNG don sac mau xanh -> chuyen sang do bang filter --------
   Cac icon img/icon_main1|2|3|5.png va img/icon_list.png duoc ve san mau
   #094872. Dung filter de doi tone, tranh phai tao file anh moi (file anh
   dung chung voi cac site khac tren theme nay).
   ---------------------------------------------------------------------- */

.title-cr a i,
.dropdown1 .dropdown-menu-list li:hover:before,
.dropdown1 .dropdown-menu-list li.active:before,
.dropdown2 .dropdown-menu-list li:hover:before,
.dropdown2 .dropdown-menu-list li.active:before {
    filter: hue-rotate(153deg) saturate(1.1) brightness(1.55);
    -webkit-filter: hue-rotate(153deg) saturate(1.1) brightness(1.55);
}

/* ======================================================================
   STT#3 - HEADER / MENU MOBILE (<= 992px)
   ----------------------------------------------------------------------
   Vi sao dung 992px chu khong phai 768px:
   theme dang co 3 nguong khac nhau, chong cheo nhau:
     - style.css      @992px  -> header chuyen sang che do thu gon
     - style-menu.css @992px  -> hien hamburger #menu-button
     - header.php     @768px  -> moi doi khoi dang ky/dang nhap
   => vung 769-992px co hamburger nhung ten cong ty + cum co ngu van hien,
      lai bi position:absolute nen do tran xuong de len banner (loi man 800px).
   Gom tat ca ve 992px cho rieng site 3347.

   LUU Y CASCADE: header.php co the <style> nam trong <body> nen nap SAU
   file css nay. Moi rule cham den khai bao trong do bat buoc !important.
   ====================================================================== */

@media (max-width: 992px) {

    /* --- 3.1 Chi giu MOT nguon dang ky/dang nhap ----------------------
       Markup lap 2 lan trong header.php: .header-top va .htc-right.
       Dung .header-top cho toan bo vung <= 992px, an han .htc-right.
       ------------------------------------------------------------------ */
    .header-top {
        display: block !important;
    }

    .hearder-center .htc-right {
        display: none !important;
    }

    /* Ten cong ty + link website: an tren mobile (chot voi khach) */
    .hearder-center .text-add {
        display: none !important;
    }

    /* --- 3.2 Gop dang ky/dang nhap + co ngu vao cung hang voi logo ----
       Hai khoi nam o 2 the <div> khac nhau nen khong the dung flex chung.
       Cach lam: neo .header-top de len dung hang logo (cao 60px), can phai.
       pointer-events: none de vung trong khong chan click vao logo.
       ------------------------------------------------------------------ */
    #header {
        position: relative;
    }

    .header-top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: none;
        z-index: 5;
        pointer-events: none;
    }

    .header-top .header-top-content {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .header-top .register-language {
        width: auto;
        float: none;
        pointer-events: auto;
    }

    .header-top .register-language-content {
        float: none;
        display: flex;
        align-items: center;
    }

    .header-top .login,
    .header-top .language {
        float: none;
    }

    .header-top .login {
        margin: 0 12px 0 0;
        line-height: 1;
    }

    .header-top .login ul li {
        float: none;
        display: inline-block;
    }

    /* style.css dat color:#fff - mau nay danh cho .header-top nen xanh cu.
       Gio nen la trang nen phai doi sang do, neu khong chu vo hinh. */
    .header-top .login ul li a,
    .header-top .login ul li:last-child:before {
        color: var(--awea-primary);
    }

    .header-top .login ul li:hover a {
        color: var(--awea-primary-dark);
    }

    .header-top .language img {
        padding-top: 0;
    }

    /* --- 3.3 Hang logo ------------------------------------------------
       style.css ep .hearder-center-content{height:40px} nhung lai dat
       .logo .box-img-1{height:60px} => logo cao hon khung 20px, tran ra.
       header.php phai chua chay bang img{margin-top:-25px} khien logo
       leo len de vao thanh dang ky/dang nhap.
       ------------------------------------------------------------------ */
    .hearder-center:not(.menu_f) .hearder-center-content {
        height: auto;
        min-height: 60px;
        position: relative;
    }

    .logo {
        width: auto !important;
        padding-left: 0;
        float: left;
        position: static;
    }

    .logo .box-img-1 {
        height: 60px;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .logo .box-img-1 a {
        float: none;
        height: auto;
    }

    /* Logo goc 200x60 - gioi han theo chieu cao de khong bi phong to lam mo */
    .logo .box-img-1 img {
        margin-top: 0 !important;
        height: auto;
        width: auto;
        max-height: 42px;
        max-width: 100%;
    }

    /* --- 3.4 Thanh menu: hamburger + tim kiem can phai ----------------
       style.css dat .box-nav{float:right; margin-right:20px} roi lai
       position:absolute;width:100% => khoi menu bi day lech ra ngoai mep
       phai, keo theo nut +/- cua muc con tran khoi khung.
       Tra .box-nav ve luong binh thuong de sua loi tran; rieng danh sach
       menu thi cho noi len (xem 3.8).
       ------------------------------------------------------------------ */
    .hearder-center.menu_f .hearder-center-content {
        height: auto;
        min-height: 46px;
        position: relative;
    }

    .box-nav {
        position: static !important;
        float: none;
        width: 100%;
        margin-right: 0;
        padding-top: 0;
    }

    #cssmenu {
        float: none;
        width: 100%;
        display: block;
    }

    /* Icon kinh lup: goc la float:right, ban than .search-th chi cao 26px
       (padding 4px + icon 22px) trong hang cao 46px nen bi tut xuong duoi.
       Neo co dinh vao goc phai de can giua chinh xac, khong phu thuoc float. */
    .search-th {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 46px;
        padding-top: 12px;
    }

    /* .box-search goc neo bang bottom:-65px tinh tu day .search-th - chieu
       cao .search-th vua doi nen neo lai bang top cho chac. */
    .search-th .box-search {
        bottom: auto;
        top: 46px;
    }

    /* --- 3.5 Nut hamburger --------------------------------------------
       Icon goc ve bang ::before/::after mau den, neo right:40px - dam vao
       icon tim kiem. Doi sang trang (nen do) va noi rong khoang cach.
       ------------------------------------------------------------------ */
    #cssmenu #menu-button {
        height: 46px;
        padding: 0 !important;
    }

    #cssmenu #menu-button::after {
        top: 15px;
        right: 48px;
        background: #fff;
    }

    #cssmenu #menu-button::before {
        top: 22px;
        right: 48px;
        border-top-color: #fff;
        border-bottom-color: #fff;
    }

    /* Trang thai dang mo -> chuyen thanh dau X.
       js/script.js da tu gan class .menu-opened vao #menu-button nhung
       khong co CSS nao dung den => chi can khai bao, khong phai sua JS. */
    #cssmenu #menu-button.menu-opened::after {
        top: 22px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    #cssmenu #menu-button.menu-opened::before {
        top: 22px;
        height: 2px;
        border: 0;
        background: #fff;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    /* --- 3.6 Cac muc trong menu ---------------------------------------
       Goc: padding 12px 10px 4px 15px + height:36px co dinh => chu khong
       nam giua o, chu dai bi cat. Doi sang chieu cao tu dong, padding deu.
       padding-right 50px de chu khong chui xuong duoi nut +/- cua muc con.
       ------------------------------------------------------------------ */
    #cssmenu>ul {
        padding-top: 0 !important;
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        height: auto !important;
        padding: 12px 50px 12px 15px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    /* style.css dat #cssmenu>ul>li:first-child>a{padding-left:0} cho ban
       desktop nhung khong huy o mobile => muc TRANG CHU sat mep trai. */
    #cssmenu>ul>li:first-child>a {
        padding-left: 15px !important;
    }

    /* Phan cap the hien bang thut le */
    #cssmenu ul ul li a {
        padding-left: 30px !important;
    }

    #cssmenu ul ul ul li a {
        padding-left: 45px !important;
    }

    /* --- 3.7 Nut +/- cua muc co menu con ------------------------------
       Goc cao 37px trong khi muc menu gio cao 44px, vach ngan mau den.
       ------------------------------------------------------------------ */
    #cssmenu .submenu-button {
        height: 44px !important;
        width: 44px !important;
        border-left-color: rgba(255, 255, 255, 0.25) !important;
    }

    #cssmenu .submenu-button::after {
        top: 16px !important;
        left: 22px !important;
        height: 13px !important;
        background: #fff !important;
    }

    #cssmenu .submenu-button::before {
        top: 22px !important;
        left: 16px !important;
        width: 13px !important;
        background: #fff !important;
    }

    /* --- 3.8 Menu mo dang overlay -------------------------------------
       Chi cho rieng danh sach cap 1 noi len, khong dung lai
       .box-nav{position:absolute} cua style.css - chinh no cong voi
       margin-right:20px la nguyen nhan nut +/- tran khoi mep phai.
       #cssmenu san co position:relative nen lam moc neo luon;
       top:46px = day thanh menu do.
       Chi lay ul CAP 1 (dau > ), ul con van chay theo kieu xo doc binh thuong.
       ------------------------------------------------------------------ */
    #cssmenu>ul.open {
        position: absolute;
        top: 46px;
        left: 0;
        right: 0;
        width: auto;
        z-index: 20;
    }

    /* Lop nen mo phia duoi menu. Dat z-index:-1 de nam duoi cac muc menu
       nhung van tren banner. Chi trai tu day menu tro xuong nen khong lam
       toi logo va thanh menu. left/right = 0 de khong sinh thanh cuon ngang. */
    #cssmenu>ul.open::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0, 0, 0, 0.45);
        z-index: -1;
    }
}

/* Khoi Facebook o footer duoc nhap tu admin voi inline style="width:330px".
   Chi clamp lai, khong ep chieu rong, nen tren man rong khong doi gi. */
.box-ft.box-fb,
.box-ft.box-fb .fb_iframe_widget,
.box-ft.box-fb .fb_iframe_widget>span,
.box-ft.box-fb .fb_iframe_widget iframe {
    max-width: 100% !important;
}

/* Man rat hep: thu nho logo de khong dam vao khoi dang ky/dang nhap */
@media (max-width: 360px) {
    .logo .box-img-1 img {
        max-height: 34px;
    }

    /* 330px inline > be ngang kha dung (320 - 20 padding = 300) => sinh
       cuon ngang cho CA TRANG. Inline style nen bat buoc !important. */
    .box-ft.box-fb {
        width: auto !important;
    }

    .header-top .login {
        margin-right: 8px;
    }

    .header-top .login ul li a,
    .header-top .login ul li:last-child:before {
        padding: 1px 2px;
    }
}


/* ======================================================================
   STT#5 - THANH LIEN KET HO TRO DOC (Zalo + Hotline)
   ----------------------------------------------------------------------
   Markup: views/layouts/partial/support_float_3347.php
   Nap trong main.php va main_in.php, boc if site_id == 3347.

   NEO THEO NUT LEN TOP (do do bang DevTools tren web live):
     a#scrollup { position: fixed; bottom: 50px; right: 25px;
                  width: 40px; height: 40px; z-index: 9999 }
     - CSS cua no den tu main.min.css (file CAP CMS, NGOAI theme) nen
       khong sua duoc tu day; chi co the ne ra.
     - display do JS ngoai theme bat/tat theo scroll => luc chua cuon thi
       nut an, thanh nay van dung yen o bottom 100px. Day la co y: neu
       neo theo nut kia thi moi lan cuon ca thanh se nhay len nhay xuong.

   TINH TOAN VI TRI:
     - Chieu doc: nut len top chiem tu 50px den 90px tinh tu day man.
       Dat bottom 100px => con 10px khe ho, khong bao gio dinh nhau.
     - Chieu ngang: nut len top rong 40px o right 25px => tam cach mep
       phai 45px. Item o day rong 48px nen right = 45 - 24 = 21px thi
       hai khoi thang truc voi nhau.
     - z-index 9998, THAP HON 9999 cua nut len top. Neu co truong hop bo
       cuc du doan sai thi nut len top noi len tren, khong bi che mat.
   ====================================================================== */

.awea-float {
    position: fixed;
    right: 21px;
    bottom: 100px;
    z-index: 9998;
}

.awea-float-item {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    /* Khong dung flex gap cho khoang cach giua 2 nut: gap trong flex
       khong chay tren Safari duoi 14.1. Dung margin cho chac. */
    transition: transform 0.2s ease;
}

.awea-float-item+.awea-float-item {
    margin-top: 12px;
}

.awea-float-item:hover {
    transform: scale(1.08);
}

/* Mau xanh chinh chu cua Zalo */
.awea-float-zalo {
    background: #0068ff;
}

.awea-float-tel {
    background: var(--awea-primary);
}

.awea-float-icon {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.awea-float-item svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: #fff;
}

/* Nhan hien khi ro chuot, do TUYET DOI ben trai nut nen khong lam xe
   dich bo cuc (neu cho no chiem cho that thi ca thanh se giat khi hover). */
.awea-float-label {
    position: absolute;
    top: 50%;
    right: 58px;
    margin-top: -14px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.awea-float-item:hover .awea-float-label {
    opacity: 1;
    visibility: visible;
}

/* Tren mobile khong co trang thai hover => bo han nhan, thu nho nut cho
   do choan man. Nut len top van o right 25px/rong 40px nen right = 23px
   moi thang truc voi item 44px. */
@media (max-width: 992px) {
    .awea-float {
        right: 23px;
        bottom: 100px;
    }

    .awea-float-item {
        width: 44px;
        height: 44px;
    }

    .awea-float-item+.awea-float-item {
        margin-top: 10px;
    }

    .awea-float-icon {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }

    .awea-float-item svg {
        width: 22px;
        height: 22px;
    }

    .awea-float-label {
        display: none;
    }
}


/* ======================================================================
   STT#6 - KHOI PHUC BULLET ul/ol CHO NOI DUNG SOAN TU ADMIN
   ----------------------------------------------------------------------
   BA nguyen nhan chong nhau, khong phai mot:

   1. style.css:49-55  reset global "ol, ul, li { padding:0; margin:0 }"
      => xoa thut le cua CA ul LAN ol. Dau cham/so bi day ra ngoai hop
         noi dung, gap cha co overflow:hidden la mat hut.
   2. style.css:159    "ul { list-style:none; padding:0 }"
      => giet han dau cham cua ul tren toan site.
   3. style.css:1528   ".description-detail ul { margin:5px 0 0 0 }"
      => rieng mo ta ngan san pham bi ep margin-left ve 0 mot lan nua,
         nen du co tra lai list-style thi marker van nam ngoai khung.

   Dung so 1+2 giai thich dung hien tuong khach mo ta "khong dong nhat":
   ol van con so (reset global khong dung toi list-style cua ol) nhung ul
   thi mat cham => cung mot bai viet, danh sach danh so thi hien, danh
   sach gach dau dong thi khong.

   PHAM VI - vi sao KHONG dung .detail-product-content
   Khach bao class do la cua trang san pham, nhung doc detail.php:93 thi
   no boc CA trang: gallery anh, form so luong, va widget POS_WIGET_BLOCK1
   (san pham lien quan) o detail.php:223 nam BEN TRONG no. Widget lien
   quan rat de render bang <ul> => vao pham vi la danh sach san pham moc
   dau cham. Nen chi nham vao dung 2 vung soan thao ben trong:
   .description-detail (mo ta ngan) va .content-detail .cont-detail
   (mo ta chi tiet).

   list-style-position: outside + padding-left: 24px
   => marker nam trong vung padding cua chinh danh sach, khong bao gio bi
      cha cat mat. Neu de "inside" thi marker an vao dong chu, xuong dong
      se bi thut sai.
   ====================================================================== */

.instroduce ul,
.instroduce ol,
.news-detail ul,
.news-detail ol,
.description-detail ul,
.description-detail ol,
.content-detail .cont-detail ul,
.content-detail .cont-detail ol,
.box-images-product ul,
.box-images-product ol,
.content-dnr ul,
.content-dnr ol {
    list-style-position: outside;
    margin: 8px 0;
    padding-left: 24px;
}

.instroduce ul,
.news-detail ul,
.description-detail ul,
.content-detail .cont-detail ul,
.box-images-product ul,
.content-dnr ul {
    list-style-type: disc;
}

.instroduce ol,
.news-detail ol,
.description-detail ol,
.content-detail .cont-detail ol,
.box-images-product ol,
.content-dnr ol {
    list-style-type: decimal;
}

/* Phan cap long nhau: doi marker de nhin ra tung cap */
.instroduce ul ul,
.news-detail ul ul,
.description-detail ul ul,
.content-detail .cont-detail ul ul,
.box-images-product ul ul,
.content-dnr ul ul {
    list-style-type: circle;
}

.instroduce ul ul ul,
.news-detail ul ul ul,
.description-detail ul ul ul,
.content-detail .cont-detail ul ul ul,
.box-images-product ul ul ul,
.content-dnr ul ul ul {
    list-style-type: square;
}

.instroduce ol ol,
.news-detail ol ol,
.description-detail ol ol,
.content-detail .cont-detail ol ol,
.box-images-product ol ol,
.content-dnr ol ol {
    list-style-type: lower-alpha;
}

/* Danh sach con: bo margin tren/duoi de khong an doi khoang cach voi
   margin 8px cua danh sach cha */
.instroduce li>ul,
.instroduce li>ol,
.news-detail li>ul,
.news-detail li>ol,
.description-detail li>ul,
.description-detail li>ol,
.content-detail .cont-detail li>ul,
.content-detail .cont-detail li>ol,
.box-images-product li>ul,
.box-images-product li>ol,
.content-dnr li>ul,
.content-dnr li>ol {
    margin: 4px 0 0 0;
}

.instroduce li,
.news-detail li,
.description-detail li,
.content-detail .cont-detail li,
.box-images-product li,
.content-dnr li {
    /* Reset global dat li{margin:0;padding:0} - tra lai chut khoang tho */
    margin-bottom: 4px;
    line-height: 1.6;
    list-style: inherit;
}

/* style.css:1718 dat .content-dnr ul{list-style:inherit; margin-left:30px}
   - inherit tu cha dang la none nen thanh ra van mat cham. Khoi rieng nay
   de huy margin-left do, tranh cong don voi padding-left 24px o tren. */
.content-dnr ul,
.content-dnr ol {
    margin-left: 0;
}

/* Man hep: thu thut le lai cho do an cho, nhung van du de marker khong
   dinh vao mep noi dung */
@media (max-width: 480px) {

    .instroduce ul,
    .instroduce ol,
    .news-detail ul,
    .news-detail ol,
    .description-detail ul,
    .description-detail ol,
    .content-detail .cont-detail ul,
    .content-detail .cont-detail ol,
    .box-images-product ul,
    .box-images-product ol,
    .content-dnr ul,
    .content-dnr ol {
        padding-left: 20px;
    }
}


/* ----------------------------------------------------------------------
   Breadcrumb: ten bai dai khong xuong dong, tran ra ngoai khung (mobile)
   ----------------------------------------------------------------------
   Markup that (widget common.widgets.modules.breadcrumb, main_in.php:39):
       <ul class="breadcrumb">
           <li><a href="/">Trang chu</a></li>
           <li><a href="...">Du an</a></li>
           <li><a href="...">Du an cung cap va lap dat tai nha may ...</a></li>
       </ul>

   Nguyen nhan: bootstrap dat .breadcrumb > li { display: inline-block }.
   Hop inline-block la mot khoi NGUYEN VEN, khong the be doi qua 2 dong.
   Muc thu 3 khong du cho o dong 1 nen bi day xuong dong 2, nhung ban than
   no rong hon container => tran han ra ngoai mep phai. Do la ly do trong
   anh thay breadcrumb co xuong dong nhung dong 2 van chay mat hut.

   CSS gay loi nam ngoai theme (bootstrap / main.min.css) nen khong sua
   duoc tu day, chi ghi de. Theme chi co 2 rule cho .breadcrumb o
   style.css:1434-1442, ca hai deu khong dinh toi xuong dong.

   max-width: 100% tren <li> la rule QUAN TRONG NHAT: no chan be rong hop
   inline-block lai bang container, buoc chu ben trong phai tu ngat dong.
   Thieu no thi cac rule con lai khong cuu duoc.

   white-space: normal + overflow-wrap la lop phong thu: neu co noi nao do
   ngoai theme dat nowrap thi tra ve normal, va chuoi dai khong co khoang
   trang (vd url dan thang) van ngat duoc. Ca hai vo hai neu khong can toi.

   Boc trong .main-in-content de chi cham breadcrumb cua trang trong.
   ---------------------------------------------------------------------- */

.main-in-content .breadcrumb {
    white-space: normal;
    line-height: 1.6;
}

.main-in-content .breadcrumb li {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.main-in-content .breadcrumb li a {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* ======================================================================
   STT#7 - TIEU DE NHOM SAN PHAM DE LEN KHUNG SAN PHAM (trang chu)
   ----------------------------------------------------------------------
   Markup (giong het nhau o CA BA view dung .title-cr:
   productcategoryinhome/view_2.php, categoryinhome/view_2.php,
   economy/product/view_category_list.php => sua CSS mot lan la phu het):
       <div class="title-cr">
           <a href="..."><i></i><h3>Trung tam gia cong dung / Vertical Milling</h3></a>
       </div>

   CO CHE GOC (style.css:999-1013):
       .title-cr   { border-bottom: 1px solid #d7d7d7; height: 1px }
       .title-cr a { position: relative; bottom: 38px; height: 65px;
                     width: 23.5%; background: #fff; z-index: 2 }
       .title-cr h3{ padding-top: 40px }
   Y do: .title-cr chi la mot DUONG KE cao 1px; the <a> cao 65px duoc keo
   nguoc len 38px va to nen trang de "duc lo" tren duong ke.

   VI SAO VO - hai loi rieng biet, cong huong nhau:
   1. position: relative chi dich chuyen phan NHIN THAY, KHONG doi cho no
      chiem trong luong. O chua van chi cao 1px nen 27px duoi cua the <a>
      (65 - 38) roi thang xuong vung san pham => de len card.
   2. height: 65px fix cung. Tieu de 2-3 dong (VN + EN) cao hon 65px nen
      chu tran khoi khung nen trang, nen trang khong che noi => chu de
      thang len anh san pham.
   Ca 4 y khach mo ta deu quy ve mot goc: height bi fix cung o CA HAI tang.

   CACH SUA
   - Bo height:1px va bottom:38px => khoi tieu de tro lai chieu cao tu
     dong, cao bao nhieu thi chiem dung bay nhieu, khong con de len ai.
   - Duong ke ve lai bang h3::before / h3::after keo dai sang hai ben tu
     mep chu. Dat top:50% cua CHINH h3 nen duong ke luon nam ngang tam
     chu du tieu de 1, 2 hay 4 dong - dung nhu khach chot ("duong ke nam
     ngang chu tieu de, icon banh rang nam tren duong ke").
   - Khong can "duc lo" nen trang nua: hai doan ke moc ra tu mep h3 nen
     khong bao gio cham vao chu.
   - overflow:hidden o .title-cr de cat 2 doan ke 2000px, khong sinh cuon
     ngang. (main.min.css da dat * { box-sizing: border-box } toan cuc nen
     padding khong cong them vao be rong.)

   LUU Y CASCADE: style.css con de .title-cr a{width:30%} o @1100px va
   {width:50%} o @768px. Rule width:100% ben duoi nam NGOAI media query
   nhung van thang, vi media query khong cong them do uu tien va
   fix_3347.css duoc nap SAU style.css.
   ====================================================================== */

.title-cr {
    height: auto;
    border-bottom: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    /* Khach yeu cau tang khoang cach voi danh sach ben duoi.
       .content-cr da co san padding-top 35px => tong thanh 50px. */
    margin-bottom: 15px;
}

.title-cr a {
    /* static => vo hieu hoa bottom:38px, tra the <a> ve dung luong */
    position: static;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    background: none;
}

/* Icon banh rang: goc la absolute (khong chiem cho) => doi ve static de
   no day phan chu xuong dung mot dong, nam TREN duong ke. */
.title-cr a i {
    position: static;
    display: block;
    margin: 0 auto 6px;
}

.title-cr h3 {
    /* Ghi de padding-top:40px cua style.css - khoang trong do truoc kia
       la de chua icon absolute, gio icon da chiem cho that. */
    padding: 0 20px;
    position: relative;
    display: inline-block;
    max-width: 72%;
    line-height: 1.35;
}

/* Hai doan ke moc ra tu mep trai/phai cua chu, neo o giua chieu cao chu */
.title-cr h3::before,
.title-cr h3::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 2000px;
    border-top: 1px solid #d7d7d7;
}

.title-cr h3::before {
    right: 100%;
}

.title-cr h3::after {
    left: 100%;
}

/* Man hep: noi rong phan chu, thu khoang cach lai cho do choan cho */
@media (max-width: 480px) {
    .title-cr {
        margin-bottom: 10px;
    }

    .title-cr h3 {
        max-width: 80%;
        padding: 0 12px;
    }
}

/* ======================================================================
   STT#8 - KHOANG CACH CARD SAN PHAM TRANG CHU (MOBILE)
   ----------------------------------------------------------------------
   Trang chu dung owl carousel #owl-demo1 (js/main.js:69):
       responsive { 0:{items:2}, 600:{items:2}, 1000:{items:3} }
       margin: 10
   => tren mobile luon 2 san pham/hang.

   KHOANG TRANG NGANG GIUA 2 CARD = 30px, cong tu BA nguon:
       10px  margin cua owl (owl gan margin-right vao .owl-item)
       10px  .item-pi { padding: 10px }  - card trai   (style.css:1052)
       10px  .item-pi { padding: 10px }  - card phai
   Khach chot thu con 18px => ha padding .item-pi tu 10px xuong 4px.

   RANG BUOC: margin:10 nam trong js/main.js - file DUNG CHUNG voi site
   2443/2549, khong dung toi. Nen 10px cua owl la SAN khong ha duoc them
   neu khong sua JS; phan thu duoc chi nam o 20px padding.

   TIEN THE VA MOT LOI CO SAN:
   style.css dat .product-index-content{margin:0 -7px} nhung
   .item-pi{padding:10px} - hai so LECH NHAU 3px. Gutter am cua hang phai
   bang dung padding cua item thi mep card moi thang le voi noi dung
   xung quanh; lech 3px nen hang card dang thut vao 3px moi ben.
   Sua lai cho khop: padding 4px thi gutter -4px.

   KHOANG CACH DOC GIUA CAC NHOM (khach keu thua):
       .layout-r  { padding: 40px 0 0 0 }   (style.css:1041)
       .content-cr{ padding: 35px 0 10px }  (style.css:1035)
   Ha xuong 22px va 18px/4px. Cong voi .title-cr{margin-bottom:10px} da
   dat o STT#7 cho man <=480px:
       - Tieu de -> danh sach: 50px  ->  28px
       - Nhom nay -> nhom sau:  50px  ->  26px

   Pham vi <=767px: tu 768px tro len owl van 2 items nhung card rat rong,
   khe 30px nhin can doi nen giu nguyen.
   ====================================================================== */

@media (max-width: 767px) {

    /* Card noi chung. Trang danh muc (view_category_product.php) dat CA HAI
       class len cung the div: "col-list-pro item-pi col-xs-6", xep bang
       bootstrap grid => khe ngang = 4 + 4 = 8px. Day la muc khach lay lam
       chuan ("tham khao trang sp dang hep the nao"). */
    .item-pi {
        padding: 4px;
    }

    /* Gutter cua trang danh muc: style.css dat .row{margin:0 -10px} o mobile,
       lech 6px so voi padding 4px moi ben => hang card loi ra khoi le noi
       dung. Keo ve khop. */
    .product-list .row {
        margin-left: -4px;
        margin-right: -4px;
    }

    /* --- Trang chu: khe ngang khop voi trang danh muc -------------------
       Card trang chu nam trong owl carousel, ma owl TU CHEN margin-right
       10px giua cac item (margin:10 o js/main.js:69). Trang danh muc khong
       co khoan nay. Nen cung dat padding 4px thi:
           trang danh muc: 4 + 4       =  8px
           trang chu:      4 + 10 + 4  = 18px   <- rong hon gap doi
       Bo han padding o trang chu, lay dung 10px cua owl lam khe => 10px,
       sat voi 8px cua trang danh muc.

       10px la SAN khong ha them duoc: muon hep hon phai sua margin:10 trong
       js/main.js - file DUNG CHUNG voi site 2443/2549 nen khong dung toi.
       Ghi de margin-right cua .owl-item bang CSS cung khong duoc: owl da
       tinh be rong item DUA TREN margin do tu luc khoi tao, xoa margin di
       thi cac item se lech khoi khung.
       ------------------------------------------------------------------- */
    .product-index-content .item-pi {
        padding: 0;
    }

    /* Padding item ve 0 thi gutter am cung phai ve 0, neu khong hang card
       se loi ra 4px moi ben so voi tieu de nhom ben tren. */
    .product-index-content {
        margin-left: 0;
        margin-right: 0;
    }

    /* Khoang cach doc, ha dan qua 3 vong theo phan hoi cua khach:
       .layout-r  padding-top 40px -> 22 -> 12 -> 0  (khach chot: 0 cung duoc)
       .content-cr padding-top 35px -> 18 ->  8
       => tieu de -> danh sach: 18px  |  nhom nay -> nhom sau: 4px
       (4px con lai la padding-bottom cua .content-cr; khoang ho thuc te
       giua 2 nhom con duoc cong them tu .box-info cao 40px cua the ten
       san pham ngay ben tren.) */
    .layout-r {
        padding-top: 3px;
    }

    .content-cr {
        padding: 8px 0 4px 0;
    }
}


/* ======================================================================
   STT#9 - KHOI DOI TAC: 2 LOGO/SLIDE TREN MOBILE
   ----------------------------------------------------------------------
   Phan doi so luong item nam o JS:
   views/layouts/partial/owl_partner_3347.php (sua options.responsive[0]
   roi trigger refresh, khong dung toi js/main.js dung chung).
   Phan duoi day lo kich thuoc + can le logo, dung cho MOI co man hinh.

   Markup (modules/banner/view_42.php):
       #owl-demo5 > .item-pn > .content-pn > .box-image > a > img

   LOI GOC (style.css:2058-2073):
       .box-image     { text-align:center; height:60px; overflow:hidden }
       .box-image img { position:absolute; top/right/bottom/left:0;
                        margin:auto; width:inherit !important;
                        max-height:100% }
   .box-image KHONG he co position:relative. Anh dat position:absolute nen
   no neo vao to to tien co position gan nhat - o day la .owl-stage / .owl-item
   chu khong phai o chua no => logo tran ra ca chieu rong slide, moi logo
   mot co, khong logo nao can giua dung o cua minh. Dung hien tuong trong
   anh khach gui: mot logo phong to chiem tron man.

   CACH SUA: bo han position:absolute, dung flex de can giua ca hai truc.
   Don gian hon, khong phu thuoc vao to tien nao co position hay khong.
   ====================================================================== */

.partner #owl-demo5 .item-pn .box-image {
    /* Van giu height 60px de moi logo cao bang nhau (khach yeu cau
       "kich thuoc dong deu"), nhung can giua bang flex thay vi absolute. */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.partner #owl-demo5 .item-pn .box-image a {
    display: block;
    max-width: 100%;
    max-height: 100%;
    line-height: 0;
}

.partner #owl-demo5 .item-pn .box-image img {
    /* width:inherit !important cua style.css bat buoc phai ghi de bang
       !important. Cac khai bao con lai chi can do uu tien cao hon. */
    width: auto !important;
    position: static;
    max-width: 100%;
    max-height: 60px;
    margin: 0;
    /* Logo dai/vuong deu vua khung, khong bi keo meo */
    object-fit: contain;
}

/* Khach yeu cau "khoang cach giua 2 logo can doi, khong bi sat mep".
   style.css:1209 dat .item-pn{padding:0 2px}; cong voi margin 10px cua owl
   thi khe giua 2 logo la 14px, nhung logo lai gan sat mep o cua minh.
   Nang padding len 6px cho thoang deu hai ben. */
.partner #owl-demo5 .item-pn {
    padding: 0 6px;
}

@media (max-width: 767px) {

    /* style.css:1205 dat .partner .content-cr{padding-top:60px}. Do uu tien
       0,2,0 nen rule .content-cr{padding:8px 0 4px} o khoi STT#8 (0,1,0)
       KHONG thang duoc => rieng khoi Doi tac van thua 60px tren mobile.
       Phai chi dinh dung .partner .content-cr moi ha duoc. */
    .partner .content-cr {
        padding-top: 12px;
    }
}

/* ======================================================================
   STT#11 - GIAO DIEN GIO HANG MOBILE (/gio-hang.html)
   ----------------------------------------------------------------------
   Markup: views/economy/shoppingcart/cart_mobile_3347.php
   Duoc goi tu views/economy/shoppingcart/index.php:102, boc san
   if site_id == 3347 nen site 2443/2549 khong nhan gi.

   BOI CANH - vi sao trang cu vo tren mobile
   index.php co san HAI ban: .bg-cart-page (hidden-xs, ban desktop) va
   .bg-cart-page-mobile (visible-xs). Nhung bootstrap responsive utilities
   dang HONG MOT NUA: main.min.css (file cap CMS, ngoai theme) chi giu rule
   nen .visible-xs{display:none!important} ma mat phan @media di kem =>
       hidden-xs  KHONG an duoc ban desktop  -> bang rong bi ep vao 375px
       visible-xs VAN an ban mobile          -> ban co san khong bao gio hien
   Bang chung: gio trong hien nut "TIEN HANH DAT NGAY" (nut cua ban desktop;
   ban mobile dung chu "Dat hang"), va box model do duoc .bg-cart-page dang
   render that o 355x328px.

   => Ca 4 loi khach neu (thung rac sai vi tri, ten SP de len anh, gia de
   dau cong o o so luong, tong tien dat sang phai) deu la trieu chung cua
   cung mot thu: bang desktop bi bop vao man hep.

   Khong the tin hidden-xs/visible-xs nua nen phai khai bao tuong minh ca
   hai chieu ben duoi.
   ====================================================================== */

@media (max-width: 767px) {

    /* An CA HAI ban cu: ban desktop (bang rong) va ban mobile co san
       (dem so luong hard-code, tong tien + nut dat hang khong an khi gio
       rong, trung id qtyMobile). Chi giu ban moi. */
    .shopping-cart-page .bg-cart-page,
    .shopping-cart-page .bg-cart-page-mobile {
        display: none !important;
    }

    .awea-cart {
        display: block;
    }

}

/* ----------------------------------------------------------------------
   Sua le toan trang gio hang: khung noi dung bi co lai duoi 1200px
   ----------------------------------------------------------------------
   Trang nay co HAI the .container LONG NHAU:
       main_in.php  -> .container ngoai  (khung chung cua layout)
       index.php:10 -> .container trong  (khung rieng cua trang gio hang)
   Do o 375px: cai ngoai rong 371px nhung cai trong chi 269px, keo theo moi
   khoi ben trong deu 269px - ke ca .process-payment (thanh 3 buoc, markup
   goc cua theme chu khong phai cua minh). Tu 1200px tro len thi binh thuong.

   Moc 1200px trung voi style.css:1807
       @media screen and (max-width: 1200px) { .container{width:100%;padding:0;margin:0} }
   Duoi nguong nay .container bo chieu rong co dinh de an theo cha, nhung
   voi container LONG NHAU thi chuoi tinh toan do gay ra co rut. Layout goc
   cua .container den tu main.min.css (cap CMS, ngoai theme) nen khong sua
   duoc tu day, chi ghi de.

   Ap o MOI co man (khong boc media query): tren 1200px cai trong von da
   rong bang cai ngoai nen rule nay khong doi gi; duoi 1200px thi no keo
   lai dung be rong. Boc trong .shopping-cart-page nen chi cham trang gio
   hang, khong dinh toi bat ky .container nao khac cua site.
   ---------------------------------------------------------------------- */

/* THU PHAM: <section id="cart" class="cart">.
   Do bang cach leo nguoc cay DOM o 1182px:
       DIV.process-payment    -> 511px
       DIV.container          -> 511px   (dung 100% cha, khong phai loi)
       SECTION.cart           -> 511px   <- be rong sap o day
       DIV.shopping-cart-page -> 1158px  (den day van rong du)
   The display:block luon rong 100% cha, ra 511px nghia la no bi ep
   width/max-width tu main.min.css. Ep lai ca section lan container ben
   trong cho chac. */

.shopping-cart-page .cart,
.shopping-cart-page .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    float: none;
}

/* Tu 768px tro len giu nguyen ban desktop, an ban moi.
   Khai bao tuong minh vi khong dua vao visible-xs duoc nua.
   Dung !important: khoi nay PHAI bien mat tren desktop, khong duoc de bat
   ky rule nao khac lat nguoc. Neu no van hien tren desktop thi gan nhu chac
   chan file css tren server chua phai ban moi nhat. */
@media (min-width: 768px) {
    .awea-cart {
        display: none !important;
    }
}

/* Chan tran ngang: khoi nay nam trong .container nen phai bam dung be rong
   cha, khong duoc tu no rong ra. */
.awea-cart {
    width: 100%;
    max-width: 100%;
}

/* --- Danh sach san pham ------------------------------------------------ */

.awea-cart-list {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.awea-cart-item {
    display: flex;
    align-items: flex-start;
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

.awea-cart-thumb {
    flex: 0 0 80px;
    display: block;
    margin-right: 12px;
    padding: 4px;
    border: 1px solid #ececec;
    background: #fff;
}

.awea-cart-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

/* min-width:0 la rule QUAN TRONG NHAT o day. Mac dinh flex item co
   min-width:auto nen no khong bao gio co lai nho hon noi dung ben trong
   => ten san pham dai lam o phinh ra va tran len anh. Dat ve 0 thi ten dai
   moi chiu xuong dong. Dung loi "ten SP qua dai va de len anh SP". */
.awea-cart-body {
    flex: 1 1 auto;
    min-width: 0;
}

.awea-cart-code {
    margin: 0 0 4px 0;
    font-size: 12px;
    color: #8a8a8a;
}

.awea-cart-name {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    /* Ma san pham la chuoi dai khong khoang trang (vd 45113000yyyyyy)
       nen phai cho phep ngat giua tu, khong thi van tran. */
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.awea-cart-name a {
    color: #333;
}

.awea-cart-attr {
    margin: 0 0 6px 0;
    font-size: 12px;
    color: #777;
}

.awea-cart-attr span {
    margin-right: 8px;
}

.awea-cart-line {
    margin: 0 0 4px 0;
    font-size: 13px;
    line-height: 1.5;
}

.awea-cart-label {
    color: #777;
}

.awea-cart-line strong {
    color: #333;
    font-weight: 700;
}

/* --- O so luong + nut XOA ---------------------------------------------- */

.awea-cart-tools {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.awea-cart-qty {
    width: 62px;
    height: 34px;
    margin-right: 10px;
    padding: 0 6px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

/* Bo mui ten tang giam mac dinh cua input[type=number] - o qua hep,
   mui ten se de len chu so. */
.awea-cart-qty::-webkit-outer-spin-button,
.awea-cart-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.awea-cart-qty {
    -moz-appearance: textfield;
}

.awea-cart-remove {
    display: inline-block;
    height: 34px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 700;
    color: #8a8a8a;
    text-align: center;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.awea-cart-remove:hover,
.awea-cart-remove:focus {
    color: #fff;
    background: var(--awea-primary);
    border-color: var(--awea-primary);
    text-decoration: none;
}

/* --- Tong cong ---------------------------------------------------------- */

.awea-cart-total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 14px 12px;
    margin-bottom: 15px;
    border-top: 2px solid #ececec;
}

.awea-cart-total span {
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.awea-cart-total strong {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

/* --- Nut hanh dong ------------------------------------------------------ */

.awea-cart-btn {
    display: block;
    width: 100%;
    padding: 13px 12px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.awea-cart-btn-primary {
    color: #fff;
    background: var(--awea-primary);
    border-color: var(--awea-primary);
}

.awea-cart-btn-primary:hover,
.awea-cart-btn-primary:focus {
    color: #fff;
    background: var(--awea-primary-dark);
    border-color: var(--awea-primary-dark);
    text-decoration: none;
}

.awea-cart-btn-ghost {
    color: #555;
    background: #f0f0f0;
    border-color: #e0e0e0;
}

.awea-cart-btn-ghost:hover,
.awea-cart-btn-ghost:focus {
    color: #333;
    background: #e6e6e6;
    text-decoration: none;
}

/* --- Gio hang trong ----------------------------------------------------- */

.awea-cart-empty {
    padding: 30px 15px;
    margin-bottom: 15px;
    text-align: center;
    border: 1px dashed #dcdcdc;
    background: #fafafa;
}

.awea-cart-empty p {
    margin: 0 0 18px 0;
    font-size: 14px;
    color: #777;
}

/* Gio trong chi co dung mot nut nen khong can rong het chieu ngang */
.awea-cart-empty .awea-cart-btn {
    display: inline-block;
    width: auto;
    min-width: 200px;
    margin-bottom: 0;
}

/* Man rat hep: anh nho lai de phan chu con du cho */
@media (max-width: 360px) {
    .awea-cart-thumb {
        flex-basis: 64px;
        margin-right: 10px;
    }

    .awea-cart-total strong {
        font-size: 18px;
    }
}