/*
Theme Name: Flatsome child theme
Description: FS
Author: Flatsome
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
/* MENU 3 level */
.header-nav li ul.sub-menu a {
  font-size:14px;
  color:#333;
  margin:0;
  padding-left:12px
}
.header-nav ul.sub-menu {
  padding:10px 16px;
  z-index:5;
  box-shadow:2px 2px 2px #999;
  border:.5px solid #eee
}
.header-nav li ul.sub-menu li a:before {
  content:'\f105';
  font-family:'fl-icons';
  position:absolute;
  top:10.5px;
  left:0
}
.header-nav .sub-menu a:hover,
header#header .nav-dropdown li.menu-item-has-children > a:hover {
  transform:translateX(8px)
}
header#header .nav-dropdown {
  /* display:block; */
}
header#header .nav-dropdown li {
  border-right:0;
  white-space:normal;
  width:100%;
  display:block;
  position:relative
}
header#header .nav-dropdown li.menu-item-has-children::after {
  content:'';
  position:absolute;
  top:0;
  right:-24px;
  width:24px;
  height:100%;
  background:transparent
}
header#header .nav-dropdown ul.sub-menu {
  position:absolute;
  left:calc(100% + 16px);
  top:0;
  background:#fff;
  min-width:250px;
  padding:10px 16px;
  display:none !important;
  z-index:999
}
header#header .nav-dropdown ul.sub-menu a {
  white-space:normal;
  margin:0;
  padding:10px 15px;
  border:0;
  font-weight:400
}
header#header .nav-dropdown li:hover > ul.sub-menu {
  display:block !important
}
header#header .nav-dropdown li.menu-item-has-children > a {
  text-transform:none;
  font-size:14px;
  font-weight:600;
  position:relative;
  padding-left:14px;
  transform:translateX(0);
  color:#333;
  margin:0
}
header#header .nav-dropdown li.active > a {
  color:#e82c2a
}
.header-main .header-nav > .menu-item > a {
  height:100px;
  padding:0
}
/* MENU CUSTOM */
.header-nav>li>.nav-top-link {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px
}
.header-nav>li>.nav-top-link .menu-icon {
  width:44px;
  height:44px;
  overflow:hidden;
  position:relative
}
.header-nav>li>.nav-top-link .menu-icon img {
  width:44px;
  height:44px;
  object-fit:contain;
  position:absolute;
  left:0;
  transition:transform .8s cubic-bezier(.22,1,.36,1),
  opacity .35s ease
}
.header-nav>li>.nav-top-link .menu-icon .icon-hover {
  top:-44px;
  opacity:0;
  transform:translateY(0)
}
.header-nav>li>.nav-top-link .menu-icon .icon-base {
  top:0;
  opacity:1;
  transform:translateY(0)
}
.header-nav>li:hover>.nav-top-link .menu-icon .icon-base,
.header-nav>li.current-menu-item>.nav-top-link .menu-icon .icon-base {
  opacity:0;
  transform:translateY(44px)
}
.header-nav>li:hover>.nav-top-link .menu-icon .icon-hover,
.header-nav>li.current-menu-item>.nav-top-link .menu-icon .icon-hover {
  opacity:1;
  transform:translateY(44px)
}
.header-nav>li>.nav-top-link .menu-text {
  transition:color .3s ease
}
.header-nav>li:hover>.nav-top-link .menu-text,
.header-nav>li.current-menu-item>.nav-top-link .menu-text {
  color:var(--fs-color-primary)
}
#top-bar ul.dinhit_contact_topbar {
  display:flex;
  align-items:center;
  gap:40px
}
#top-bar ul.dinhit_contact_topbar li {
  list-style:none;
  font-size:14px;
  margin-bottom:0
}
#top-bar .nav-right a {
  font-size:14px
}
/* SUB MENU */
.header-nav>li {
  position:relative
}
.header-nav>li>.sub-menu {transform-origin:top center}
.header-nav .sub-menu a:hover {color:var(--fs-color-primary) !important}
.header-nav>li>.sub-menu > .menu-item-has-children > a {
  font-weight:500 !important
}
.header-nav>li>.sub-menu > .menu-item-has-children > a:after {
  content:'\f105';
  font-family:fl-icons!important;
  position:absolute;
  top:10.5px;
  right:0
}
/* UX BLOCK DROPDOWN */
.header-nav>li>.nav-dropdown {
  transform-origin:top center;
  border:1px solid #ddd;
  box-shadow:2px 2px 2px #999
}
.header-nav>li:hover>.nav-dropdown,
.header-nav>li.current-dropdown>.nav-dropdown {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:
  perspective(1200px)
  rotateX(0)
  scaleY(1);
  animation:slider_nav_up 0.7s
}
.header-nav i.icon-search:before {
  font-size:24px
}
.header-nav i.icon-search:after {
  content:'Tìm kiếm';
  position:absolute;
  bottom:-22px;
  font-size:13px;
  font-family:Arial;
  display:flex;
  justify-content:center
}
.header-nav i.icon-search {
  display:flex;
  justify-content:center;
  width:80px
}
.header-search a {
  padding:0 !important;
  margin-top:-26px;
  display:block !important
}
.header-search a:hover i.icon-search:after,.header-search a:hover i.icon-search:before {
  color:var(--fs-color-primary)
}
.d_menu_all {
  background:#fff;
  padding:0 !important;
  box-shadow:2px 2px 2px #999;
  border:.5px solid #eee
}
.d_menu_all .menu-item .ux-menu-link {
  font-size:14px
}
.d_menu_all .menu-item-list {
  margin:0
}
.d_menu_all .menu-item .menu-item-title h6 {
  font-size:16px;
  text-transform:none;
  opacity:1
}
.d_menu_all .row {margin:0 !important}
.d_menu_all .row .large-12 {padding:0}
.dinhit-vertical-menu {
  max-width:260px;
  margin:0;
  padding:10px 0 !important;
  list-style:none;
  border-right:1px solid #efefef
}
.dinhit-vertical-menu > li {position:static}
.dinhit-vertical-menu > li > a {
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 20px;
  background:#fff;
  font-size:14px;
  transform:none !important;
  border-bottom:1px solid #efefef
}
.dinhit-vertical-menu > li:last-child > a {border:0}
.dinhit-vertical-menu > li > a:hover {background:#f7f7f7}
.dinhit-mega-panel {
  position:fixed;
  top:0;
  left:260px;
  width:100%;
  max-width:1028px;
  min-height:100%;
  background:#fff;
  padding:16px 12px;
  border:1px solid #eee;
  z-index:9999;
  opacity:0;
  visibility:hidden
}
.dinhit-vertical-menu > li:hover > .dinhit-mega-panel {
  opacity:1;
  visibility:visible
}
.dinhit-products-grid {
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:12px
}
.dinhit-product-item img {
  width:120px !important;
  height:120px !important;
  object-fit:contain;
  margin:auto;
  display:block
}
.menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li:not(.tab):not([class^=bullet-]) {margin-left:0 !important}
.dinhit-submenu-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px 12px
}
.dinhit-submenu-grid a.dinhit-submenu-item {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px
}
.dinhit-submenu-grid a.dinhit-submenu-item img {width:40px}
.dinhit-submenu-grid a.dinhit-submenu-item span {
  text-align:center;
  font-size:14px
}
.dinhit-submenu-grid a.dinhit-submenu-item:hover {transform:none}
/* MAIN WEB */
.home_ss {
  padding-top:15px !important;
  padding-bottom:15px !important
}
.home_ss .large-12 {
  padding-bottom:0
}
.home_ss1 .slider .img img {
  height:418px
}
.home_ss1 .col:last-child .img:last-child {
  padding-top:14px
}
.home_ss1 .col:last-child .img img {
  height:194px;
  border-radius:16px
}
.home_ss1 .slider .img,.home_ss1 .slider .img img {
  border-radius:16px
}
.home_ss2 .product-category.col .col-inner {
  border:1px solid #ddd;
  height:100%;
  border-radius:8px
}
.home_ss2 .product-category.col .box-image {
  padding:8px
}
.home_ss2 .product-category.col .box-text .header-title {
  font-size:14px;
  font-weight:500;
  text-transform:none
}
.home_ss2 .product-category.col:hover .box-text .header-title {
  color:var(--fs-color-primary)
}
.home_ss.dark {
  background-color:transparent
}
.home_ss_product .large-12 > .col-inner,.home_ss8 .large-12 > .col-inner,.dinhit-related-section .dinhit-related-inner {
  background:var(--fs-color-primary);
  border-radius:16px;
  padding:24px
}
.home_ss_product .ss_info,.home_ss8 .ss_info {
  display:flex;
  align-items:center;
  margin-bottom:20px
}
.home_ss_product .ss_info h2,.home_ss8 .ss_info h2,.dinhit-related-section .dinhit-related-title {
  font-size:24px;
  color:#fff;
  margin-bottom:0
}
.home_ss_product .ss_info ul {
  display:flex;
  flex-wrap:nowrap;
  gap:30px;
  margin:0
}
.home_ss_product .ss_info ul li,.home_ss_product .ss_info ul li a {
  width:max-content;
  list-style:none;
  margin:0;
  font-size:15px;
  color:#fff
}
.home_ss_product .ss_info ul li a {
  color:#fff
}
.home_ss_product .flickity-slider .col .col-inner, .home_ss8 .flickity-slider .col .col-inner,.product-small .col-inner {
  background:#fff;
  height:100%;
  border-radius:12px;
  border:1px solid #ececec
}
.product-small .box-image, .home_ss8 .flickity-slider .col .col-inner .box-image {
  border-top-left-radius:12px;
  border-top-right-radius:12px
}
.product-small .box-text, .home_ss8 .flickity-slider .col .col-inner .box-text {
  height:90px;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  background:#fff
}
.product-small .box-text .product-title a, .home_ss8 .flickity-slider .col .col-inner .box-text .post-title a {
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.product-small .box-text .price-wrapper ins bdi {
  color:var(--fs-color-primary)
}
.home_ss8 .is-divider {
  display:none
}
.home_ss8 .flickity-slider .col .col-inner .box-text {
  display:block;
  height:70px
}
.home_ss9 h2 {
  font-size:24px
}
.home_ss9 p {
  font-size:15px;
  margin-bottom:12px
}
.home_ss10 .gallery-col.col {
  padding-bottom:0;
  display:flex;
  align-items:center
}
.home_ss10 .gallery-col.col .col-inner {
  padding:16px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center
}
.tax-product_cat .row.category-page-row {
  padding-top:15px
}
.product-small .col-inner {
  height:100%
}
.dinhit-top-filter {padding-bottom:30px}
.dinhit-top-filter .woof .woof_redraw_zone {
  display:flex;
  align-items:center;
  gap:16px
}
.dinhit-top-filte .chosen-container {
  width:fit-content !important
}
.dinhit-top-filte .chosen-single {
  width:fit-content
}
.dinhit-top-filte .chosen-single span {
  font-size:15px !important
}
.chosen-container-single .chosen-single {
  height:40px !important;
  display:flex;
  align-items:center;
  border-radius:8px !important;
  padding:12px
}
.chosen-container-single .chosen-single div {
  top:4px;
  right:6px
}
.chosen-container-single .chosen-single div b {
  background-size:86px 40px!important
}
.chosen-container.chosen-container-single {
  width:fit-content !important
}
.chosen-container .chosen-results li {
  font-size:13.5px;
  line-height:1.4
}
.chosen-container.chosen-with-drop .chosen-drop {
  top:45px;
  border-radius:8px;
  box-shadow:0 0 4px rgba(0,0,0,.15);
  border:1px solid #aaa
}
.chosen-container-single .chosen-search input {
  border-radius:6px !important
}
.chosen-container .chosen-results li.highlighted {
  background:var(--fs-color-primary)!important;
  color:#fff!important;
  border-radius:8px
}
.dinhit-child-cats {
  --item-height:124px;
  --item-gap:14px;
  display:grid;
  grid-template-columns:repeat(10,1fr);
  flex-wrap:wrap;
  gap:var(--item-gap);
  max-height:calc(
  (var(--item-height) * 2) + var(--item-gap)
  );
  transition:.35s;
  margin-bottom:16px;
  overflow-y:scroll
}
.dinhit-child-cats.expanded {
  max-height:2000px
}
.dinhit-child-cat {
  font-size:15px;
  padding:8px;
  border:1px solid #ddd;
  display:flex;
  align-items:center;
  gap:6px;
  flex-direction:column;
  background:#fff;
  border-radius:12px;
  transition:.2s;
  text-align:center
}
.dinhit-child-cat:hover {
  color:var(--fs-color-primary);
  border-color:var(--fs-color-primary)
}
.dinhit-child-cat img {height:60px}
.dinhit-child-cat span {
  font-size:14px;
  line-height:1.4
}
.dinhit-child-toggle {
  margin-top:18px;
  height:40px;
  padding:0 22px;
  border-radius:100px;
  border:1px solid #ddd;
  background:var(--fs-color-primary);
  color:#fff;
  cursor:pointer;
  font-weight:500;
  text-transform:none;
  font-size:15px
}
.dinhit_breadcrumb {
  background:#e5e5e5;
  height:40px;
  display:flex;
  align-items:center
}
.dinhit_breadcrumb p {
  margin-bottom:0
}
.dinhit_breadcrumb a,.dinhit_breadcrumb span {
  font-size:15px;
  color:#4f4f4f
}
.dinhit_breadcrumb a {
  color:var(--fs-color-primary)
}
.page-title-inner h1.shop-page-title {
  margin-bottom:0;
  font-size:24px;
  text-transform:uppercase
}
.page-title-inner select.orderby {
  border-radius:12px;
  font-size:15px
}
.product-small.box .box-image {
  border-top-left-radius:12px;
  border-top-right-radius:12px
}
.product-small.box {
  background:none !important
}
button.view-more-button {
  border-radius:16px;
  text-transform:none;
  font-weight:500;
  height:36px;
  min-height:unset;
  margin:0;
  line-height:1;
  font-size:15px
}
.custom-category-description {
  margin-top:30px
}
.home_ss_product .flickity-slider .col {
  padding-bottom:0 !important
}
.dinhit-related-section .product-small.col {
  padding:0
}
.dinhit-related-section .flickity-slider .col {
  padding-bottom:0 !important
}
.dinhit-related-inner {
  margin-bottom:30px
}
.dinhit-related-title {
  margin-bottom:20px !important;
  font-weight:600;
  line-height:1.3
}
.dinhit-promotion-box {
  margin:
  14px 0
  18px;
  border:
  1px solid #e60012;
  border-radius:6px;
  overflow:hidden;
  background:#fff
}
.dinhit-promotion-title {
  background:#c22020;
  color:#fff;
  font-size:15px;
  font-weight:700;
  padding:
  10px
  14px
}
.dinhit-promotion-content {
  padding:
  14px;
  font-size:14px;
  line-height:1.7
}
.dinhit-promotion-content p {
  margin-bottom:8px
}
.dinhit-promotion-content ul {
  margin:0
}
.dinhit-promotion-content li {
  margin-bottom:6px;
  background:url('https://s.w.org/images/core/emoji/17.0.2/svg/1f381.svg') no-repeat;
  background-size:14px;
  background-position:0 4px;
  margin-left:0 !important;
  list-style:none;
  padding-left:22px
}
/* TOP */
.dinhit-product-meta-top {
  display:flex;
  align-items:center;
  gap:16px;
  margin:
  8px 0
  14px;
  font-size:14px;
  color:#333;
  flex-wrap:wrap
}
.dinhit-product-meta-top span {
  font-weight:600;
  color:#111
}
.dinhit-brand a {
  color:var(--fs-color-primary)
}
.dinhit-product-meta-top .dinhit-brand {
  position:relative
}
.dinhit-product-meta-top .dinhit-brand:after {
  content:'';
  height:80%;
  width:2px;
  border-right:1px solid #aaa;
  position:absolute;
  top:2px;
  right:-8px
}
/* ATTRIBUTES */
.dinhit-product-attributes {
  margin-bottom:14px; /* border-top:1px dashed #e5e5e5; */
  /* padding-top: 0; */
  font-size:15px
}
.dinhit-attr-row {
  display:flex;
  gap:10px;
  padding:
  6px 0;
  border-bottom:
  1px dashed #eee
}
.dinhit-attr-label {
  min-width:120px;
  font-weight:600;
  color:#111
}
.dinhit-attr-value {
  color:#444
}
.single-product h1.product-title {
  font-size:20px;
  text-transform:uppercase
}
.dinhit-price-wrap span.dinhit-sale-price span {
  font-size:24px;
  color:var(--fs-color-primary)
}
.dinhit-price-wrap span.dinhit-regular-price span {
  font-size:16px;
  color:#444
}
.dinhit-price-wrap {
  display:flex;
  align-items:center;
  gap:12px
}
.dinhit-price-wrap span.dinhit-discount-price,.dinhit-price-wrap span.dinhit-discount-price span {
  color:#c22020;
  padding-right:4px
}
.dinhit-price-wrap span.dinhit-discount-price .woocommerce-Price-currencySymbol {
  margin-top:-2px;
  margin-left:-3px;
  display:inline-block;
  position:absolute;
  font-size:12px
}
.dinhit-price-wrap span.dinhit-percent {
  font-size:14px;
  color:#333;
  display:block
}
.dinhit-price-wrap span.dinhit-regular-price > span {
  text-decoration:line-through
}
.dinhit-price-wrap span.dinhit-sale-price span span.woocommerce-Price-currencySymbol {
  display:inline-block;
  margin-top:0;
  margin-left:-4px;
  font-size:16px;
  position:absolute
}
.dinhit-price-wrap span.dinhit-regular-price > span span.woocommerce-Price-currencySymbol {
  font-size:12px;
  display:inline-block;
  margin-left:-2px;
  position:absolute
}
.single-product .product-short-description {
  font-size:16px;
  margin-top:30px
}
.single-product .product-short-description li {
  margin-bottom:4px
}
/* ===== TIÊU ĐỀ THÔNG SỐ KỸ THUẬT ===== */
.dinhit-product-specs .shop_attributes_heading{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;

    width: 100%;
    margin: 0 0 14px;
    padding: 13px 18px;

    background: linear-gradient(
        135deg,
        #eaf6ff 0%,
        #d8efff 100%
    );

    border: 1px solid #b9def6;
    border-left: 5px solid #2489c5;
    border-radius: 12px;

    color: #12679b;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: .4px;

    box-shadow:
        0 5px 16px rgba(31, 126, 181, .12),
        inset 0 1px 0 rgba(255,255,255,.8);
}

/* Icon trước tiêu đề */
.dinhit-product-specs .shop_attributes_heading::before{
    content: "\f085";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    background: #2489c5;
    color: #fff;
    border-radius: 9px;

    font-size: 15px;
    box-shadow: 0 4px 10px rgba(36,137,197,.25);
}

/* Gạch trang trí bên phải */
.dinhit-product-specs .shop_attributes_heading::after{
    content: "";
    flex: 1;
    height: 1px;
    margin-left: 5px;

    background: linear-gradient(
        to right,
        rgba(36,137,197,.45),
        transparent
    );
}
/* Khung bảng thông số */
.dinhit-product-specs{
    margin-top: 22px;
}

/* Bảng */
.dinhit-product-specs table{
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;

    background: #fff;
    border: 1px solid #dce6ec;
    border-radius: 14px;
    overflow: hidden;

    box-shadow: 0 8px 24px rgba(20,70,100,.07);
}

/* Ô trong bảng */
.dinhit-product-specs table th,
.dinhit-product-specs table td{
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #e8eef2 !important;
    font-size: 14px;
    line-height: 1.5;
}

/* Cột tên thông số */
.dinhit-product-specs table th{
    width: 42%;
    background: #f7fbfe;
    color: #17232c;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .25px;
}

/* Cột giá trị */
.dinhit-product-specs table td{
    color: #56636c;
    background: #fff;
}

/* Hover từng dòng */
.dinhit-product-specs table tr:hover th,
.dinhit-product-specs table tr:hover td{
    background: #eef8ff;
}

/* Bỏ đường kẻ dòng cuối */
.dinhit-product-specs table tr:last-child th,
.dinhit-product-specs table tr:last-child td{
    border-bottom: 0 !important;
}

@media(max-width: 549px){

    .dinhit-product-specs .shop_attributes_heading{
        padding: 11px 12px;
        font-size: 15px;
        border-radius: 10px;
    }

    .dinhit-product-specs .shop_attributes_heading::before{
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        font-size: 13px;
    }

    .dinhit-product-specs table th,
    .dinhit-product-specs table td{
        padding: 11px 10px !important;
        font-size: 13px;
    }

    .dinhit-product-specs table th{
        width: 44%;
    }
}


.single-product .product-footer .tab-panels {
  border:0;
  padding:0;
  background:none
}
.dinhit-gallery .large-10 {
  padding-bottom:0
}
.dinhit-single-product-wrap {
  padding-top:30px;
  padding-bottom:30px
}
.dinhit-single-product-wrap .dinhit-content {
  /* padding-top: 0; */
}
.dinhit-sticky {
  position:sticky;
  top:30px
}
.product-contact-button .d_button {
  background:#d0021c;
  padding:12px 8px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:6px;
  border-radius:12px
}
.product-contact-button .d_button h6,.product-contact-button .d_button p {
  color:#fff;
  margin:0;
  text-align:center;
  opacity:1;
  line-height:1
}
.product-contact-button .d_button h6 {
  font-size:13px;
  font-weight:400;
  text-transform:none
}
.product-contact-button .d_button p {
  font-size:18px;
  font-weight:700
}
.product-contact-button .col {
  padding:0
}
.product-contact-button {
  gap:8px;
  flex-wrap:nowrap
}
.product-contact-button {
  padding-left:15px !important;
  padding-right:15px !important
}
.dinhit-single-product-wrap form.cart {
  margin-bottom:8px;
  gap:8px
}
.dinhit-single-product-wrap form.cart input, .dinhit-single-product-wrap form.cart button {
  border-radius:12px
}
.dinhit-single-product-wrap form.cart .ux-quantity.quantity {
  width:100%;
  position:relative
}
.dinhit-single-product-wrap form.cart .ux-quantity.quantity:before {
  content:'Số lượng:';
  font-size:15px;
  font-weight:600;
  margin-right:56px
}
.dinhit-single-product-wrap form.cart .ux-quantity.quantity input {
  min-height:unset;
  height:26px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  vertical-align:middle;
  font-size:15px;
  box-shadow:none;
  border-radius:6px
}
.dinhit-single-product-wrap form.cart .ux-quantity.quantity input.minus,.dinhit-single-product-wrap form.cart .ux-quantity.quantity input.plus {
  background:none;
  padding-bottom:1px;
  color:#333;
  font-family:monospace
}
.dinhit-single-product-wrap form.cart button {
  width:calc(50% - 8px);
  margin:0;
  font-size:15px; /* font-weight: 500; */
  text-transform:none;
  height:48px
}
.dinhit-gallery a {border-radius:16px}
.dinhit-gallery img {border-radius:16px}
.dinhit-child-cats {
  overflow-y:auto;
  overflow-x:hidden
}
.dinhit-child-cats::-webkit-scrollbar {width:4px}
.dinhit-child-cats::-webkit-scrollbar-track {
  background:#efefef;
  border-radius:999px
}
.dinhit-child-cats::-webkit-scrollbar-thumb {
  background:var(--fs-color-primary);
  border-radius:999px
}
.dinhit-child-cats::-webkit-scrollbar-thumb:hover {background:var(--fs-color-primary)}
.support > .col > .col-inner {
  border:1px solid #ddd;
  border-radius:12px;
  padding:20px;
  margin-top:20px
}
.support > .col > .col-inner .top h6 {
  font-size:18px;
  margin-bottom:4px
}
.support > .col > .col-inner .top p {
  font-size:14px;
  color:#c22020
}
.support > .col > .col-inner .content .icon-box {align-items:center}
.support > .col > .col-inner .content .icon-box .icon-box-text .col {
  padding-bottom:0;
  padding:0;
  max-width:fit-content
}
.support > .col > .col-inner .content .icon-box .icon-box-text a {
  font-size:14px;
  border:1px solid #ddd;
  border-radius:25px;
  padding:6px 18px;
  display:block
}
.support > .col > .col-inner .content .icon-box .icon-box-text a:hover {
  color:var(--fs-color-primary);
  border-color:var(--fs-color-primary)
}
.support > .col > .col-inner .content .icon-box .icon-box-text a img.ic_zalo {
  width:24px;
  margin-top:-2px
}
.support > .col > .col-inner .content .icon-box {margin-bottom:8px}
.support > .col > .col-inner .content .icon-box .icon-box-text .row {
  margin:0;
  gap:0 8px
}
.support > .col > .col-inner .content .icon-box .icon-box-text {padding-left:8px}
.support {position:relative}
.support .lg {
  position:absolute;
  top:50%;
  right:30px;
  left:auto;
  width:144px !important;
  height:144px;
  transform:translateY(-50%);
  opacity:.8
}
@keyframes slider_nav_up {
  0% {
    transform:perspective(600px) rotateX(-90deg)
  }
  100% {
    transform:perspective(600px) rotateX(0deg)
  }
}
#footer {
  background:#f8f8f8
}
#footer .ux-logo-link {
  padding:0 !important;
  margin-bottom:20px
}
#footer h5.company-name {
  font-size:16px;
  margin-bottom:15px
}
#footer .footer-group h6 {
  font-size:14px;
  opacity:1;
  margin-bottom:10px
}
#footer .footer-group .footer-item {
  padding-left:20px;
  margin-bottom:10px
}
#footer .footer-group .footer-item label {
  font-size:14px;
  margin-bottom:4px
}
#footer .footer-group .footer-item ul,#footer .ux-menu {
  margin-bottom:0
}
#footer .footer-group .footer-item ul li,#footer .ux-menu .ux-menu-link {
  margin-bottom:4px;
  font-size:14.5px
}
#footer .footer-group {
  margin-bottom:15px
}
#footer .footer-group:last-child {
  margin-bottom:0
}
#footer .ux-menu-link__link {
  min-height:auto;
  padding:3px 0;
  display:inline-block
}
#footer .footer-group .footer-item ul li a {
  color:var(--fs-color-primary);
  font-size:85%
}
#footer .col:last-child .ux-logo-link img {
  width:140px;
  height:auto !important;
  border-radius:12px
}
#footer h5.col-header {
  font-size:18px
}
.dinhit-product-specs {padding-top:30px}
.dinhit-product-specs .wtgh table {
  border:1px solid #ddd;
  border-radius:12px
}
.dinhit-product-specs .wtgh table th, .dinhit-product-specs .wtgh table td {padding:12px}
.dinhit-product-specs .wtgh table th, .dinhit-product-specs .wtgh table th {border-right:1px solid #ddd}
.dinhit-product-specs .wtgh table tr:last-child th, .dinhit-product-specs .wtgh table tr:last-child td {border-bottom:0}
.blog-archive .large-10.col {
  flex-basis:100%;
  max-width:100%
}
.topbar-menu-toggle {
  max-width:32px;
  max-height:32px;
  border:1px solid silver;
  border-radius:6px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:3px;
  cursor:pointer;
  transition:.25s
}
.topbar-menu-toggle span {
  width:13px;
  height:1px;
  background:silver;
  transition:.25s
}
.topbar-menu-toggle:hover {border-color:#bfbfbf}
#topbar-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  z-index:9998
}
#topbar-menu-modal {
  position:fixed;
  top:0;
  left:0;
  width:320px;
  height:100%;
  background:#fff;
  transform:translateX(-100%);
  transition:.35s;
  z-index:9999;
  overflow:auto
}
body.topbar-open #topbar-overlay {
  opacity:1;
  visibility:visible
}
body.topbar-open #topbar-menu-modal {transform:translateX(0)}
.topbar-close {
  border:none;
  background:none;
  font-size:28px;
  padding:15px;
  cursor:pointer
}
#topbar-menu-modal ul {
  list-style:none;
  padding:60px 15px;
  margin:0
}
#topbar-menu-modal a {
  display:block;
  padding:14px 0;
  font-size:14px
}
#topbar-menu-modal button#topbar-close {
  right:0;
  left:auto;
  top:0;
  position:fixed;
  font-size:27px;
  min-width:40px;
  min-height:40px;
  margin:0;
  color:red;
  z-index:99;
  display:block;
  line-height:1;
  padding:0
}
@media only screen and (max-width: 48em) {
  .home_ss1 .slider .img img {height:auto}
  .home_ss1 .col:last-child .img img {height:auto}
  .home_ss1 .large-3 {padding-bottom:0}
  .home_ss2 .row.large-columns-8 > div {padding:0 4px 8px}
  .home_ss_product .ss_info {
    display:block;
    margin-bottom:16px
  }
  .home_ss_product .ss_info ul {
    flex-wrap:nowrap;
    overflow-x:scroll
  }
  .home_ss_product .ss_info ul li,.home_ss_product .ss_info ul li a {
    width:max-content;
    flex:0 0 auto;
    color:#333
  }
  .home_ss_product .ss_info h2, .home_ss8 .ss_info h2, .dinhit-related-section .dinhit-related-title {
    margin-bottom:10px;
    color:var(--fs-color-primary)
  }
  .home_ss_product .flickity-slider .col {max-width:50%}
  .home_ss_product .large-12 > .col-inner {
    padding:0;
    overflow:hidden;
    background:#fff;
    border-radius:0
  }
  .home_ss_product .row-slider {
    padding-left:0 !important;
    padding-right:0 !important
  }
  .home_ss8 .large-12 > .col-inner {
    padding:15px 0 30px;
    overflow:hidden;
    border-radius:0
  }
  .home_ss8 .flickity-slider .col.post-item {
    padding-bottom:0;
    width:50%
  }
  .home_ss8 .ss_info {
    padding:15px 15px 0;
    margin-bottom:0
  }
  .home_ss8 .row.row-slider {padding:0 15px}
  .home_ss8 .ss_info h2 {
    margin-bottom:15px;
    color:#fff
  }
  #footer .large-6 {padding-bottom:15px}
  #footer .section {padding-bottom:0}
  .shop-page-title .page-title-inner h1.shop-page-title,.shop-page-title .page-title-inner .flex-col {text-align:left !important}
  .dinhit-child-cats {
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  .dinhit-child-cat {flex:0 0 auto}
  .dinhit-top-filter .woof .woof_redraw_zone {
    overflow-x:auto;
    overflow-y:hidden
  }
  .dinhit-top-filter .woof_container {
    margin-bottom:0;
    padding-bottom:0
  }
  .tax-product_cat .row.category-page-row {padding-top:0}
  #footer .large-6:last-child .ux-logo-link {
    margin-bottom:12px;
    margin-left:12px
  }
  .dinhit_breadcrumb {
    height:auto;
    padding-top:6px;
    padding-bottom:6px
  }
  .dinhit-gallery .large-10 {padding-bottom:15px}
  .dinhit-single-product-wrap .dinhit-content {
    padding-top:0;
    margin-bottom:-30px
  }
  .dinhit-related-section .dinhit-related-inner {
    padding:15px;
    border-radius:0;
    margin-bottom:0
  }
  .dinhit-related-section {
    padding-left:0;
    padding-right:0
  }
  .home_ss_product .product-small .box-text {
    padding:10px;
    justify-content:start;
    border-radius:12px
  }
  .home_ss_product .box-image .image-cover {padding-top:100% !important}
  .home_ss_product .box-image {
    /* border-radius:12px; */
  }
  .home_ss8 .large-12 {
    padding-left:0;
    padding-right:0
  }
  .home_ss1 .img {margin-bottom:0 !important}
  .support .lg {display:none}
}
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}
.custom-cat-menu {
  display:flex;
  border:1px solid #ddd;
  position:relative; /* Quan trọng: submenu bám theo toàn bộ menu */
}
.cat-main-menu {
  list-style:none;
  margin:0;
  padding:0;
  background:#f8f8f8
}
.cat-main-menu > li > a {
  display:flex;
  align-items:center;
  padding:10px;
  text-decoration:none;
  color:#333;
  font-size:13px;
  width:140px
}
.cat-main-menu li img {
  width:32px;
  height:32px;
  object-fit:cover;
  margin-right:8px
}
.cat-main-menu li:hover {background:#eee}
.cat-submenu {
  display:none;
  position:absolute;
  top:0; /* Luôn bắt đầu từ top của khối .custom-cat-menu */
  left:220px; /* Bằng chiều rộng menu trái */
  height:100%; /* Bằng chiều cao menu trái */
  background:#fff;
  border-left:1px solid #ddd;
  padding:15px;
  box-sizing:border-box;
  width:calc(100vw - 140px); /* padding-top: 60px; */
}
.cat-submenu {
  display:none; /* Ban đầu ẩn tất cả các menu con */
  /* ... giữ nguyên các thuộc tính khác */
}
.cat-item.active > .cat-submenu {
  display:block; /* Hiển thị menu con khi li cha có class 'active' */
}
.cat-main-menu li.active {background:white}
li.cat-item {border-bottom:1px solid #d3d7df}
li.cat-item:last-child {
  /* border:0; */
}
.cat-submenu-grid {
  display:grid;
  grid-template-columns:repeat(6, 1fr); /* 6 item mỗi hàng */
  gap:1px;
  list-style:none;
  margin:0;
  padding:0
}
.cat-submenu-grid li a {
  display:block;
  text-align:center;
  text-decoration:none;
  color:#333;
  padding:1px;
  max-height:129px;
  overflow:hidden
}
.cat-submenu-grid li img {
  width:80px;
  height:80px;
  object-fit:cover;
  margin-bottom:5px;
  border:none
}
.menu-toggle {
  background:none; /* xanh */
  padding:8px 12px;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  width:fit-content;
  font-family:'Roboto'; /* tên bạn tự đặt để gọi */
  text-transform:capitalize
}
.menu-toggle button {
  background:none;
  border:none;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  font-weight:bold
}
.custom-cat-menu-wrapper {
  display:none; /* ban đầu ẩn menu */
  border-top:none;
  position:absolute;
  z-index:9999999999
}
.custom-cat-menu {display:flex}
.menu-container .custom-cat-menu-wrapper {display:none}
.menu-container:hover .custom-cat-menu-wrapper {display:block}
.menu-container .menu-toggle {
  display:flex;
  align-items:center;
  gap:5px; /* Tạo khoảng trống giữa icon và chữ */
  color:#06a944;
  font-size:18px
}
.menu-container .menu-toggle img {
  height:20px; /* Chiều cao cố định cho icon, bạn có thể điều chỉnh */
  width:auto
}
#woocommerce-product-search-field-0,.header-cart-title {
  border-color:#06a944;
  color:#06a944;
  height:40px
}
.header-cart-link {
  display:flex;
  align-items:center
}
.header-cart-title {
  order:2;
  margin-left:5px; /* Điều chỉnh khoảng cách */
  line-height:40px;
  font-family:'Quicksand', sans-serif
}
.header-cart-icon {order:1}
#woocommerce-product-search-field-0::placeholder {
  color:#06a944; /* Đổi màu placeholder thành màu xanh lá */
  opacity:1; /* Đảm bảo màu hiển thị rõ ràng trên tất cả trình duyệt */
}
.header-main .searchform .button.icon i {
  right:10px
}

.product-category .box-image {padding:15px}
.show {
  display:block !important
}
.image-icon img {max-width:38px}
.header-block {
  background:#f1f2f2;
  padding:15px
}
@media (max-width: 849px) {
  .header-main li.html.custom {display:block}
  .menu-container .menu-toggle span {
    display:none
  }
  .menu-container .menu-toggle {
    display:block;
    align-items:center;
    gap:5px;
    color:#06a944;
    font-size:18px;
    top:-1px;
    left:0px;
    padding:0px;
    width:29px
  }
  .cat-item.active > .cat-submenu {
    left:140px;
    border-bottom:1px solid #d3d7df
  }
  .custom-cat-menu-wrapper {
    left:0px;
    top:0px;
    position:fixed
  }
  .cat-submenu-grid {
    grid-template-columns:repeat(3, 1fr); /* width: calc(46% - 5px); */
  }
  .cat-submenu-grid li a {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    max-height:unset
  }
  .cat-submenu-grid li a span {
    margin-top:5px; /* Điều chỉnh khoảng cách giữa hình và chữ */
    max-height:65px
  }
  .cat-main-menu>li>a img {
    display:none
  }
  .cat-submenu {
  }
  .cat-item.active > .cat-submenu {
    display:block;
    max-height:100%;
    overflow-y:scroll
  }
}
.subcategory-grid {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:stretch;
  width:100%;
  margin-left:auto;
  margin-right:auto
}
.subcategory-item {
  flex:0 0 12.5%; /* Chia 8 cột */
  max-width:12.5%;
  padding:0 5px;
  box-sizing:border-box
}
/* Điều chỉnh responsive cho các màn hình nhỏ hơn */
@media (max-width: 1024px) {
  .subcategory-item {
    flex:0 0 25%; /* Chia 4 cột */
    max-width:25%
  }
}
@media (max-width: 768px) {
  .subcategory-item {
    flex:0 0 33.33%; /* Chia 3 cột */
    max-width:33.33%
  }
}
@media (max-width: 480px) {
  .subcategory-item {
    flex:0 0 50%; /* Chia 2 cột */
    max-width:50%
  }
}
footer li a,footer p a {
  color:white !important
}
.woof_submit_search_form {
  background:linear-gradient(to right, #adadad 0%, #ffffff 100%);
  border:1px solid #c0c0c0;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
  color:#000;
  font-weight:bold;
  cursor:pointer;
  text-transform:capitalize
}
.woof_submit_search_form_container {
  display:flex;
  justify-content:center
}
.woocommerce-pagination {
  display:block!important
}
.nav-pagination>li>span, .nav-pagination>li>a {
  border-radius:0px;
  border:1px solid #ccc;
  font-weight:normal
}
.category-page-row hr {
  border:none; /* bỏ viền mặc định */
  height:50px; /* đặt chiều cao để nhìn thấy hình */
  width:100%; /* hoặc ví dụ: 300px nếu muốn ngắn hơn */
  background-image:url("https://hoangbaolong.net/wp-content/uploads/2025/09/vien-1.jpg");
  background-repeat:no-repeat;
  background-position:center; /* canh giữa */
  background-size:contain; /* giữ tỉ lệ ảnh */
  margin:20px auto; /* căn giữa nếu width nhỏ hơn 100% */
  opacity:1
}
@media screen and (max-width: 768px) {
  .cat-main-menu li {margin:0}
  .custom-cat-menu .close-menu-btn {
    position:fixed;
    right:-6px;
    top:6px;
    border:0;
    background:red;
    color:white;
    z-index:9999999999999999;
    border-radius:100%;
    width:30px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center
  }
  #menu_mobile.closed .custom-cat-menu-wrapper {display:none}
  .cat-submenu-grid li img {
	width:40px;
	height:40px
  }
}