/* =====================================================================
   LKCG.VN – Chuẩn hóa màu & bố cục (11/2026)
   Nạp SAU cùng trong theme.bwt để ghi đè CSS cũ của Golden Mart.
   Đổi màu toàn site: chỉ sửa các biến ở :root.
   ===================================================================== */
:root{
  --lk-blue:#47a0e4;        /* màu thanh menu – màu chủ đạo */
  --lk-blue-dark:#1b6ba8;   /* chữ nhấn, giá, tiêu đề, nút đậm */
  --lk-blue-deep:#14558a;   /* hover của nút đậm */
  --lk-blue-soft:#eef6fd;   /* nền nhạt */
  --lk-blue-line:#d3e6f6;   /* viền nhạt */
  --lk-ink:#1f2937;         /* chữ chính */
  --lk-gray:#6b7280;        /* chữ phụ */
  --lk-line:#e5e9ef;        /* viền trung tính */
  --lk-r:8px;
  /* đồng bộ sidebar danh mục (lkcg-sidebar.css) */
  --lk-accent:var(--lk-blue-dark);
  --lk-accent-soft:var(--lk-blue-soft);
}
/* Cho phép sidebar "dính" khi cuộn (theme cũ đặt overflow-x:hidden làm hỏng sticky) */
html,body{overflow-x:clip!important;overflow-y:visible!important}
body{color:var(--lk-ink)}
a{color:var(--lk-blue-dark)}
a:hover,a:focus{color:var(--lk-blue-deep)}
/* =============================== HEADER =============================== */
.header-container{border-bottom:0}
.support_search,.support_search h5,.support_search span{color:var(--lk-gray)!important;font-size:13px}
.support_search a{color:var(--lk-blue-dark)!important;font-weight:700}
/* Ô tìm kiếm */
.search_form{width:100%!important;max-width:none!important;float:none!important}
.search_form .search-form{display:flex;align-items:stretch;border:2px solid var(--lk-blue);border-radius:var(--lk-r);overflow:hidden;background:#fff}
.search_form .search_input{flex:1;min-width:0;border:0!important;box-shadow:none!important;height:42px!important;padding:0 14px!important;font-size:14px;color:var(--lk-ink);background:#fff!important;outline:0}
.search_form .search-before{display:none!important}
.search_form .btnsearch{position:static!important;flex:0 0 auto;width:auto!important;height:42px!important;padding:0 20px!important;border:0!important;border-radius:0!important;background:var(--lk-blue)!important;color:#fff!important;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s}
.search_form .btnsearch:hover{background:var(--lk-blue-dark)!important}
/* Tài khoản – giỏ hàng */
.account a,.account span,.cart a,.cart span:not(.cartCount){color:var(--lk-gray)!important}
.account a:hover,.cart a:hover{color:var(--lk-blue-dark)!important}
.cartCount{background:var(--lk-blue-dark)!important;color:#fff!important}
/* Thanh menu ngang */
nav.hidden-md-down{background:var(--lk-blue)!important;box-shadow:0 2px 6px rgba(20,85,138,.18)}
.nav_menu .nav-drop{background:var(--lk-blue-dark)!important;height:50px;display:flex;align-items:center;border-radius:var(--lk-r) var(--lk-r) 0 0}
.nav_menu .title-menu-bar{display:flex;align-items:center;width:100%;height:50px;padding:0 16px;margin:0!important;line-height:normal!important}
.nav_menu .title-menu-bar>div{margin:0!important;line-height:normal!important}
.nav_menu .title-menu-bar .title-bar{display:none!important}
.nav_menu #showmenu{display:flex!important;align-items:center;gap:10px;color:#fff!important;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.2px;text-decoration:none}
.nav_menu #showmenu::before{content:"";width:18px;height:14px;flex:0 0 18px;background:linear-gradient(#fff 0 0) top/100% 2px no-repeat,linear-gradient(#fff 0 0) center/100% 2px no-repeat,linear-gradient(#fff 0 0) bottom/100% 2px no-repeat}
#nav>li{margin:0!important}
#nav>li>a{color:#fff!important;font-weight:700;padding-left:13px!important;padding-right:13px!important;transition:background .15s}
#nav>li:hover>a,#nav>li>a:hover{background:var(--lk-blue-dark)!important;color:#fff!important}
#nav>li.active>a{background:transparent}
#nav ul.main-menu-ul-2:empty{display:none!important}
#nav ul.main-menu-ul-2{background:#fff!important;border:1px solid var(--lk-line)!important;border-top:3px solid var(--lk-blue-dark)!important;border-radius:0 0 var(--lk-r) var(--lk-r);box-shadow:0 8px 20px rgba(15,23,42,.12)}
#nav ul.main-menu-ul-2 a{color:var(--lk-ink)!important;font-weight:500}
#nav ul.main-menu-ul-2 a:hover{color:var(--lk-blue-dark)!important;background:var(--lk-blue-soft)!important}
.social-icon a,.social-icon i{color:#fff!important}
/* ======================= THẺ SẢN PHẨM (mọi trang) ===================== */
/* Thứ tự thống nhất: Ảnh → Tên → Giá */
.product-box{display:flex!important;flex-direction:column;height:100%}
.product-box>.product-thumbnail{order:1}
.product-box>.product-name{order:2}
.product-box>.item-content{order:3}
.product-box .product-thumbnail{height:auto!important;margin-bottom:8px}
.product-box .image_flex{height:auto!important;aspect-ratio:1/1}
.product-box .product-name{margin:0 0 6px!important;padding:0 6px;min-height:40px;text-align:center}
.product-box .product-name a{color:var(--lk-ink)!important;font-size:14px;font-weight:600;line-height:20px}
.product-box .product-name a:hover{color:var(--lk-blue-dark)!important}
.product-box .item-content{margin-top:auto!important;height:auto!important;padding:0 6px}
/* Giá: giá bán to, giá gốc gạch ngang luôn ở dòng dưới → mọi thẻ giống nhau */
.price-box{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-height:44px;height:auto!important;line-height:1.2}
.price-box p{margin:0!important;padding:0!important;display:block!important}
.price-box .special-price .price,.price-box .price-new,.price-box>.price{color:var(--lk-blue-dark)!important;font-size:16px!important;font-weight:700!important}
.price-box .old-price .price,.price-box .compare-price{color:#9aa3ae!important;font-size:13px!important;font-weight:400!important;text-decoration:line-through}
/* Trang chi tiết sản phẩm: giá + giá gốc trên một hàng */
.product_price .price-box{flex-direction:row!important;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-height:0}
.product_price .price-box .special-price .price{font-size:26px!important}
.product_price .price-box .old-price .price{font-size:15px!important}
.product_infomation .dynamic-sku,.product_infomation .dynamic-sku *{color:var(--lk-gray)!important;font-style:normal!important}
/* Nhãn giảm giá */
.sale-label,.onsale{background:var(--lk-blue-dark)!important;color:#fff!important;border-radius:6px!important;font-weight:700}
/* Nút Mua ngay / Xem nhanh khi rê chuột */
.view_buy .btn-cus,.view_buy .btn-buy,.view_buy .btn-view{background:#fff!important;color:var(--lk-blue-dark)!important;border:1px solid var(--lk-blue)!important;border-radius:6px!important}
.view_buy .btn-cus:hover{background:var(--lk-blue-dark)!important;border-color:var(--lk-blue-dark)!important;color:#fff!important}
/* ============================ TRANG CHỦ =============================== */
/* Desktop: nút "Danh mục sản phẩm" trên thanh menu làm đầu cột danh mục, cột dính liền bên dưới */
@media (min-width:1024px){
  .lkcg-home{--lk-width:263px;margin-top:0!important}
  .lkcg-home .lkcg-cat__head{display:none!important}
  .lkcg-home .lkcg-layout>.lkcg-dock{top:0}
  .lkcg-home .lkcg-layout>.lkcg-dock>.lkcg-cat{border-top:0;border-radius:0 0 var(--lk-r) var(--lk-r);max-height:100vh}
  .lkcg-home .lkcg-home-main{padding-top:15px}
}
/* Tab Hàng mới về / khuyến mại / hot */
.bs-example-tabs .nav-tabs{border-bottom:2px solid var(--lk-blue)!important}
.bs-example-tabs .nav-tabs>li{background:var(--lk-blue-soft)!important}
.bs-example-tabs .nav-tabs>li>a,.bs-example-tabs .nav-tabs>li>a .text{color:var(--lk-ink)!important;font-weight:600}
.bs-example-tabs .nav-tabs>li.active,.bs-example-tabs .nav-tabs>li.active>a{background:var(--lk-blue-dark)!important}
.bs-example-tabs .nav-tabs>li.active>a,.bs-example-tabs .nav-tabs>li.active>a .text{color:#fff!important}
.bs-example-tabs .nav-tabs>li.active>a::after,.bs-example-tabs .nav-tabs>li.active::after{border-top-color:var(--lk-blue-dark)!important}
/* Khối danh mục: hàng 1 = tiêu đề + "Xem tất cả", hàng 2 = chip danh mục con */
.section-collection{background:transparent!important}
.section-collection .header-title{position:relative;display:flex!important;align-items:flex-end;flex-wrap:wrap;gap:0;height:auto!important;min-height:0!important;line-height:normal!important;border:0!important;padding-bottom:0!important;margin-bottom:0!important;float:none}
.section-collection .header-title *{line-height:20px!important;height:auto!important}
.section-collection .header-title::before,.section-collection .header-title::after{display:none!important}
.section-collection .title-left{float:none!important;margin:0!important}
.section-collection .title-left h2{margin:0!important}
.section-collection .title-left h2 a{display:inline-block;background:var(--lk-blue-dark);color:#fff!important;font-size:16px!important;font-weight:700;text-transform:uppercase;padding:11px 18px 10px;border-radius:var(--lk-r) var(--lk-r) 0 0}
.section-collection .right-menu{float:none!important;flex:0 0 100%!important;width:100%!important;min-width:0;border-top:2px solid var(--lk-blue);padding:10px 0!important}
.section-collection .right-menu ul{display:flex!important;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0!important;padding:0!important}
.section-collection .right-menu li{display:block!important;float:none!important;margin:0!important;padding:0!important;border:0!important;list-style:none}
.section-collection .right-menu li::before,.section-collection .right-menu li::after{display:none!important}
.section-collection .right-menu a{display:inline-block;padding:4px 12px;border:1px solid var(--lk-blue-line);border-radius:999px;background:#fff;color:var(--lk-ink)!important;font-size:13px;font-weight:500;white-space:nowrap}
.section-collection .right-menu a:hover{background:var(--lk-blue-soft);border-color:var(--lk-blue);color:var(--lk-blue-dark)!important}
.section-collection .right-menu li.lk-all{position:absolute!important;right:15px;top:6px}
.section-collection .right-menu li.lk-all a{border-color:transparent;background:transparent;color:var(--lk-blue-dark)!important;font-weight:600}
.section-collection .right-menu li.lk-all a:hover{text-decoration:underline}
.section-collection .right-menu-more a{color:var(--lk-blue-dark)!important;font-weight:600}
/* Mobile: tiêu đề khối + "Xem tất cả" trên một hàng */
@media (max-width:575px){
  .section-collection .header-title{flex-wrap:nowrap!important;justify-content:space-between;border-bottom:2px solid var(--lk-blue)!important}
  .section-collection .title-left{flex:1 1 auto;min-width:0}
  .section-collection .title-left h2 a{display:block;max-width:100%;font-size:14px!important;padding:9px 12px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .section-collection .right-menu-more{flex:0 0 auto;float:none!important;position:static!important;margin:0!important;padding:0 0 8px 10px!important;white-space:nowrap}
  .section-collection .right-menu-more a,.section-collection .right-menu-more i{color:var(--lk-blue-dark)!important;font-size:13px}
}

/* Lưới: viền đều, không lệch khung */
.lkcg-home-main .section-collection>.container{padding-left:15px!important;padding-right:15px!important}
.section-collection .content-left{margin-top:0!important;border:1px solid var(--lk-line);border-top:0}
.section-collection .product-box{border:0!important;padding:12px 6px 14px}
.section-collection [class*="col-"]{border-color:var(--lk-line)!important}
/* Cột danh sách nhỏ bên phải của khối */
.item-pro-list .product-item{display:flex!important;align-items:center;gap:10px;padding:10px 8px!important;height:auto!important;min-height:112px;border-color:var(--lk-line)!important}
.item-pro-list .product-item>.product-image{float:none!important;flex:0 0 72px;width:72px!important;height:auto!important}
.item-pro-list .product-item>.product-image img{width:100%;height:auto}
.item-pro-list .product-item>.content-product{float:none!important;flex:1 1 auto;width:auto!important;min-width:0;padding:0!important}
.item-pro-list .content-product h3 a{color:var(--lk-ink)!important;font-size:13px;font-weight:600;line-height:17px;word-break:break-word}
.item-pro-list .content-product h3 a:hover{color:var(--lk-blue-dark)!important}
.item-pro-list .price-box{align-items:flex-start;min-height:0}
.item-pro-list .special-price2,.item-pro-list .special-price2 *{color:var(--lk-blue-dark)!important;font-size:14px!important;font-weight:700!important}
.item-pro-list .old-price2,.item-pro-list .old-price2 *{color:#9aa3ae!important;font-size:12px!important;font-weight:400!important;text-decoration:line-through}
/* ====================== "Sản phẩm xem nhiều nhất" ===================== */
.ab-most-view-product-module{max-width:1170px;margin-left:auto!important;margin-right:auto!important;padding:0 15px}
.most-view-module-title{color:var(--lk-blue-dark)!important;font-weight:700!important;text-transform:uppercase}
.most-view-module-body .swiper-wrapper{align-items:stretch!important}
.most-view-module-body .swiper-slide{display:flex!important;flex-direction:column;height:auto!important}
.most-view-module-body .swiper-slide>a{flex:1 1 auto;display:flex;flex-direction:column}
.most-view-product-content{flex:1 1 auto;display:flex;flex-direction:column}
.most-view-product-name{height:auto!important}
.most-view-product-name p{color:var(--lk-ink)!important;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:auto!important}
.most-view-product-price{display:flex!important;flex-direction:column;align-items:center;gap:0;height:auto!important;min-height:40px;margin:auto 0 6px!important;float:none!important;line-height:1.3!important}
.most-view-product-price .money{float:none!important;position:static!important;height:auto!important;line-height:1.3!important;color:var(--lk-blue-dark)!important;font-weight:700;font-size:15px}
.most-view-product-price .most-view-product-oldprice{color:#9aa3ae!important;font-weight:400;font-size:13px;text-decoration:line-through}
.most-view-product-action{margin-top:auto;padding-top:6px;text-align:center;clear:both}
.most-view-btn{background:#fff!important;color:var(--lk-blue-dark)!important;border:1px solid var(--lk-blue)!important;border-radius:6px!important;font-weight:600}
.most-view-btn:hover{background:var(--lk-blue-dark)!important;color:#fff!important}
/* =============================== FOOTER =============================== */
footer .f-1-p,footer .f-1-web,.f-1-p.f-1-web{color:var(--lk-blue-dark)!important}
footer h4,footer .title-footer,footer .footer-title{color:var(--lk-ink)!important}
footer h4::before,footer .title-footer::before{background:var(--lk-blue)!important}
footer a:hover{color:var(--lk-blue-dark)!important}
/* ============================ LOGO HEADER ============================ */
.logo img.lkcg-logo{display:block;width:340px;max-width:100%;height:auto}
.logo{display:block!important}
@media (min-width:992px){
  .header-container .logo_mx991{width:370px!important}
  .header-container .logo_mx991+.col-lg-9{width:calc(100% - 370px)!important}
  .header-container .logo{margin:25px 0!important}
}
@media (max-width:991px){
  .header-container .logo img.lkcg-logo{width:auto;max-height:52px;margin:0 auto}
}