/* Apakoh Custom Styles */

:root {
  --apakoh-main: #0041A0;
  --apakoh-accent: #e31b23;
}

body,
body.loaded,
.nav,
.button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
input,
textarea,
select,
.header,
.footer,
.section {
  font-family: "Inter", sans-serif !important;
}

/* Giữ font icon Flatsome cho sao đánh giá WooCommerce */
.stars a,
.stars a:after,
.stars a::after,
.star-rating,
.star-rating:before,
.star-rating::before,
.star-rating span,
.star-rating span:before,
.star-rating span::before {
  font-family: fl-icons !important;
}

.stars a:after,
.stars a::after,
.stars a.active:after,
.stars a.active::after,
.stars a:hover:after,
.stars a:hover::after,
.star-rating:before,
.star-rating::before,
.star-rating span:before,
.star-rating span::before {
  font-weight: 400 !important;
}

body {
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}

.container {
  max-width: 1200px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.section {
  padding-top: 50px !important;
  padding-bottom: 30px !important;
}

.header-search-form-wrapper,
.header-main .search-form {
  max-width: 500px;
}

.header-main .searchform-wrapper.ux-search-box {
  color: #000000;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--apakoh-radius);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.header-main .searchform-wrapper.ux-search-box:focus-within {
  box-shadow: 0 0 0 3px rgba(227, 27, 35, 0.15);
}

.header-main .searchform-wrapper .search-field {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 38px;
  padding: 0 16px !important;
  font-size: 14px;
}

.header-main .searchform-wrapper .search-field::placeholder {
  color: var(--apakoh-muted);
  opacity: 1;
}

.header-main .searchform-wrapper .ux-search-submit {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--apakoh-muted) !important;
  min-height: 38px;
  width: 42px;
  margin: 0 !important;
  border-radius: 0 !important;
}

.header-main .searchform-wrapper .ux-search-submit i {
  font-size: 16px;
}

.header-main .nav-left {
  justify-content: center;
}

.header-top .nav-small.nav>li.html {
  font-size: 14px;
}

/* --- Cart --- */
.header-main .cart-item>a.header-cart-link,
.header-main .header-cart-title,
.header-main .cart-item .icon-shopping-cart,
.header-main .cart-item .cart-icon {
  color: #fff !important;
}

/* ========== VERTICAL CATEGORY MENU ========== */
.apakoh-cat-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  object-fit: contain;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: var(--apakoh-main);
  line-height: 1;
  transition: color 0.2s ease;
}

.apakoh-cat-label {
  flex: 1;
}

.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item>a,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item>.nav-top-link {
  display: flex !important;
  align-items: center;
  gap: 10px;
  transition: background 0.2s ease, color 0.2s ease;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover,
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item.current-dropdown>a,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item>a:hover,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item:hover>a {
  background-color: var(--apakoh-main) !important;
  color: #fff !important;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover .apakoh-cat-icon,
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item.current-dropdown>a .apakoh-cat-icon,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item>a:hover .apakoh-cat-icon,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item:hover>a .apakoh-cat-icon,
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover .apakoh-cat-label,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item>a:hover .apakoh-cat-label,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item>a:hover .icon-angle-down {
  color: #fff !important;
}

/* --- Submenu --- */
.header-vertical-menu__fly-out .current-dropdown .nav-dropdown,
.ux-nav-vertical-menu.nav-vertical-fly-out>li.menu-item>.sub-menu {
  top: 0 !important;
  left: 100% !important;
  min-width: 250px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  border: 1px solid #ececec;
  box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.1);
}

.ux-nav-vertical-menu.nav-vertical-fly-out .sub-menu>li.menu-item>a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  color: #000 !important;
  font-size: 14px;
  height: 45px;
  background: transparent !important;
  transition: background 0.2s ease, color 0.2s ease;
}

.ux-nav-vertical-menu.nav-vertical-fly-out .sub-menu>li.menu-item>a:hover {
  background-color: #2a6eb7 !important;
  color: #fff !important;
}

.ux-nav-vertical-menu.nav-vertical-fly-out .sub-menu>li.menu-item>a:hover .apakoh-cat-icon,
.ux-nav-vertical-menu.nav-vertical-fly-out .sub-menu>li.menu-item>a:hover .apakoh-cat-label {
  color: #fff !important;
}



.pin-banner-text h1 {
  font-size: 50px;
}

.pin-banner-text p {
  font-size: 20px;
  font-weight: 500;
}

/* --- Pin slider dots --- */
.section-pin-slider .flickity-page-dots {
  bottom: 0px;
  left: 40%;
}

.section-pin-slider .flickity-page-dots .dot {
  border-color: var(--apakoh-main) !important;
}

.section-pin-slider .flickity-page-dots .dot.is-selected {
  background: var(--apakoh-main) !important;
}

/* --- Button Khám phá ngay --- */
.btn-kpn.button,
a.btn-kpn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: var(--apakoh-main) !important;
  border: 1px solid var(--apakoh-main) !important;
  color: #fff !important;
  border-radius: 99px !important;
  padding: 10px 22px !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  box-shadow: none !important;
  transform: translateY(0);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-kpn.button:hover,
a.btn-kpn:hover {
  background: var(--apakoh-main) !important;
  border-color: var(--apakoh-main) !important;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(42, 110, 183, 0.35) !important;
}

/* --- Button Nhận báo giá --- */
.header-button-1 .button,
.btn-bao-gia.button,
a.btn-bao-gia {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: var(--apakoh-main) !important;
  border: 1px solid var(--apakoh-main) !important;
  color: #fff !important;
  padding: 5px 10px !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
  box-shadow: none !important;
  transform: translateY(0);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.header-button-1 .button:hover,
.btn-bao-gia.button:hover,
a.btn-bao-gia:hover {
  background: #1f5a9a !important;
  border-color: #1f5a9a !important;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(42, 110, 183, 0.35) !important;
}

/* Icon sau text — dùng ::after */
.header-button-1 .button::after,
.btn-bao-gia.button::after,
a.btn-bao-gia::after {
  content: "\f15c";
  /* fa-file-invoice */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  margin-left: 2px;
}

/* --- Button Xem tiếp video / All reviews --- */
.btn-all-reviews.button,
a.btn-all-reviews {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: transparent !important;
  border: 2px solid var(--apakoh-main) !important;
  color: var(--apakoh-main) !important;
  border-radius: 99px !important;
  padding: 11px 26px !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-transform: none !important;
  box-shadow: none !important;
  transform: translateY(0);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.btn-all-reviews.button:hover,
a.btn-all-reviews:hover {
  background: var(--apakoh-main) !important;
  border-color: var(--apakoh-main) !important;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0, 65, 160, 0.3) !important;
}

.btn-all-reviews.button i,
a.btn-all-reviews i {
  margin: 0 !important;
  font-size: 14px;
  line-height: 1;
}


.hotline-box {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

.hotline-box i,
.hotline-box .icon-phone,
.hotline-box img {
  font-size: 22px;
  color: #fff;
  line-height: 1;
  display: inline-block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  transform-origin: 50% 50%;
  animation: apakohPhoneShake 0.8s ease-in-out infinite;
}

@keyframes apakohPhoneShake {
  0% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(12deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(10deg);
  }

  80% {
    transform: rotate(-8deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {

  .hotline-box i,
  .hotline-box .icon-phone,
  .hotline-box img {
    animation: none;
  }
}

.hotline-box .hotline-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  color: #fff;
}

.hotline-box .hotline-text span {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.9;
  color: #fff;
}

.hotline-box .hotline-text strong {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
}

.hotline-box a {
  color: #fff !important;
  text-decoration: none;
}

.hotline-box a:hover strong {
  color: #fff;
  opacity: 0.85;
}

.nav>li.header-divider,
.header-main .nav>li.header-divider {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

.section-4 .section-title-normal {
  border-bottom: none;
}

/* ========== SẢN PHẨM BÁN CHẠY ========== */

.section-sp-ban-chay .tabbed-content>.nav,
.section-sp-ban-chay ul.nav[role="tablist"] {
  gap: 8px;
  margin-top: 10px;
}

.section-sp-ban-chay .nav>li.tab>a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 8px 16px !important;
  border: 1px solid var(--apakoh-main) !important;
  color: #000 !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  box-shadow: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.section-sp-ban-chay .nav>li.tab>a:hover {
  background: var(--apakoh-main) !important;
  border-color: var(--apakoh-main) !important;
  color: #fff !important;
}

.section-sp-ban-chay .nav>li.tab.active>a,
.section-sp-ban-chay .nav>li.tab.active>a:hover {
  background: var(--apakoh-main) !important;
  border-color: var(--apakoh-main) !important;
  color: #fff !important;
}

/* Product cards */
.section-sp-ban-chay .product-small.box,
.section-sp-ban-chay .product-small .box {
  background: #fff;
  border: 1px solid #ececec;
  overflow: hidden;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.section-sp-ban-chay .product-small:hover .box,
.section-sp-ban-chay .product-small .box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.section-sp-ban-chay .box-text-products {
  padding: 14px 16px 16px !important;
}

.section-sp-ban-chay .product-title,
.section-sp-ban-chay .product-title a {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.3;
  margin: 0 0 6px;
}

.section-sp-ban-chay .price-wrapper {
  margin-top: 4px;
}

.section-sp-ban-chay .price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-size: 14px;
  color: var(--apakoh-accent) !important;
  font-weight: 700;
}

.section-sp-ban-chay .price del {
  order: 2;
  font-size: 12px;
  font-weight: 500;
  color: #999 !important;
  opacity: 1;
}

.section-sp-ban-chay .price del .amount,
.section-sp-ban-chay .price del bdi {
  color: #999 !important;
  text-decoration: line-through;
}

.section-sp-ban-chay .price ins {
  order: 1;
  text-decoration: none;
  background: transparent;
  color: var(--apakoh-accent) !important;
  font-size: 15px;
  font-weight: 800;
}

.section-sp-ban-chay .price .amount,
.section-sp-ban-chay .price bdi {
  color: inherit !important;
}

.section-sp-ban-chay .badge-container,
.section-sp-ban-chay .out-of-stock-label {
  z-index: 2;
}


/* ========== APAKOH CATEGORY CARDS ========== */

/* Ép 5 cột đều trên 1 hàng */
.apakoh-cat-cards .five-cols,
.apakoh-cat-cards .row.five-cols {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch !important;
}

.apakoh-cat-cards .five-cols>.col {
  flex: 0 0 20% !important;
  max-width: 20% !important;
  width: 20% !important;
  margin-top: 0 !important;
  align-self: stretch !important;
}

.apakoh-cat-cards .col-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.apakoh-cat-cards .box {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: #f2f2f2;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.apakoh-cat-cards .box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

/* Ảnh: chiều cao cố định để card đều */
.apakoh-cat-cards .box-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 220px;
  height: 220px;
  max-height: 220px;
  padding: 20px 16px;
  margin: 0 !important;
  background: #f2f2f2;
}

.apakoh-cat-cards .box-image>div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.apakoh-cat-cards .box-image img {
  display: block;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  max-height: 180px;
  object-fit: contain;
  margin: 0 auto;
}

/* Khối chữ xanh: cao đều */
.apakoh-cat-cards .box-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 110px;
  margin: 0 !important;
  padding: 20px 12px 22px !important;
  background: var(--apakoh-main) !important;
  border-radius: 0 0 8px 8px;
  text-align: center;
}

.apakoh-cat-cards .box-text .box-text-inner {
  width: 100%;
  padding: 0 !important;
}

.apakoh-cat-cards .box-text .box-text-inner h4 {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.35;
  min-height: 2.7em;
  /* 2 dòng — title dài vẫn đều */
}

.apakoh-cat-cards .box-text .box-text-inner p {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  min-height: 2.9em;
}

/* Gạch xanh nhạt dưới cùng */
.apakoh-cat-cards .box-text .box-text-inner::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  margin: 0 auto;
  background: #4da3ff;
  border-radius: 2px;
}

/* Biến thể cam (card Laser) */
.apakoh-cat-cards .is-accent .box-text,
.apakoh-cat-cards .apakoh-cat-orange .box-text {
  background: #f16522 !important;
}

.apakoh-cat-cards .is-accent .box-text .box-text-inner::after,
.apakoh-cat-cards .apakoh-cat-orange .box-text .box-text-inner::after {
  background: #ffc39a;
}

@media (max-width: 849px) {

  .apakoh-cat-cards .five-cols,
  .apakoh-cat-cards .row.five-cols {
    flex-wrap: wrap;
  }

  .apakoh-cat-cards .five-cols>.col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }

  .apakoh-cat-cards .box-image {
    flex-basis: 180px;
    height: 180px;
    max-height: 180px;
  }

  .apakoh-cat-cards .box-image img {
    max-height: 140px;
  }
}

@media (max-width: 549px) {
  .apakoh-cat-cards .box-text .box-text-inner h4 {
    font-size: 13px;
  }

  .apakoh-cat-cards .box-text .box-text-inner p {
    font-size: 11px;
  }
}

/* ========== FOOTER TRANG CHUNG ========== */
.footer-trang-chung {
  color: #fff;
  background-color: var(--apakoh-main) !important;
}

.footer-trang-chung .section-content {
  padding-top: 20px;
  padding-bottom: 10px;
}

.footer-trang-chung .col-inner {
  padding-bottom: 16px;
}

/* Logo */
.footer-trang-chung .ux-logo {
  margin-bottom: 8px;
}

.footer-trang-chung .ux-logo .ux-logo-link {
  padding: 0 !important;
}

.footer-trang-chung .ux-logo-image {
  height: 48px !important;
  width: auto !important;
  max-width: 180px;
}

/* Mô tả */
.footer-trang-chung .text p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.9) !important;
}

.footer-trang-chung .text p strong {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff !important;
}

/* Social icons */
.footer-trang-chung .social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

.footer-trang-chung .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.footer-trang-chung .social-icons a:hover {
  background: #fff;
  border-color: #fff;
  color: var(--apakoh-main) !important;
  transform: translateY(-2px);
}

.footer-trang-chung .social-icons a i {
  font-size: 15px;
  line-height: 1;
}

.footer-trang-chung .social-icons a.zalo-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.footer-trang-chung .social-icons a.zalo-icon:hover svg path {
  fill: var(--apakoh-main);
}

.footer-trang-chung .social-icons a.zalo-icon:hover svg text {
  fill: #fff;
}

/* Menu cột */
.footer-trang-chung .footer-sp {
  gap: 0 !important;
}

.footer-trang-chung .footer-sp .ux-menu-link {
  margin: 0 !important;
}

.footer-trang-chung .footer-sp .ux-menu-link__link {
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none !important;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.footer-trang-chung .footer-sp .ux-menu-link__link:hover {
  color: #fff !important;
  padding-left: 4px !important;
}

.footer-trang-chung .footer-sp .ux-menu-link__text {
  color: inherit;
}

.footer-trang-chung .footer-sp .ux-menu-link__icon {
  flex: 0 0 auto;
  margin-top: 2px;
  font-size: 20px;
  color: #fff !important;
  opacity: 0.95;
}

@media (max-width: 849px) {
  .footer-trang-chung .col.small-6 {
    margin-bottom: 8px;
  }
}

@media (max-width: 549px) {
  .footer-trang-chung .ux-logo-image {
    height: 40px !important;
  }

  .footer-trang-chung .text p,
  .footer-trang-chung .footer-sp .ux-menu-link__link {
    font-size: 13px;
  }
}

/* ========== BACK TO TOP ========== */
a.back-to-top#top-link,
a.back-to-top.button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 20px 24px 0 !important;
  border-radius: 50% !important;
  border: 2px solid var(--apakoh-main) !important;
  background: var(--apakoh-main) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(0, 65, 160, 0.35) !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

a.back-to-top#top-link.active,
a.back-to-top.button.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

a.back-to-top#top-link:hover,
a.back-to-top.button:hover {
  background: #003078 !important;
  border-color: #003078 !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(0, 65, 160, 0.45) !important;
  transform: translateY(-3px);
}

a.back-to-top#top-link i,
a.back-to-top.button i {
  margin: 0 !important;
  font-size: 18px;
  line-height: 1;
  color: #fff !important;
}

/* Ẩn back-to-top trên mobile */
@media (max-width: 768px) {

  a.back-to-top#top-link,
  a.back-to-top.button,
  a.back-to-top.hide-for-medium {
    display: none !important;
  }
}

/* ========== ĐỐI TÁC — infinite marquee ========== */
.section-doi-tac {
  overflow: hidden;
}

.section-doi-tac .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden;
}

.section-doi-tac .apakoh-doi-tac-marquee {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.section-doi-tac .apakoh-doi-tac-track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 0;
  animation: apakohDoiTacScroll 30s linear infinite;
  will-change: transform;
}

.section-doi-tac .apakoh-doi-tac-marquee:hover .apakoh-doi-tac-track {
  animation-play-state: paused;
}

.section-doi-tac .apakoh-doi-tac-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 56px;
  padding-right: 56px;
  /* khoảng cách đều giữa 2 nhóm clone */
}

@keyframes apakohDoiTacScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .section-doi-tac .apakoh-doi-tac-track {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 32px;
  }

  .section-doi-tac .apakoh-doi-tac-group:last-child {
    display: none;
  }
}

@media (max-width: 849px) {
  .section-doi-tac .apakoh-doi-tac-group {
    gap: 40px;
    padding-right: 40px;
  }

  .section-doi-tac .apakoh-doi-tac-item {
    width: 140px;
    height: 60px;
  }

  .section-doi-tac .apakoh-doi-tac-item img {
    max-height: 44px;
  }

  .section-doi-tac .apakoh-doi-tac-track {
    animation-duration: 24s;
  }
}

/* ========== SECTION BLOGS / TIN TỨC ========== */
.section-blogs .text h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
}

.section-blogs .post-item .box {
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.section-blogs .post-item .box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

.section-blogs .post-item .box-image {
  margin: 0 !important;
  overflow: hidden;
}

.section-blogs .post-item .box:hover .box-image img {
  transform: scale(1.06);
}

.section-blogs .post-item .box-text {
  padding: 18px 16px 20px !important;
  text-align: left !important;
}

.section-blogs .post-item .post-title {
  margin: 0 0 8px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.section-blogs .post-item .post-title a {
  color: #000000 !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.section-blogs .post-item .box:hover .post-title a {
  color: var(--apakoh-main) !important;
}

.section-blogs .post-item .is-divider {
  display: none;
}

.section-blogs .post-item .from_the_blog_excerpt {
  margin: 0 0 14px !important;
  font-size: 14px;
  line-height: 1.55;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.section-blogs .post-item .button {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 8px 16px !important;
  border-radius: 99px !important;
  border: 1px solid var(--apakoh-main) !important;
  background: transparent !important;
  color: var(--apakoh-main) !important;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.section-blogs .post-item .button:hover {
  background: var(--apakoh-main) !important;
  color: #fff !important;
  transform: translateY(-2px);
}


@media (max-width: 849px) {
  .section-blogs .text h2 {
    font-size: 22px;
  }

  .section-blogs .post-item .post-title {
    font-size: 15px;
  }
}

/* Slider prev/next — hover chỉ đổi màu icon, không tô cả khối */
.flickity-prev-next-button:hover .flickity-button-icon,
.flickity-prev-next-button:hover svg,
.flickity-prev-next-button:hover path {
  fill: #fff !important;
  background-color: var(--apakoh-main) !important;
  border-color: var(--apakoh-main) !important;
}

.title-underline {
  position: relative;
  padding-bottom: 1px;
}

.title-underline::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 3px;
  background: var(--apakoh-main) !important;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* --- Button Xem nhanh + Thêm vào giỏ --- */
a.quick-view,
.quick-view.button,
.add_to_cart_button,
.ajax_add_to_cart,
.single_add_to_cart_button,
button.single_add_to_cart_button,
.product-small .add_to_cart_button,
.product .single_add_to_cart_button {
  background-color: #0041A0 !important;
  background: #0041A0 !important;
  border-color: #0041A0 !important;
  color: #fff !important;
}

a.quick-view:hover,
.quick-view.button:hover,
.add_to_cart_button:hover,
.ajax_add_to_cart:hover,
.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
.product-small .add_to_cart_button:hover,
.product .single_add_to_cart_button:hover {
  background-color: #003078 !important;
  background: #003078 !important;
  border-color: #003078 !important;
  color: #fff !important;
}

/* --- Badge giảm giá --- */
.badge-container .badge-inner.on-sale,
.badge-container .badge-inner.secondary.on-sale,
.callout.badge .badge-inner.on-sale {
  background: #e31b23 !important;
  background-color: #e31b23 !important;
}

/* --- Button xem tất cả --- */
.btn-view-all.button,
a.btn-view-all,
.button.btn-view-all {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--apakoh-main) !important;
  padding: 2px 0 !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.btn-view-all.button span,
a.btn-view-all span,
.button.btn-view-all span,
.btn-view-all.button i,
a.btn-view-all i {
  color: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
}

.btn-view-all.button:hover,
a.btn-view-all:hover,
.button.btn-view-all:hover {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid var(--apakoh-main) !important;
  box-shadow: none !important;
  color: var(--apakoh-main) !important;
  text-decoration: none !important;
}

/* Thanh dọc bên trái tiêu đề — gắn class: title-bar-left */
.title-bar-left {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 14px !important;
  border-left: 4px solid var(--apakoh-main);
  font-weight: 800;
  text-transform: uppercase;
  color: #111;
  line-height: 1.25;
  vertical-align: middle;
}

/* Nếu class gắn ngoài thẻ heading/text bên trong */
.title-bar-left>*:first-child {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ========== SINGLE POST ========== */
.apakoh-single-post {
  background: #fff;
  padding: 30px 0 60px;
}

.apakoh-single-inner {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 16px;
}

.apakoh-breadcrumb {
  margin: 0 0 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.apakoh-breadcrumb-wrap {
  margin: 16px auto 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 0;
}

.apakoh-breadcrumb-wrap .apakoh-breadcrumb {
  margin-bottom: 12px;
}

.apakoh-breadcrumb-list {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #777;
}

.apakoh-breadcrumb a,
.apakoh-breadcrumb-list a {
  color: #777;
  text-decoration: none;
  transition: color 0.2s ease;
}

.apakoh-breadcrumb a:hover,
.apakoh-breadcrumb-list a:hover,
.apakoh-breadcrumb a:hover span,
.apakoh-breadcrumb-list a:hover span[property="name"] {
  color: var(--apakoh-main) !important;
}

.apakoh-breadcrumb-sep,
.apakoh-breadcrumb .separator,
.apakoh-breadcrumb span[property="itemListElement"]+span {
  margin: 0 6px;
  color: #bbb;
}

/* Breadcrumb NavXT — item hiện tại (active) */
.apakoh-breadcrumb .current-item,
.apakoh-breadcrumb span[aria-current="page"],
.apakoh-breadcrumb-list>span:last-child,
.apakoh-breadcrumb-list>span[property="itemListElement"]:last-child,
.apakoh-breadcrumb-list>span[property="itemListElement"]:last-child .current-item,
.apakoh-breadcrumb-list>span[property="itemListElement"]:last-child span[property="name"] {
  color: var(--apakoh-main) !important;
  font-weight: 600;
}

.apakoh-breadcrumb-list span {
  display: inline;
}

.apakoh-single-header {
  margin-bottom: 24px;
}

.apakoh-single-cats {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.apakoh-single-cats a {
  color: var(--apakoh-main);
  text-decoration: none;
}

.apakoh-single-title {
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.3;
  color: #111;
}

.apakoh-single-meta {
  margin: 0;
  font-size: 13px;
  color: #888;
}

.apakoh-single-thumb {
  margin: 0 0 28px;
  overflow: hidden;
  border-radius: 10px;
}

.apakoh-single-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.apakoh-single-content {
  font-size: 16px;
  line-height: 1.75;
  color: #222;
}

.apakoh-single-content>*:first-child {
  margin-top: 0;
}

.apakoh-single-content h2,
.apakoh-single-content h3,
.apakoh-single-content h4 {
  margin: 1.6em 0 0.6em;
  font-weight: 800;
  line-height: 1.35;
  color: #111;
}

.apakoh-single-content p {
  margin: 0 0 1.1em;
}

.apakoh-single-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.apakoh-single-content a {
  color: var(--apakoh-main);
}

.apakoh-single-content ul,
.apakoh-single-content ol {
  margin: 0 0 1.1em;
  padding-left: 1.25em;
}

@media (max-width: 849px) {
  .apakoh-single-post {
    padding: 20px 0 40px;
  }

  .apakoh-single-title {
    font-size: 24px;
  }

  .apakoh-single-content {
    font-size: 15px;
  }
}

/* ========== CONTENT LISTS (khớp editor) ========== */
.entry-content ul:not(.apakoh-dai-ly-cta__list),
.entry-content ol,
.apakoh-single-content ul:not(.apakoh-dai-ly-cta__list),
.apakoh-single-content ol,
.page-wrapper .entry-content ul:not(.apakoh-dai-ly-cta__list),
.page-wrapper .entry-content ol,
#content ul:not(.nav):not(.dropdown-menu):not(.ux-menu):not(.mobile-nav):not(.product_list_widget):not(.apakoh-dai-ly-cta__list),
#content ol:not(.nav) {
  list-style-position: outside !important;
  margin: 0 0 1.25em !important;
  padding-left: 2em !important;
}

.entry-content ul:not(.apakoh-dai-ly-cta__list),
.apakoh-single-content ul:not(.apakoh-dai-ly-cta__list),
.page-wrapper .entry-content ul:not(.apakoh-dai-ly-cta__list),
#content ul:not(.nav):not(.dropdown-menu):not(.ux-menu):not(.mobile-nav):not(.product_list_widget):not(.apakoh-dai-ly-cta__list) {
  list-style-type: disc !important;
}

.entry-content ol,
.apakoh-single-content ol,
.page-wrapper .entry-content ol,
#content ol:not(.nav) {
  list-style-type: decimal !important;
}

.entry-content ul:not(.apakoh-dai-ly-cta__list)>li,
.apakoh-single-content ul:not(.apakoh-dai-ly-cta__list)>li,
.page-wrapper .entry-content ul:not(.apakoh-dai-ly-cta__list)>li,
.entry-content ol>li,
.apakoh-single-content ol>li,
.page-wrapper .entry-content ol>li,
#content ul:not(.nav):not(.dropdown-menu):not(.ux-menu):not(.mobile-nav):not(.product_list_widget):not(.apakoh-dai-ly-cta__list)>li,
#content ol:not(.nav)>li {
  margin: 0 0 0.45em !important;
  padding-left: 0.75em;
  line-height: 1.7;
  color: #111;
  list-style: inherit !important;
}

.entry-content ul:not(.apakoh-dai-ly-cta__list)>li::marker,
.apakoh-single-content ul:not(.apakoh-dai-ly-cta__list)>li::marker,
.page-wrapper .entry-content ul:not(.apakoh-dai-ly-cta__list)>li::marker,
.entry-content ol>li::marker,
.apakoh-single-content ol>li::marker,
.page-wrapper .entry-content ol>li::marker,
#content ul:not(.nav):not(.dropdown-menu):not(.ux-menu):not(.mobile-nav):not(.product_list_widget):not(.apakoh-dai-ly-cta__list)>li::marker,
#content ol:not(.nav)>li::marker {
  color: #111;
  font-size: 1em;
}

.entry-content li>span,
.apakoh-single-content li>span,
.page-wrapper .entry-content li>span {
  color: inherit !important;
}

/* ========== SHOP / CỬA HÀNG ========== */
.shop-page-title.category-page-title {
  background: #fff;
  border-bottom: 1px solid #e8ecf1;
  padding: 8px 0 12px;
  margin-bottom: 0;
}

.shop-page-title .page-title-inner {
  align-items: center;
  gap: 12px;
}

.apakoh-shop-breadcrumb .apakoh-breadcrumb {
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.apakoh-shop-breadcrumb .apakoh-breadcrumb-list {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #777;
}

/* Filter mobile */
.category-filtering .filter-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #dbe1ea;
  background: #fff;
  color: #111 !important;
  font-size: 13px;
  font-weight: 700;
}

.category-filtering .filter-button:hover {
  border-color: var(--apakoh-main);
  color: var(--apakoh-main) !important;
}

/* Result count + sort */
.shop-page-title .woocommerce-result-count {
  margin: 0 12px 0 0;
  font-size: 13px;
  color: #6b7280;
}

.shop-page-title .woocommerce-ordering {
  margin: 0;
  position: relative;
}

.shop-page-title .woocommerce-ordering select.orderby {
  min-width: 220px;
  height: 40px;
  padding: 0 40px 0 12px;
  border: 1px solid #9aa3af;
  border-radius: 8px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
  color: #111;
  font-size: 13px;
  font-weight: 600;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.2s ease;
}

.shop-page-title .woocommerce-ordering select.orderby:hover,
.shop-page-title .woocommerce-ordering select.orderby:focus {
  border-color: var(--apakoh-main);
  outline: none;
}

/* Sidebar danh mục SP */
.apakoh-shop-sidebar {
  padding: 18px 16px;
  background: #fff;
  border: 1px solid #e8ecf1;
  border-radius: 10px;
}

.apakoh-shop-sidebar .widget-title {
  display: block;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 800;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.apakoh-shop-sidebar .is-divider {
  margin: 0 0 14px;
  background-color: var(--apakoh-main);
  max-width: 40px;
  height: 2px;
}

.apakoh-product-cats {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.apakoh-product-cats li {
  display: block !important;
  list-style: none !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  width: 100%;
}

.apakoh-product-cats li::marker {
  content: none;
}

.apakoh-product-cats a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100% !important;
  box-sizing: border-box;
  padding: 10px 12px !important;
  margin: 0 !important;
  border-radius: 8px;
  color: #000000 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s ease, color 0.2s ease;
}

.apakoh-product-cats .apakoh-cat-icon {
  flex: 0 0 auto;
  width: 18px;
  text-align: center;
  font-size: 15px;
  line-height: 1;
  color: var(--apakoh-main);
}

.apakoh-product-cats .apakoh-cat-label {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.35;
}

.apakoh-product-cats .count {
  color: #000000 !important;
  font-size: 13px !important;
  font-weight: 700;
  flex-shrink: 0;
  margin-left: auto;
}

.apakoh-product-cats a:hover {
  background: #f0f5fb;
  color: var(--apakoh-main) !important;
}

.apakoh-product-cats a:hover .apakoh-cat-icon,
.apakoh-product-cats a:hover .count {
  color: var(--apakoh-main) !important;
}

.apakoh-product-cats .current-cat>a,
.apakoh-product-cats li.current-cat>a {
  background: var(--apakoh-main) !important;
  color: #fff !important;
}

.apakoh-product-cats .current-cat>a .apakoh-cat-icon,
.apakoh-product-cats li.current-cat>a .apakoh-cat-icon,
.apakoh-product-cats .current-cat>a .count,
.apakoh-product-cats li.current-cat>a .count {
  color: #fff !important;
}

.apakoh-product-cats .children {
  list-style: none !important;
  margin: 0 0 4px !important;
  padding: 0 0 0 12px !important;
  width: 100%;
}

/* Pagination */
.woocommerce-pagination {
  margin: 28px 0 10px;
}

.woocommerce-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none !important;
}

.woocommerce-pagination ul.page-numbers li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-pagination ul.page-numbers li::marker {
  content: none;
}

.woocommerce-pagination .page-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #dbe1ea;
  background: #fff;
  color: #000000 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.woocommerce-pagination a.page-number:hover {
  background: var(--apakoh-main) !important;
  border-color: var(--apakoh-main) !important;
  color: #fff !important;
}

.woocommerce-pagination a.page-number:hover i {
  color: #fff !important;
}

.woocommerce-pagination .page-number.current {
  background: var(--apakoh-main);
  border-color: var(--apakoh-main);
  color: #fff !important;
}

.woocommerce-pagination .next.page-number,
.woocommerce-pagination .prev.page-number {
  font-size: 16px;
}

.apakoh-shop-layout {
  margin-top: 24px;
  margin-bottom: 40px;
}

/* Ẩn danh mục trên mỗi card sản phẩm (shop/archive) */
.tax-product_cat .product-small .product-cat,
.post-type-archive-product .product-small .product-cat,
.woocommerce-shop .product-small .product-cat,
.apakoh-shop-layout .product-small .product-cat,
.shop-container .product-small .product-cat {
  display: none !important;
}

/* Tên sản phẩm — màu brand */
.product-small .product-title,
.product-small .product-title a,
.product-small .woocommerce-loop-product__title,
.product-small .woocommerce-loop-product__title a,
.shop-container .product-title a,
.apakoh-shop-layout .product-title a {
  color: var(--apakoh-main) !important;
}

.product-small .product-title a:hover,
.shop-container .product-title a:hover,
.apakoh-shop-layout .product-title a:hover {
  color: #003078 !important;
}

/* 4 sản phẩm / hàng (desktop) */
@media (min-width: 850px) {

  .apakoh-shop-layout .products.row>.product,
  .apakoh-shop-layout .shop-container .products>.col,
  .post-type-archive-product .shop-container .products>.product,
  .tax-product_cat .shop-container .products>.product {
    flex-basis: 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
}

@media (max-width: 849px) {
  .shop-page-title .woocommerce-ordering select.orderby {
    min-width: 180px;
    width: 100%;
  }

  .apakoh-shop-layout {
    margin-top: 16px;
  }
}

@media (max-width: 768px) {

  /* Shop page title / breadcrumb / filter */
  .woocommerce-shop .shop-page-title.category-page-title,
  .post-type-archive-product .shop-page-title.category-page-title,
  .tax-product_cat .shop-page-title.category-page-title {
    padding: 10px 0 12px !important;
  }

  .woocommerce-shop .shop-page-title .page-title-inner,
  .post-type-archive-product .shop-page-title .page-title-inner,
  .tax-product_cat .shop-page-title .page-title-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 10px;
  }

  /* Bỏ căn giữa do Flatsome medium-text-center */
  .shop-page-title .flex-col.medium-text-center,
  .shop-page-title .medium-text-center {
    text-align: left !important;
  }

  /* Breadcrumb shop = đồng bộ page Về APAKOH */
  .apakoh-shop-breadcrumb {
    margin: 0;
    text-align: left !important;
  }

  .apakoh-shop-breadcrumb .apakoh-breadcrumb {
    margin: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    text-align: left !important;
  }

  .apakoh-shop-breadcrumb .apakoh-breadcrumb-list {
    display: block;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #777 !important;
    white-space: normal;
    overflow: visible;
  }

  .apakoh-shop-breadcrumb .apakoh-breadcrumb-list a,
  .apakoh-shop-breadcrumb .apakoh-breadcrumb-list a span[property="name"] {
    color: #777 !important;
    font-weight: 400;
  }

  .apakoh-shop-breadcrumb .apakoh-breadcrumb-list .current-item,
  .apakoh-shop-breadcrumb .apakoh-breadcrumb-list>span[property="itemListElement"]:last-child span[property="name"] {
    color: var(--apakoh-main) !important;
    font-weight: 600;
  }

  /* Lọc + Sắp xếp cùng 1 hàng */
  .shop-page-title .page-title-inner {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .shop-page-title .flex-col.flex-grow {
    display: contents;
  }

  .shop-page-title .apakoh-shop-breadcrumb {
    flex: 0 0 100%;
    order: 1;
    width: 100%;
  }

  .category-filtering.category-filter-row {
    flex: 0 0 auto;
    order: 2;
    margin: 0 !important;
  }

  .category-filtering .filter-button {
    padding: 0 12px;
    height: 40px;
    font-size: 12px;
  }

  .shop-page-title .flex-col:not(.flex-grow) {
    flex: 1 1 0 !important;
    order: 3;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
  }

  .shop-page-title .woocommerce-ordering {
    width: 100%;
    margin: 0 !important;
  }

  .shop-page-title .woocommerce-ordering select.orderby {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px;
    font-size: 12px;
  }

  /* Shop layout + product grid */
  .apakoh-shop-layout.row.container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 12px;
    margin-bottom: 28px;
    box-sizing: border-box;
  }

  .apakoh-shop-layout>.col.large-9 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .apakoh-shop-layout .shop-container .products.row,
  .woocommerce-shop .shop-container .products.row {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

  .apakoh-shop-layout .products.row>.product,
  .apakoh-shop-layout .shop-container .products>.col,
  .woocommerce-shop .shop-container .products>.product {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .woocommerce-shop .product-small .box,
  .apakoh-shop-layout .product-small .box {
    border: 1px solid #e9edf4;
    border-radius: 8px;
    overflow: hidden;
  }

  .woocommerce-shop .product-small .box-text-products,
  .apakoh-shop-layout .product-small .box-text-products {
    padding: 10px 10px 12px !important;
  }

  .woocommerce-shop .product-small .product-title,
  .woocommerce-shop .product-small .product-title a,
  .apakoh-shop-layout .product-small .product-title a {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .woocommerce-shop .product-small .price,
  .apakoh-shop-layout .product-small .price {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
  }

  .woocommerce-shop .product-small .price del,
  .apakoh-shop-layout .product-small .price del {
    order: 1;
    font-size: 10px;
    margin: 0 !important;
  }

  .woocommerce-shop .product-small .price ins,
  .apakoh-shop-layout .product-small .price ins {
    order: 2;
    font-size: 13px;
    margin: 0 !important;
  }

  .woocommerce-shop .badge-container,
  .apakoh-shop-layout .badge-container {
    transform: scale(0.88);
    transform-origin: top left;
  }
}

/* ========== SINGLE PRODUCT — APAKOH modern ========== */
.single-product .apakoh-product-page,
.single-product .product-container {
  background: #fff;
}

.single-product .product-main {
  padding: 0px;
}

.single-product .apakoh-product-top {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  align-items: flex-start;
}

.single-product #product-sidebar {
  display: none !important;
}

@media (min-width: 850px) {
  .single-product .apakoh-product-top>.product-gallery.col {
    flex-basis: 46% !important;
    max-width: 46% !important;
  }

  .single-product .apakoh-product-top>.product-info.summary.col {
    flex-basis: 54% !important;
    max-width: 54% !important;
    padding-left: 28px !important;
  }
}

/* Breadcrumb */

.single-product .product-info .woocommerce-breadcrumb,
.single-product .product-info .apakoh-breadcrumb {
  display: none !important;
}

/* Gallery — giữ thumbnail Flatsome gốc */
.single-product .product-gallery .woocommerce-product-gallery {
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e6ebf2;
}

.single-product .product-gallery .image-tools,
.single-product .product-gallery .badge-container,
.single-product .product-gallery .onsale {
  display: none !important;
}

/* Summary */
.single-product .product-info.summary {
  padding-top: 4px;
}

.single-product .apakoh-pd-badge {
  display: inline-block;
  margin: 0 0 10px;
  padding: 4px 10px;
  border-radius: 6px;
  background: var(--apakoh-main);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.single-product .product-info .product-title,
.single-product .product-info .product_title,
.single-product .product-info h1.product-title {
  margin: 0 0 10px !important;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #111 !important;
}

.single-product .apakoh-pd-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 13px;
  color: #666;
}

.single-product .apakoh-pd-meta strong {
  color: var(--apakoh-main);
  font-weight: 700;
}

.single-product .apakoh-pd-meta-sep {
  color: #ccc;
}

.single-product .apakoh-pd-rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  font-size: 13px;
  color: #555;
}

.single-product .apakoh-pd-stars {
  display: inline-flex;
  gap: 2px;
  color: #f5a623;
}

.single-product .apakoh-pd-score {
  font-weight: 700;
  color: #000000;
}

.single-product .apakoh-pd-reviews {
  color: #888;
}

.single-product .apakoh-pd-sold {
  margin-left: 4px;
  padding-left: 10px;
  border-left: 1px solid #e0e0e0;
}

.single-product .apakoh-pd-sold strong {
  color: #000000;
}

/* Price */
.single-product .apakoh-pd-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
}

.single-product .apakoh-pd-price .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: 0 !important;
  font-size: 28px;
  font-weight: 800;
  color: var(--apakoh-main) !important;
}

.single-product .apakoh-pd-price .price del {
  color: #9aa3af !important;
  font-size: 15px;
  font-weight: 500;
  opacity: 1;
}

.single-product .apakoh-pd-price .price ins {
  background: transparent;
  text-decoration: none;
  color: var(--apakoh-main) !important;
  font-size: 28px;
  font-weight: 800;
}

.single-product .apakoh-pd-price .price .amount,
.single-product .apakoh-pd-price .price bdi {
  color: inherit !important;
}

.single-product .apakoh-pd-discount {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 6px;
  background: #e8f0ff;
  color: var(--apakoh-main);
  font-size: 13px;
  font-weight: 800;
}

/* Excerpt */
.single-product .product-info .product-short-description,
.single-product .product-info .woocommerce-product-details__short-description,
.single-product .product-info .product-short-description p,
.single-product .product-info .woocommerce-product-details__short-description p {
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #000 !important;
}

/* Mô tả sản phẩm (tab) — chữ đen */
.single-product #tab-description,
.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description p,
.single-product #tab-description li,
.single-product #tab-description span,
.single-product #tab-description h1,
.single-product #tab-description h2,
.single-product #tab-description h3,
.single-product #tab-description h4,
.single-product #tab-description h5,
.single-product #tab-description h6,
.single-product .woocommerce-Tabs-panel--description p,
.single-product .woocommerce-Tabs-panel--description li,
.single-product .woocommerce-Tabs-panel--description h1,
.single-product .woocommerce-Tabs-panel--description h2,
.single-product .woocommerce-Tabs-panel--description h3,
.single-product .woocommerce-Tabs-panel--description h4,
.single-product .woocommerce-Tabs-panel--description h5,
.single-product .woocommerce-Tabs-panel--description h6,
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-Tabs-panel,
.single-product .woocommerce-tabs .panel h1,
.single-product .woocommerce-tabs .panel h2,
.single-product .woocommerce-tabs .panel h3,
.single-product .woocommerce-tabs .panel h4,
.single-product .woocommerce-tabs .panel h5,
.single-product .woocommerce-tabs .panel h6,
.single-product .product-info .product-short-description h1,
.single-product .product-info .product-short-description h2,
.single-product .product-info .product-short-description h3,
.single-product .product-info .product-short-description h4,
.single-product .product-info .woocommerce-product-details__short-description h1,
.single-product .product-info .woocommerce-product-details__short-description h2,
.single-product .product-info .woocommerce-product-details__short-description h3,
.single-product .product-info .woocommerce-product-details__short-description h4 {
  color: #000 !important;
}

/* Specs */
.single-product .apakoh-pd-specs {
  list-style: none !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.single-product .apakoh-pd-specs li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 14px;
  color: #444;
  list-style: none !important;
}

.single-product .apakoh-pd-specs li::marker {
  content: none;
}

.single-product .apakoh-pd-specs i {
  width: 18px;
  color: var(--apakoh-main);
  text-align: center;
  font-size: 14px;
}

.single-product .apakoh-pd-spec-label {
  min-width: 110px;
  color: #777;
}

.single-product .apakoh-pd-spec-value {
  font-weight: 700;
  color: #222;
}

/* 31/07/2026 */
/* Flex container cho form giỏ hàng trang sản phẩm */
.single-product form.cart {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

.single-product form.cart .quantity {
  order: 1 !important;
  margin: 0 !important;
}

/* 1. Phục hồi CSS gốc cho nút THÊM VÀO GIỎ HÀNG (Màu xanh, nằm bên PHẢI) */
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart button.single_add_to_cart_button {
  order: 3 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: var(--apakoh-main) !important;
  border: 1px solid var(--apakoh-main) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.single-product form.cart .single_add_to_cart_button:hover {
  background: #003078 !important;
  border-color: #003078 !important;
  color: #fff !important;
}

/* 2. Áp dụng cùng kiểu CSS cho nút MUA NGAY (Màu đỏ, nằm bên TRÁI) */
.single-product form.cart .apakoh-buy-now-btn,
.single-product form.cart button.apakoh-buy-now-btn {
  order: 2 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: var(--apakoh-accent, #e31b23) !important;
  border: 1px solid var(--apakoh-accent, #e31b23) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.single-product form.cart .apakoh-buy-now-btn:hover,
.single-product form.cart button.apakoh-buy-now-btn:hover {
  background: #c01118 !important;
  border-color: #c01118 !important;
  color: #fff !important;
}



/* end  31/07/2026 */
/* Ẩn icon share / mạng xã hội trên trang sản phẩm */
.single-product .product-info .social-icons,
.single-product .product-summary .social-icons,
.single-product .product-share,
.single-product .woocommerce-product-details__short-description+.social-icons,
.single-product .entry-summary .social-icons {
  display: none !important;
}

/* Commitment */
.single-product .apakoh-pd-commit {
  margin-top: 4px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #eef4ff;
  border: 1px solid #d7e4ff;
}

.single-product .apakoh-pd-commit-title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 800;
  color: var(--apakoh-main);
}

.single-product .apakoh-pd-commit ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.single-product .apakoh-pd-commit li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 13px;
  color: #444;
  list-style: none !important;
}

.single-product .apakoh-pd-commit li:last-child {
  margin-bottom: 0 !important;
}

.single-product .apakoh-pd-commit i {
  margin-top: 2px;
  color: var(--apakoh-main);
}

/* Trust bar */
.single-product .apakoh-pd-trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 1200px;
  margin: 20px auto 8px;
  padding: 16px 15px;
  border-top: 1px solid #eef1f5;
}

.single-product .apakoh-pd-trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 4px;
}

.single-product .apakoh-pd-trust-item>i {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef4ff;
  color: var(--apakoh-main);
  font-size: 20px;
}

.single-product .apakoh-pd-trust-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.single-product .apakoh-pd-trust-text strong {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  line-height: 1.3;
}

.single-product .apakoh-pd-trust-text span {
  font-size: 13px;
  color: #888;
  line-height: 1.3;
}

/* Tabs */
.single-product .product-footer {
  padding: 12px 0 48px;
  background: #fff;
}

.single-product .woocommerce-tabs {
  background: #fff;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

.single-product .woocommerce-tabs>.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border-bottom: 1px solid #e6ebf2 !important;
  background: transparent;
  list-style: none !important;
}

.single-product .woocommerce-tabs>.tabs li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}

.single-product .woocommerce-tabs>.tabs li a {
  display: block;
  padding: 14px 18px !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  color: #777 !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

.single-product .woocommerce-tabs>.tabs li.active a,
.single-product .woocommerce-tabs>.tabs li a:hover,
.single-product .woocommerce-tabs>.tabs li.active>a span {
  color: var(--apakoh-main) !important;
  border-bottom-color: var(--apakoh-main) !important;
  background: transparent !important;
  font-weight: 700;
}


/* Đánh giá — text đen + nút Gửi đi */
.single-product #reviews,
.single-product #reviews .woocommerce-noreviews,
.single-product #reviews .woocommerce-Reviews-title,
.single-product #reviews .comment-reply-title,
.single-product #reviews #reply-title,
.single-product #reviews .comment-form-rating label,
.single-product #reviews .comment-form-comment label,
.single-product #reviews .comment-form-author label,
.single-product #reviews .comment-form-email label,
.single-product #reviews .comment-form label,
.single-product #reviews p,
.single-product #reviews .description,
.single-product #reviews .meta,
.single-product #reviews .comment-text,
.single-product #reviews .woocommerce-review__author,
.single-product #reviews .woocommerce-review__published-date {
  color: #000 !important;
}

.single-product #reviews #comment,
.single-product #reviews input[type="text"],
.single-product #reviews input[type="email"],
.single-product #reviews textarea {
  color: #000 !important;
  border: 1px solid #cfd6e0;
  border-radius: 8px;
}

.single-product #reviews #respond .form-submit input#submit,
.single-product #reviews .comment-form input[type="submit"],
.single-product #review_form #respond .form-submit input {
  min-height: 44px;
  padding: 10px 28px !important;
  border-radius: 8px !important;
  background: var(--apakoh-main) !important;
  border: 1px solid var(--apakoh-main) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none !important;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.single-product #reviews #respond .form-submit input#submit:hover,
.single-product #reviews .comment-form input[type="submit"]:hover,
.single-product #review_form #respond .form-submit input:hover {
  background: #003078 !important;
  border-color: #003078 !important;
  color: #fff !important;
}

/* Related / Sản phẩm tương tự */
.single-product .product-footer>.container {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.single-product .related-products-wrapper,
.single-product .related.products,
.single-product .upsells.products,
.single-product .upsell-product-wrapper {
  max-width: 1200px;
  width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
}

.single-product .related-products-wrapper .row,
.single-product .related-products-wrapper .product-section,
.single-product .related .row,
.single-product .upsells .row {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.single-product .related-products-wrapper .product-section-title,
.single-product .related-products-wrapper .product-section-title.container-width,
.single-product .related>h2,
.single-product .related>h3,
.single-product .upsells>h2,
.single-product .upsells>h3,
.single-product .related.products>h2,
.single-product .product-section-title-related {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 1200px;
  width: 100%;
  margin: 0 0 20px !important;
  padding: 0 0 0 14px !important;
  border-left: 4px solid var(--apakoh-main);
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.single-product .related-products-wrapper .product-small .box,
.single-product .related .product-small .box,
.single-product .upsells .product-small .box {
  background: #fff;
  border: 1px solid #e8ecf1;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.single-product .related-products-wrapper .product-small:hover .box,
.single-product .related .product-small:hover .box,
.single-product .upsells .product-small:hover .box {
  transform: translateY(-4px);
  border-color: #d7e4ff;
  box-shadow: 0 10px 24px rgba(0, 65, 160, 0.1);
}

.single-product .related-products-wrapper .box-image,
.single-product .related .box-image,
.single-product .upsells .box-image {
  background: #f8fafc;
}

.single-product .related-products-wrapper .box-text,
.single-product .related .box-text,
.single-product .upsells .box-text {
  padding: 14px 14px 16px !important;
}

.single-product .related-products-wrapper .product-cat,
.single-product .related .product-cat,
.single-product .upsells .product-cat {
  display: none !important;
}

.single-product .related-products-wrapper .product-title,
.single-product .related-products-wrapper .product-title a,
.single-product .related .product-title,
.single-product .related .product-title a,
.single-product .upsells .product-title,
.single-product .upsells .product-title a {
  margin: 0 0 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #111 !important;
}

.single-product .related-products-wrapper .product-title a:hover,
.single-product .related .product-title a:hover,
.single-product .upsells .product-title a:hover {
  color: var(--apakoh-main) !important;
}

.single-product .related-products-wrapper .price,
.single-product .related .price,
.single-product .upsells .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 0 !important;
  font-size: 15px;
  font-weight: 800;
  color: var(--apakoh-main) !important;
}

.single-product .related-products-wrapper .price del,
.single-product .related .price del,
.single-product .upsells .price del {
  color: #999 !important;
  font-size: 13px;
  font-weight: 500;
  opacity: 1;
}

.single-product .related-products-wrapper .price ins,
.single-product .related .price ins,
.single-product .upsells .price ins {
  background: transparent;
  text-decoration: none;
  color: var(--apakoh-main) !important;
  font-weight: 800;
}

.single-product .related-products-wrapper .badge-container,
.single-product .related .badge-container {
  top: 10px !important;
  left: 10px !important;
}

.single-product .related-products-wrapper .badge-inner,
.single-product .related .badge-inner,
.single-product .related-products-wrapper .onsale,
.single-product .related .onsale {
  background: var(--apakoh-accent) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700;
}

@media (max-width: 849px) {

  .single-product .product-info .product-title,
  .single-product .product-info h1.product-title {
    font-size: 20px;
  }

  .single-product .apakoh-pd-price .price,
  .single-product .apakoh-pd-price .price ins {
    font-size: 22px;
  }

  .single-product .apakoh-pd-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
  }
}

/* Ẩn notice thêm giỏ mặc định */
.single-product .woocommerce-message,
body.single-product .message-wrapper.woocommerce-message,
.woocommerce-message.message-wrapper:has(.button.wc-forward) {
  display: none !important;
}

/* Modal thêm giỏ thành công */
.apakoh-cart-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.apakoh-cart-modal[hidden] {
  display: none !important;
}

.apakoh-cart-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
}

.apakoh-cart-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  padding: 28px 24px 22px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
  text-align: center;
  animation: apakohCartModalIn 0.22s ease;
}

@keyframes apakohCartModalIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.apakoh-cart-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #f3f5f8;
  color: #555;
  cursor: pointer;
}

.apakoh-cart-modal__close:hover {
  background: #e8ecf1;
  color: var(--apakoh-main);
}

.apakoh-cart-modal__icon {
  margin: 0 auto 10px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e8f0ff;
  color: var(--apakoh-main);
  font-size: 28px;
}

.apakoh-cart-modal__title {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 800;
  color: #111;
}

.apakoh-cart-modal__product {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  padding: 12px;
  border: 1px solid #e8ecf1;
  border-radius: 10px;
  text-align: left;
  background: #f8fafc;
}

.apakoh-cart-modal__image {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}

.apakoh-cart-modal__image img,
.apakoh-cart-modal-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.apakoh-cart-modal__name {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
}

.apakoh-cart-modal__qty {
  margin-top: 4px;
  font-size: 13px;
  color: #666;
}

.apakoh-cart-modal__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: stretch;
}

.apakoh-cart-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  text-transform: none;
  cursor: pointer;
}

.apakoh-cart-modal__btn--ghost {
  border: 1px solid #cfd6e0;
  background: #fff;
  color: #000000;
}

.apakoh-cart-modal__btn--ghost:hover {
  border-color: var(--apakoh-main);
  color: var(--apakoh-main);
}

.apakoh-cart-modal__btn--primary {
  border: 1px solid var(--apakoh-main);
  background: var(--apakoh-main);
  color: #fff !important;
}

.apakoh-cart-modal__btn--primary:hover {
  background: #003078;
  border-color: #003078;
  color: #fff !important;
}

body.apakoh-cart-modal-open {
  overflow: hidden;
}

/* ==========================================================================
   CUSTOM UI/UX TRANG GIỎ HÀNG (CART PAGE)
   ========================================================================== */

/* 1. Bảng sản phẩm (bên trái): Chỉ áp dụng border-bottom cho header table của form giỏ hàng sản phẩm */
.woocommerce-cart-form table.shop_table.cart thead th,
.woocommerce-cart-form table.cart thead th,
.woocommerce-cart-form table.shop_table thead th {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #ececec !important;
}

/* 2. Button CẬP NHẬT GIỎ HÀNG & 3. Button TIẾP TỤC XEM SẢN PHẨM: Đảm bảo chiều cao (height: 40px) bằng nhau 100% */
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart-form input[name="update_cart"],
button[name="update_cart"],
.woocommerce-cart .continue-shopping a,
.woocommerce-cart-form .continue-shopping a,
.cart-actions .continue-shopping a,
a.button-continue-shopping,
a.continue-shopping {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 38px !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Style chi tiết Button CẬP NHẬT GIỎ HÀNG */
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart-form input[name="update_cart"],
button[name="update_cart"],
button[name="update_cart"]:disabled,
button[name="update_cart"][disabled],
button[name="update_cart"].disabled {
  background: #0041a0 !important;
  background-color: #0041a0 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #0041a0 !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease;
}

.woocommerce-cart-form button[name="update_cart"]:hover,
.woocommerce-cart-form input[name="update_cart"]:hover,
button[name="update_cart"]:hover,
button[name="update_cart"]:disabled:hover,
button[name="update_cart"][disabled]:hover,
button[name="update_cart"].disabled:hover,
button[name="update_cart"]:focus,
button[name="update_cart"]:active {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0041a0 !important;
  border: 1px solid #0041a0 !important;
  border-color: #0041a0 !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.woocommerce-cart-form button[name="update_cart"]::before,
.woocommerce-cart-form button[name="update_cart"]::after,
button[name="update_cart"]::before,
button[name="update_cart"]::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Style chi tiết Button TIẾP TỤC XEM SẢN PHẨM */
div.continue-shopping,
.woocommerce-cart-form div.continue-shopping,
.cart-actions div.continue-shopping {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 12px 0 0 !important;
  display: inline-block !important;
}

.woocommerce-cart .continue-shopping a,
.woocommerce-cart-form .continue-shopping a,
.cart-actions .continue-shopping a,
a.button-continue-shopping,
a.continue-shopping {
  color: #0041a0 !important;
  border: 1px solid #0041a0 !important;
  background-color: transparent !important;
  opacity: 1 !important;
  margin-right: 12px !important;
  transition: all 0.3s ease;
}

.woocommerce-cart .continue-shopping a *,
.woocommerce-cart-form .continue-shopping a *,
.cart-actions .continue-shopping a *,
a.button-continue-shopping *,
a.continue-shopping *,
a.continue-shopping::before,
a.continue-shopping::after {
  color: #0041a0 !important;
  opacity: 1 !important;
}

.woocommerce-cart .continue-shopping a:hover,
.woocommerce-cart-form .continue-shopping a:hover,
.cart-actions .continue-shopping a:hover,
a.button-continue-shopping:hover,
a.continue-shopping:hover {
  background-color: #0041a0 !important;
  color: #ffffff !important;
  border-color: #0041a0 !important;
  opacity: 1 !important;
}

.woocommerce-cart .continue-shopping a:hover *,
.woocommerce-cart-form .continue-shopping a:hover *,
.cart-actions .continue-shopping a:hover *,
a.button-continue-shopping:hover *,
a.continue-shopping:hover *,
a.continue-shopping:hover::before,
a.continue-shopping:hover::after {
  color: #ffffff !important;
}

/* 4. Xóa SẠCH 100% border ở mục TỔNG CỘNG GIỎ HÀNG (Tạm tính, Shipment, Tổng) */
.cart_totals,
.cart_totals *,
.cart-sidebar .cart_totals,
.cart-sidebar .cart_totals *,
.cart_totals table,
.cart_totals table *,
.cart_totals tr,
.cart_totals th,
.cart_totals td,
.cart-sidebar tr,
.cart-sidebar th,
.cart-sidebar td,
.cart_totals .cart-subtotal,
.cart_totals .cart-subtotal *,
.cart_totals .order-total,
.cart_totals .order-total *,
.cart_totals .shipping,
.cart_totals .shipping *,
.cart_totals .woocommerce-shipping-totals,
.cart_totals .woocommerce-shipping-totals * {
  border: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Chữ "Tổng" in đậm và số tiền Tổng to hơn text thường */
.cart_totals tr.order-total th,
.cart_totals tr.order-total th *,
.cart_totals .order-total th,
.cart-sidebar tr.order-total th {
  font-weight: 700 !important;
  color: #000000 !important;
  font-size: 16px !important;
}

.cart_totals tr.order-total td,
.cart_totals tr.order-total td *,
.cart_totals .order-total td,
.cart_totals .order-total .amount,
.cart-sidebar tr.order-total td {
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #000000 !important;
}

/* 5. Button TIẾN HÀNH THANH TOÁN: Nền #e31b23 */
.cart-sidebar .checkout-button,
.wc-proceed-to-checkout a.checkout-button,
a.checkout-button {
  background-color: #e31b23 !important;
  color: #ffffff !important;
  border: 1px solid #e31b23 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  transition: all 0.3s ease;
}

.cart-sidebar .checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
a.checkout-button:hover {
  background-color: #c4151c !important;
  color: #ffffff !important;
  border-color: #c4151c !important;
}

/* 6. Button ÁP DỤNG (mã giảm giá) & 7. Mã ưu đãi trên trang Giỏ hàng — ĐÃ COMMENT LẠI THEO YÊU CẦU
.coupon button[name="apply_coupon"],
.coupon input[name="apply_coupon"],
button[name="apply_coupon"],
.coupon .button {
  background-color: transparent !important;
  color: #e31b23 !important;
  border: 1px solid #e31b23 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 14px !important;
  opacity: 1 !important;
  transition: all 0.3s ease;
}

.cart-sidebar .coupon,
.cart-sidebar .coupon-toggle,
.cart-sidebar label[for="coupon_code"],
.cart-sidebar .coupon .widget-title,
.cart-sidebar .icon-tag,
.woocommerce-cart .coupon-toggle,
.woocommerce-cart label[for="coupon_code"],
.woocommerce-cart .widget_coupon_calculator,
.woocommerce-cart .coupon {
  color: #e31b23 !important;
  border: none !important;
  box-shadow: none !important;
}
*/

/* Ẩn mục Mã ưu đãi trên trang Giỏ hàng */
.woocommerce-cart .coupon,
.woocommerce-cart-form .coupon,
.cart-sidebar .coupon,
.cart-sidebar .coupon-toggle,
.cart-sidebar .widget_coupon_calculator,
.cart-sidebar label[for="coupon_code"] {
  display: none !important;
}

/* 8. Max-width 1200px — căn đều breadcrumb + content */
.woocommerce-cart .apakoh-breadcrumb-wrap.container,
.woocommerce-cart .apakoh-breadcrumb-wrap {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

.woocommerce-cart #content.page-wrapper,
.woocommerce-cart .page-wrapper {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .page-wrapper>.row.row-main,
.woocommerce-cart #content>.row.row-main {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.woocommerce-cart .page-wrapper>.row.row-main>.col,
.woocommerce-cart .page-wrapper>.row.row-main>.col>.col-inner,
.woocommerce-cart .cart-wrapper,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-sidebar,
.woocommerce-cart .cart-sidebar .col-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

.woocommerce-cart .woocommerce.row.row-large,
.woocommerce-cart .woocommerce.row.row-divided,
.woocommerce-cart .row.row-large.row-divided {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.woocommerce-cart .woocommerce.row>.col,
.woocommerce-cart .row.row-large>.col,
.woocommerce-cart .row.row-divided>.col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 850px) {

  .woocommerce-cart .apakoh-breadcrumb-wrap.container,
  .woocommerce-cart .apakoh-breadcrumb-wrap,
  .woocommerce-cart #content.page-wrapper,
  .woocommerce-cart .page-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .woocommerce-cart .woocommerce.row>.col.large-7,
  .woocommerce-cart .row.row-divided>.col.large-7 {
    padding-right: 24px !important;
  }

  .woocommerce-cart .woocommerce.row>.col.large-5,
  .woocommerce-cart .row.row-divided>.col.large-5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 849px) {

  .woocommerce-cart .apakoh-breadcrumb-wrap.container,
  .woocommerce-cart .apakoh-breadcrumb-wrap,
  .woocommerce-cart #content.page-wrapper,
  .woocommerce-cart .page-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 768px) {

  /* Breadcrumb giỏ hàng — padding đồng bộ page khác */
  .woocommerce-cart .apakoh-breadcrumb-wrap.container,
  .woocommerce-cart .apakoh-breadcrumb-wrap {
    margin: 16px auto 8px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    text-align: left !important;
  }

  .woocommerce-cart .apakoh-breadcrumb-wrap .apakoh-breadcrumb {
    margin: 0 0 12px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    text-align: left !important;
  }

  .woocommerce-cart .apakoh-breadcrumb-list {
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .woocommerce-cart #content.page-wrapper,
  .woocommerce-cart .page-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 28px !important;
  }

  .woocommerce-cart .wc-empty-cart-message .message-container,
  .woocommerce-cart .message-container.medium-text-center {
    text-align: left !important;
  }

  .woocommerce-cart .return-to-shop {
    text-align: left !important;
  }

  .woocommerce-cart .text-center.pt.pb {
    text-align: left !important;
    padding-top: 12px !important;
    padding-bottom: 24px !important;
  }
}

/* Đảm bảo toàn bộ text chữ NỘI DUNG trang giỏ hàng (bên trong #main / .cart-wrapper) hiển thị chuẩn màu đen #000000 */
.woocommerce-cart #main,
.woocommerce-cart #main p,
.woocommerce-cart #main span:not(.button *):not(.checkout-button *):not(.apakoh-breadcrumb *),
.woocommerce-cart #main label,
.woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table a:not(.button):not(.checkout-button),
.woocommerce-cart .product-name,
.woocommerce-cart .product-name a,
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal,
.woocommerce-cart .amount,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cart_totals td,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals span,
.woocommerce-cart .cart-subtotal,
.woocommerce-cart .order-total,
.woocommerce-cart .shipping {
  color: #000000 !important;
}

/* Header giỏ hàng: chỉ chữ trắng trên nền xanh (header-main / danh mục / báo giá).
   Không ép trắng menu ngang trên nền xám — gây mất chữ. */
.woocommerce-cart .header-main a,
.woocommerce-cart .header-main span:not(.cart-icon *),
.woocommerce-cart .header-main i:not(.icon-shopping-cart),
.woocommerce-cart .header-top a,
.woocommerce-cart .header-top span,
.woocommerce-cart .header-vertical-menu__opener,
.woocommerce-cart .header-vertical-menu__opener a,
.woocommerce-cart .header-vertical-menu__title,
.woocommerce-cart .header-vertical-menu__icon,
.woocommerce-cart .header-button a,
.woocommerce-cart .header-bottom .header-button a,
.woocommerce-cart .header-bottom a.button,
.woocommerce-cart .header-bottom .button {
  color: #ffffff !important;
}

/* Menu ngang (Trang chủ, Về APAKOH, ...) — màu chữ bình thường */
.woocommerce-cart .header-bottom .header-bottom-nav.nav-center>li>a,
.woocommerce-cart .header-bottom .header-bottom-nav.nav-center .nav-top-link,
.woocommerce-cart .header-bottom-nav.nav-center>li>a,
.woocommerce-cart .header-bottom-nav.nav-center .nav-top-link {
  color: #111111 !important;
}

.woocommerce-cart .header-bottom .header-bottom-nav.nav-center>li>a:hover,
.woocommerce-cart .header-bottom .header-bottom-nav.nav-center .nav-top-link:hover,
.woocommerce-cart .header-bottom-nav.nav-center>li>a:hover,
.woocommerce-cart .header-bottom-nav.nav-center .nav-top-link:hover {
  color: var(--apakoh-main, #0041a0) !important;
}

/* Căn chỉnh khoảng cách & độ căn giữa hài hòa cho các phần */
.woocommerce-cart table.shop_table.cart th,
.woocommerce-cart table.shop_table.cart td {
  vertical-align: middle !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* 9. Thanh Breadcrumbs: Link "Trang chủ" & Dấu phân cách (>) màu đen #000000. Chỉ chữ "Giỏ hàng" màu xanh #0041a0 */
.woocommerce-cart .breadcrumb a,
.woocommerce-cart .breadcrumbs a,
.woocommerce-cart nav.woocommerce-breadcrumb a,
.woocommerce-cart .apakoh-breadcrumb a,
.woocommerce-cart .apakoh-breadcrumb-list a,
.woocommerce-cart .apakoh-breadcrumb-list a span,
.woocommerce-cart .breadcrumb .divider,
.woocommerce-cart .breadcrumbs .divider,
.woocommerce-cart nav.woocommerce-breadcrumb .divider,
.woocommerce-cart .apakoh-breadcrumb-sep,
.woocommerce-cart .apakoh-breadcrumb .separator {
  color: #000000 !important;
  font-weight: 400 !important;
}

.woocommerce-cart .breadcrumb a:hover,
.woocommerce-cart .breadcrumbs a:hover,
.woocommerce-cart nav.woocommerce-breadcrumb a:hover,
.woocommerce-cart .apakoh-breadcrumb a:hover,
.woocommerce-cart .apakoh-breadcrumb-list a:hover {
  color: #0041a0 !important;
}

.woocommerce-cart .breadcrumb,
.woocommerce-cart .breadcrumbs,
.woocommerce-cart nav.woocommerce-breadcrumb,
.woocommerce-cart .breadcrumb .current,
.woocommerce-cart .breadcrumbs .current,
.woocommerce-cart nav.woocommerce-breadcrumb .current,
.woocommerce-cart .breadcrumb span.current,
.woocommerce-cart .breadcrumbs span.current,
.woocommerce-cart .apakoh-breadcrumb .current-item,
.woocommerce-cart .apakoh-breadcrumb span[aria-current="page"],
.woocommerce-cart .apakoh-breadcrumb-list>span:last-child,
.woocommerce-cart .apakoh-breadcrumb-list>span:last-child *,
.woocommerce-cart .apakoh-breadcrumb-list>span[property="itemListElement"]:last-child,
.woocommerce-cart .apakoh-breadcrumb-list>span[property="itemListElement"]:last-child * {
  color: #0041a0 !important;
  font-weight: 700 !important;
}

/* 10. Nút (x) Xóa sản phẩm khỏi giỏ hàng: Nút viền đen text đen, hover vào nền đen text trắng */
.woocommerce-cart table.shop_table a.remove,
.woocommerce-cart .product-remove a.remove,
a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
  background-color: transparent !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.woocommerce-cart table.shop_table a.remove:hover,
.woocommerce-cart .product-remove a.remove:hover,
a.remove:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* ==========================================================================
   CUSTOM UI/UX TRANG THANH TOÁN (CHECKOUT PAGE)
   ========================================================================== */

/* 1. Max-width 1200px — căn đều breadcrumb + content */
.woocommerce-checkout .apakoh-breadcrumb-wrap.container,
.woocommerce-checkout .apakoh-breadcrumb-wrap {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout #content.page-wrapper,
.woocommerce-checkout .page-wrapper,
.woocommerce-checkout .cart-container,
.woocommerce-checkout .checkout-wrapper {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout .page-wrapper>.row.row-main,
.woocommerce-checkout #content>.row.row-main {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.woocommerce-checkout .page-wrapper>.row.row-main>.col,
.woocommerce-checkout .page-wrapper>.row.row-main>.col>.col-inner,
.woocommerce-checkout .checkout.woocommerce-checkout,
.woocommerce-checkout form.checkout .col-inner:not(.has-border):not(.is-well) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

/* Box "Đơn hàng của bạn" — thêm padding trong khung viền */
.woocommerce-checkout form.checkout .large-5>.col-inner.has-border,
.woocommerce-checkout form.checkout .large-5>.col-inner.is-well,
.woocommerce-checkout form.checkout .large-4>.col-inner.has-border,
.woocommerce-checkout .checkout-sidebar {
  padding: 20px 22px !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout #order_review_heading {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.woocommerce-checkout form.checkout>.row,
.woocommerce-checkout .woocommerce-checkout>.row {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.woocommerce-checkout form.checkout>.row>.col,
.woocommerce-checkout .woocommerce-checkout>.row>.col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 850px) {

  .woocommerce-checkout .apakoh-breadcrumb-wrap.container,
  .woocommerce-checkout .apakoh-breadcrumb-wrap,
  .woocommerce-checkout #content.page-wrapper,
  .woocommerce-checkout .page-wrapper,
  .woocommerce-checkout .cart-container,
  .woocommerce-checkout .checkout-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .woocommerce-checkout form.checkout>.row>.col.large-7,
  .woocommerce-checkout .woocommerce-checkout>.row>.col.large-7,
  .woocommerce-checkout form.checkout>.row>.col.large-8 {
    padding-right: 24px !important;
  }

  .woocommerce-checkout form.checkout>.row>.col.large-5,
  .woocommerce-checkout .woocommerce-checkout>.row>.col.large-5,
  .woocommerce-checkout form.checkout>.row>.col.large-4 {
    padding-left: 24px !important;
  }
}

@media (max-width: 849px) {

  .woocommerce-checkout .apakoh-breadcrumb-wrap.container,
  .woocommerce-checkout .apakoh-breadcrumb-wrap,
  .woocommerce-checkout #content.page-wrapper,
  .woocommerce-checkout .page-wrapper,
  .woocommerce-checkout .cart-container,
  .woocommerce-checkout .checkout-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 768px) {

  /* Breadcrumb thanh toán — padding đồng bộ giỏ hàng / page khác */
  .woocommerce-checkout .apakoh-breadcrumb-wrap.container,
  .woocommerce-checkout .apakoh-breadcrumb-wrap {
    margin: 16px auto 8px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    text-align: left !important;
  }

  .woocommerce-checkout .apakoh-breadcrumb-wrap .apakoh-breadcrumb {
    margin: 0 0 12px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    text-align: left !important;
  }

  .woocommerce-checkout .apakoh-breadcrumb-list {
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}

/* 2. Text ở cột trái "THÔNG TIN THANH TOÁN" & box "ĐƠN HÀNG CỦA BẠN" chuyển thành màu đen #000000 (không xám nữa) */
.woocommerce-checkout #main,
.woocommerce-checkout #main p,
.woocommerce-checkout #main label,
.woocommerce-checkout #main h3,
.woocommerce-checkout #main input:not(#place_order),
.woocommerce-checkout #main select,
.woocommerce-checkout #main textarea,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-billing-fields *,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-shipping-fields *,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-additional-fields *,
.woocommerce-checkout form.checkout h3,
.woocommerce-checkout form.checkout label,
#order_review,
#order_review_heading,
.checkout-order-review,
#order_review table,
#order_review table th,
#order_review table td,
#order_review table tr,
#order_review .product-name,
#order_review .product-total,
#order_review .cart-subtotal,
#order_review .order-total,
#order_review .shipping,
#order_review .wc_payment_methods,
#order_review .wc_payment_method,
#order_review .payment_box,
#order_review p,
#order_review label,
#order_review span:not(#place_order *),
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table span,
.woocommerce-checkout-payment,
.woocommerce-checkout-payment p,
.woocommerce-checkout-payment label,
.woocommerce-checkout-payment span {
  color: #000000 !important;
}

/* 3. Bảng "ĐƠN HÀNG CỦA BẠN": Xóa border top, left, right của tiêu đề/hàng/ô */
#order_review table.shop_table,
#order_review table.shop_table th,
#order_review table.shop_table td,
#order_review table.shop_table tr,
table.woocommerce-checkout-review-order-table,
table.woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table td,
table.woocommerce-checkout-review-order-table tr {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}

/* Giữ border-bottom mỏng cho header table (SẢN PHẨM / TẠM TÍNH) và xóa viền giữa các hàng Tạm tính/Shipment */
#order_review table.shop_table thead th,
table.woocommerce-checkout-review-order-table thead th {
  border-bottom: 1px solid #ececec !important;
}

/* Xóa viền của các ô trong tbody và hàng Tạm tính (cart-subtotal) & Shipment */
#order_review table.shop_table tbody td,
#order_review table.shop_table tbody th,
#order_review tr.cart-subtotal th,
#order_review tr.cart-subtotal td,
#order_review tr.shipping th,
#order_review tr.shipping td,
table.woocommerce-checkout-review-order-table tr.cart-subtotal th,
table.woocommerce-checkout-review-order-table tr.cart-subtotal td,
table.woocommerce-checkout-review-order-table tr.shipping th,
table.woocommerce-checkout-review-order-table tr.shipping td {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

#order_review tr.order-total th,
#order_review tr.order-total td,
#order_review .order-total th,
#order_review .order-total td,
.woocommerce-checkout tr.order-total th,
.woocommerce-checkout tr.order-total td,
table.woocommerce-checkout-review-order-table tr.order-total th,
table.woocommerce-checkout-review-order-table tr.order-total td,
tfoot tr.order-total th,
tfoot tr.order-total td {
  border-top: 1px solid #ececec !important;
  border-bottom: 1px solid #ececec !important;
  border-left: none !important;
  border-right: none !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Chữ "Tổng" in đậm và số tiền Tổng to hơn text thường */
#order_review tr.order-total th,
#order_review tr.order-total th *,
#order_review .order-total th {
  font-weight: 700 !important;
  color: #000000 !important;
  font-size: 16px !important;
}

#order_review tr.order-total td,
#order_review tr.order-total td *,
#order_review .order-total td,
#order_review .order-total .amount {
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #000000 !important;
}

/* Căn chỉnh Free shipping thẳng hàng với Shipment theo chiều dọc */
#order_review tr.shipping th,
#order_review tr.shipping td,
#order_review tr.woocommerce-shipping-totals th,
#order_review tr.woocommerce-shipping-totals td,
table.woocommerce-checkout-review-order-table tr.shipping th,
table.woocommerce-checkout-review-order-table tr.shipping td {
  vertical-align: middle !important;
}

#order_review tr.shipping td,
#order_review tr.woocommerce-shipping-totals td {
  text-align: right !important;
}

#order_review tr.shipping td p,
#order_review tr.shipping td label,
#order_review tr.shipping td #shipping_method,
#order_review tr.shipping td #shipping_method li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* 4. Button ĐẶT HÀNG: Màu đỏ --apakoh-accent (#e31b23) */
#place_order,
button#place_order,
.woocommerce-checkout #place_order,
.checkout-button#place_order {
  background-color: var(--apakoh-accent, #e31b23) !important;
  color: #ffffff !important;
  border: 1px solid var(--apakoh-accent, #e31b23) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 16px !important;
  padding: 12px 24px !important;
  min-height: 46px !important;
  border-radius: 4px !important;
  width: 100% !important;
  display: block !important;
  transition: all 0.3s ease !important;
}

#place_order:hover,
button#place_order:hover,
.woocommerce-checkout #place_order:hover {
  background-color: #c4151c !important;
  color: #ffffff !important;
  border-color: #c4151c !important;
}

/* 5. Breadcrumb trên trang Thanh toán (Trang chủ > Thanh toán) */
.woocommerce-checkout .breadcrumb a,
.woocommerce-checkout .breadcrumbs a,
.woocommerce-checkout nav.woocommerce-breadcrumb a,
.woocommerce-checkout .apakoh-breadcrumb a,
.woocommerce-checkout .apakoh-breadcrumb-list a,
.woocommerce-checkout .apakoh-breadcrumb-list a span,
.woocommerce-checkout .breadcrumb .divider,
.woocommerce-checkout .breadcrumbs .divider,
.woocommerce-checkout nav.woocommerce-breadcrumb .divider,
.woocommerce-checkout .apakoh-breadcrumb-sep,
.woocommerce-checkout .apakoh-breadcrumb .separator {
  color: #000000 !important;
  font-weight: 400 !important;
}

.woocommerce-checkout .breadcrumb a:hover,
.woocommerce-checkout .breadcrumbs a:hover,
.woocommerce-checkout nav.woocommerce-breadcrumb a:hover,
.woocommerce-checkout .apakoh-breadcrumb a:hover,
.woocommerce-checkout .apakoh-breadcrumb-list a:hover {
  color: #0041a0 !important;
}

.woocommerce-checkout .breadcrumb,
.woocommerce-checkout .breadcrumbs,
.woocommerce-checkout nav.woocommerce-breadcrumb,
.woocommerce-checkout .breadcrumb .current,
.woocommerce-checkout .breadcrumbs .current,
.woocommerce-checkout nav.woocommerce-breadcrumb .current,
.woocommerce-checkout .breadcrumb span.current,
.woocommerce-checkout .breadcrumbs span.current,
.woocommerce-checkout .apakoh-breadcrumb .current-item,
.woocommerce-checkout .apakoh-breadcrumb span[aria-current="page"],
.woocommerce-checkout .apakoh-breadcrumb-list>span:last-child,
.woocommerce-checkout .apakoh-breadcrumb-list>span:last-child *,
.woocommerce-checkout .apakoh-breadcrumb-list>span[property="itemListElement"]:last-child,
.woocommerce-checkout .apakoh-breadcrumb-list>span[property="itemListElement"]:last-child * {
  color: #0041a0 !important;
  font-weight: 700 !important;
}

/* Order received — địa chỉ: Bootstrap .col-1/.col-2 đè WooCommerce → cột quá hẹp */
.woocommerce-order-received .woocommerce-customer-details .col2-set,
.woocommerce-order-received .woocommerce-columns--addresses,
.woocommerce .woocommerce-customer-details .col2-set.addresses {
  display: flex !important;
  flex-wrap: wrap;
  gap: 24px;
  width: 100% !important;
  float: none !important;
  clear: both;
}

.woocommerce-order-received .woocommerce-customer-details .col2-set .col-1,
.woocommerce-order-received .woocommerce-customer-details .col2-set .col-2,
.woocommerce-order-received .woocommerce-column--billing-address,
.woocommerce-order-received .woocommerce-column--shipping-address,
.woocommerce .woocommerce-customer-details .col2-set .col-1,
.woocommerce .woocommerce-customer-details .col2-set .col-2 {
  float: none !important;
  flex: 1 1 calc(50% - 12px) !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title,
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
  font-size: 16px !important;
  margin-bottom: 10px !important;
  word-break: normal;
}

.woocommerce-order-received .woocommerce-customer-details address,
.woocommerce .woocommerce-customer-details address {
  font-style: normal;
  line-height: 1.6;
  word-break: normal;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {

  .woocommerce-order-received .woocommerce-customer-details .col2-set .col-1,
  .woocommerce-order-received .woocommerce-customer-details .col2-set .col-2,
  .woocommerce-order-received .woocommerce-column--billing-address,
  .woocommerce-order-received .woocommerce-column--shipping-address,
  .woocommerce .woocommerce-customer-details .col2-set .col-1,
  .woocommerce .woocommerce-customer-details .col2-set .col-2 {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}

/* 6. Ẩn thông báo "Bạn có mã ưu đãi? Ấn vào đây để nhập mã" trên trang Thanh toán */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-checkout .checkout-coupon-toggle {
  display: none !important;
}

/* 7. Xóa dấu chấm đầu dòng (list-style bullet dot) ở danh sách các phương thức thanh toán */
#payment,
#payment *,
#payment ul,
#payment ul *,
#payment li,
#payment li *,
#order_review #payment,
#order_review #payment *,
.woocommerce-checkout #payment,
.woocommerce-checkout #payment *,
.woocommerce-checkout ul.wc_payment_methods,
.woocommerce-checkout ul.payment_methods,
#order_review ul.wc_payment_methods,
#order_review ul.payment_methods,
ul.wc_payment_methods,
ul.payment_methods {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}

.woocommerce-checkout ul.wc_payment_methods,
.woocommerce-checkout ul.payment_methods,
#order_review ul.wc_payment_methods,
#order_review ul.payment_methods,
ul.wc_payment_methods,
ul.payment_methods,
.woocommerce-checkout ul.wc_payment_methods li,
.woocommerce-checkout ul.payment_methods li,
#order_review ul.wc_payment_methods li,
#order_review ul.payment_methods li,
ul.wc_payment_methods li,
ul.payment_methods li {
  list-style: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#payment li::before,
#payment li::after,
#order_review li::before,
#order_review li::after,
.woocommerce-checkout li::before,
.woocommerce-checkout li::after,
.woocommerce-checkout ul.wc_payment_methods li::before,
.woocommerce-checkout ul.payment_methods li::before,
#order_review ul.wc_payment_methods li::before,
#order_review ul.payment_methods li::before,
ul.wc_payment_methods li::before,
ul.payment_methods li::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* 8. Xóa hoàn toàn border-top phía trên mục THÔNG TIN THANH TOÁN */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-billing-fields>h3,
.woocommerce-checkout form.checkout h3,
.woocommerce-checkout .checkout-col h3,
.woocommerce-checkout .checkout-col,
.woocommerce-checkout .col.large-7,
.woocommerce-checkout .col.large-8 {
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}

/* ========== PAGE TIN TỨC ========== */
.apakoh-news-page {
  background: #fff;
  padding: 8px 0 60px;
}

.apakoh-news.container {
  max-width: 1200px !important;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box;
}

.apakoh-news-page .apakoh-breadcrumb {
  margin: 8px 0 18px;
  padding: 0;
}

.apakoh-news-header {
  margin: 0 0 28px;
}

.apakoh-news-title {
  margin: 0 0 10px !important;
  padding-left: 14px;
  border-left: 4px solid var(--apakoh-main);
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.25;
  color: #111 !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.apakoh-news-desc {
  margin: 0;
  max-width: 640px;
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}

.apakoh-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.apakoh-news-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8ecf1;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.apakoh-news-card:hover {
  transform: translateY(-4px);
  border-color: #d7e4ff;
  box-shadow: 0 12px 28px rgba(0, 65, 160, 0.12);
}

.apakoh-news-card__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #f5f7fa;
}

.apakoh-news-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.apakoh-news-card:hover .apakoh-news-card__media img {
  transform: scale(1.05);
}

.apakoh-news-card__date {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  padding: 8px 8px 6px;
  border-radius: 10px;
  background: var(--apakoh-main);
  color: #fff;
  line-height: 1.15;
  box-shadow: 0 6px 14px rgba(0, 65, 160, 0.28);
}

.apakoh-news-card__day {
  font-size: 18px;
  font-weight: 800;
}

.apakoh-news-card__month {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.92;
}

.apakoh-news-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px 16px 18px;
}

.apakoh-news-card__cats {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.apakoh-news-card__cats a {
  color: var(--apakoh-main) !important;
  text-decoration: none !important;
}

.apakoh-news-card__cat-sep {
  margin: 0 6px;
  color: #bbb;
}

.apakoh-news-card__title {
  margin: 0 0 10px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

.apakoh-news-card__title a {
  color: #111 !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.apakoh-news-card:hover .apakoh-news-card__title a {
  color: var(--apakoh-main) !important;
}

.apakoh-news-card__excerpt {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.apakoh-news-card__more {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid var(--apakoh-main);
  color: var(--apakoh-main) !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
}

.apakoh-news-card__more:hover {
  background: var(--apakoh-main);
  color: #fff !important;
}

.apakoh-news-empty {
  margin: 20px 0;
  color: #555;
  font-size: 15px;
}

.apakoh-news-pagination {
  margin-top: 36px;
}

.apakoh-news-pagination .nav-links,
.apakoh-news-pagination ul.page-numbers,
.apakoh-news-pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.apakoh-news-pagination li {
  list-style: none !important;
  margin: 0 !important;
}

.apakoh-news-pagination a.page-numbers,
.apakoh-news-pagination span.page-numbers,
.apakoh-news-pagination .page-numbers a,
.apakoh-news-pagination .page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #d7dde7;
  border-radius: 8px;
  background: #fff;
  color: #111 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.apakoh-news-pagination a.page-numbers:hover,
.apakoh-news-pagination .page-numbers a:hover {
  border-color: var(--apakoh-main);
  color: var(--apakoh-main) !important;
}

.apakoh-news-pagination span.page-numbers.current,
.apakoh-news-pagination .page-numbers span.current {
  background: var(--apakoh-main) !important;
  border-color: var(--apakoh-main) !important;
  color: #fff !important;
}

@media (max-width: 999px) {
  .apakoh-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 649px) {
  .apakoh-news-title {
    font-size: 22px !important;
  }

  .apakoh-news-grid {
    grid-template-columns: 1fr;
  }
}

/* ========== LOCATION BLOCKS ========== */
.apakoh-locations {
  display: flex;
  flex-direction: column;
  gap: 28px;
  height: 100%;
  justify-content: center;
}

.apakoh-location__label {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 500;
  color: #999;
}

.apakoh-location__title {
  margin: 0 0 12px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #000000 !important;
  line-height: 1.35;
}

.apakoh-location__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.55;
  color: #000000;
}

.apakoh-location__row br {
  display: none !important;
}

.apakoh-location__row i {
  margin-top: 3px;
  flex: 0 0 auto;
  width: 16px;
  text-align: center;
}

.apakoh-location__row .fa-location-dot {
  color: #e31b23;
}

.apakoh-location__row .fa-phone {
  color: #000000;
}

.apakoh-location__row a {
  color: #000000 !important;
  text-decoration: none !important;
}

.apakoh-location__row a:hover {
  color: var(--apakoh-main) !important;
}

.apakoh-location__map {
  display: inline-block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #000000 !important;
  text-decoration: none !important;
}

.apakoh-location__map:hover {
  color: var(--apakoh-main) !important;
}

/* ========== SECTION HỆ THỐNG ĐẠI LÝ ========== */

.section-he-thong-dai-ly>.section-content,
.section-he-thong-dai-ly .row {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-he-thong-dai-ly .row {
  align-items: stretch !important;
}

.section-he-thong-dai-ly .col {
  margin-bottom: 0 !important;
}

.section-he-thong-dai-ly .col-inner {
  height: 100%;
  padding: 8px 0;
}

.section-he-thong-dai-ly .apakoh-locations {
  padding-right: 20px;
}

.section-he-thong-dai-ly .apakoh-location+.apakoh-location {
  padding-top: 24px;
  border-top: 1px solid #eef1f5;
}

.section-he-thong-dai-ly iframe,
.section-he-thong-dai-ly .ux-html iframe {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0 !important;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  background: #f5f7fa;
}

@media (max-width: 849px) {
  .section-he-thong-dai-ly {
    padding-top: 24px !important;
    padding-bottom: 28px !important;
  }

  .section-he-thong-dai-ly .apakoh-locations {
    padding-right: 0;
    margin-bottom: 20px;
  }

  .section-he-thong-dai-ly iframe,
  .section-he-thong-dai-ly .ux-html iframe {
    min-height: 320px;
  }
}

/*==========================
    CTA ĐĂNG KÝ ĐẠI LÝ
==========================*/

.apakoh-dai-ly-cta {
  color: #fff;
}

.apakoh-dai-ly-cta__head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}

.apakoh-dai-ly-cta__icon {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  background: transparent;
}

.apakoh-dai-ly-cta__icon i {
  color: #fff;
  font-size: 32px;
  line-height: 1;
}

.apakoh-dai-ly-cta__content {
  flex: 1;
  min-width: 0;
}

.apakoh-dai-ly-cta__title {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.apakoh-dai-ly-cta__desc {
  margin: 0 !important;
  max-width: 540px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.95) !important;
}

.apakoh-dai-ly-cta__list,
#content .apakoh-dai-ly-cta__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
}

.apakoh-dai-ly-cta__list li,
#content .apakoh-dai-ly-cta__list>li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 22px !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  list-style: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.45);
}

.apakoh-dai-ly-cta__list li:first-child,
#content .apakoh-dai-ly-cta__list>li:first-child {
  padding-left: 0 !important;
}

.apakoh-dai-ly-cta__list li:last-child,
#content .apakoh-dai-ly-cta__list>li:last-child {
  border-right: 0;
  padding-right: 0 !important;
}

.apakoh-dai-ly-cta__list li::marker,
#content .apakoh-dai-ly-cta__list>li::marker {
  content: none;
}

.apakoh-dai-ly-cta__list i {
  margin: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1;
}

.apakoh-dai-ly-cta__actions {
  margin: 0;
}

.apakoh-dai-ly-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 28px;
  background: #fff !important;
  color: var(--apakoh-main) !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.apakoh-dai-ly-cta__btn:hover {
  background: #f3f6fb !important;
  color: #003078 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.apakoh-dai-ly-cta__btn i {
  font-size: 13px;
  line-height: 1;
  transition: transform 0.25s ease;
}

.apakoh-dai-ly-cta__btn:hover i {
  transform: translateX(4px);
}

@media (max-width: 849px) {
  .apakoh-dai-ly-cta__head {
    gap: 16px;
    margin-bottom: 22px;
  }

  .apakoh-dai-ly-cta__icon {
    width: 56px;
    height: 56px;
  }

  .apakoh-dai-ly-cta__icon i {
    font-size: 24px;
  }

  .apakoh-dai-ly-cta__title {
    font-size: 20px;
  }

  .apakoh-dai-ly-cta__desc {
    font-size: 14px;
  }

  .apakoh-dai-ly-cta__list,
  #content .apakoh-dai-ly-cta__list {
    margin-bottom: 24px !important;
  }

  .apakoh-dai-ly-cta__list li,
  #content .apakoh-dai-ly-cta__list>li {
    padding: 0 14px !important;
    font-size: 13px;
    white-space: normal;
  }
}

@media (max-width: 549px) {
  .apakoh-dai-ly-cta__head {
    align-items: flex-start;
    gap: 14px;
  }

  .apakoh-dai-ly-cta__icon {
    width: 48px;
    height: 48px;
  }

  .apakoh-dai-ly-cta__icon i {
    font-size: 20px;
  }

  .apakoh-dai-ly-cta__title {
    font-size: 18px;
  }

  .apakoh-dai-ly-cta__list,
  #content .apakoh-dai-ly-cta__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
  }

  .apakoh-dai-ly-cta__list li,
  #content .apakoh-dai-ly-cta__list>li {
    padding: 0 !important;
    border-right: 0;
  }

  .apakoh-dai-ly-cta__btn {
    width: 100%;
    padding: 13px 20px;
    font-size: 13px;
  }
}

/* ========== SECTION CONTACT 1 – KẾT NỐI VỚI APAKOH ========== */


.section-contact-1 .section-title-container {
  margin-bottom: 36px !important;
}

.section-contact-1 .section-title-main {
  color: #1a1a2e !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.section-contact-1 .row {
  align-items: stretch !important;
  justify-content: center;
  gap: 16px 0;
}

.section-contact-1 .col {
  margin-bottom: 0 !important;
}

.section-contact-1 .col-inner {
  height: 100%;
  padding: 8px;
}

.section-contact-1 .icon-box {
  height: 100%;
  margin: 0 !important;
  padding: 28px 18px 24px;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0, 41, 102, 0.05);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.section-contact-1 .icon-box:hover {
  border-color: rgba(0, 65, 160, 0.28);
  box-shadow: 0 12px 28px rgba(0, 41, 102, 0.1);
  transform: translateY(-3px);
}

.section-contact-1 .icon-box-img {
  margin: 0 auto 16px !important;
}

.section-contact-1 .icon-box-img .icon,
.section-contact-1 .icon-box-img .icon-inner,
.section-contact-1 .icon-box-img img {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto;
  object-fit: contain;
}

.section-contact-1 .icon-box-text {
  padding: 0 !important;
}

.section-contact-1 .icon-box-text h3 {
  margin: 0 0 10px !important;
  color: var(--apakoh-main) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
}

.section-contact-1 .icon-box-text p {
  margin: 0 !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.55;
  word-break: break-word;
}

@media (max-width: 849px) {
  .section-contact-1 {
    padding-top: 28px !important;
    padding-bottom: 32px !important;
  }

  .section-contact-1 .section-title-container {
    margin-bottom: 24px !important;
  }

  .section-contact-1 .section-title-main {
    font-size: 22px !important;
  }

  .section-contact-1 .col-inner {
    padding: 6px;
  }

  .section-contact-1 .icon-box {
    padding: 22px 14px 18px;
  }

  .section-contact-1 .icon-box-text h3 {
    font-size: 13px !important;
  }

  .section-contact-1 .icon-box-text p {
    font-size: 13px !important;
  }
}

@media (max-width: 549px) {
  .section-contact-1 .section-title-main {
    font-size: 20px !important;
  }

  .section-contact-1 .icon-box {
    padding: 20px 14px 16px;
  }
}

/* ========== SECTION CONTACT 2 – FORM + MAP ========== */

.section-contact-2 .row {
  align-items: stretch !important;
}

.section-contact-2 .col {
  margin-bottom: 0 !important;
}

.section-contact-2 .col-inner {
  height: 100%;
  padding: 8px;
}

.section-contact-2 .col.n6 .col-inner,
.section-contact-2 .col.large-6:first-child .col-inner {
  padding: 28px 28px 24px;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0, 41, 102, 0.05);
}

.section-contact-2 .col-inner>h3 {
  margin: 0 0 22px !important;
  color: #1a1a2e !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-transform: uppercase;
}

.section-contact-2 .col-inner>p {
  margin: 0 !important;
}

.section-contact-2 .form-lien-he-custom {
  margin: 0;
}

.section-contact-2 .form-lien-he-custom>p {
  margin: 0 0 8px !important;
  color: #222 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.section-contact-2 .form-lien-he-custom>p:has(.wpcf7-form-control-wrap),
.section-contact-2 .form-lien-he-custom>p:has(input[type="submit"]) {
  margin: 0 0 16px !important;
  font-weight: 400;
}

.section-contact-2 .form-lien-he-custom>p:has(input[type="submit"]) {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}

.section-contact-2 .form-lien-he-custom>p:last-child {
  margin: 0 !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: center;
}

.section-contact-2 .wpcf7-form-control-wrap {
  display: block;
}

.section-contact-2 .wpcf7-form-control:not(.wpcf7-submit),
.section-contact-2 input.wpcf7-text,
.section-contact-2 input.wpcf7-email,
.section-contact-2 input.wpcf7-tel,
.section-contact-2 select.wpcf7-select,
.section-contact-2 textarea.wpcf7-textarea {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 48px;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #d7dde6 !important;
  border-radius: 10px !important;
  background-color: #f7f9fc !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.section-contact-2 textarea.wpcf7-textarea {
  min-height: 140px;
  resize: vertical;
}

.section-contact-2 select.wpcf7-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 40px 0 14px !important;
  line-height: 48px !important;
  background-color: #f7f9fc !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
  cursor: pointer;
}

.section-contact-2 .wpcf7-form-control:not(.wpcf7-submit):focus,
.section-contact-2 input.wpcf7-text:focus,
.section-contact-2 input.wpcf7-email:focus,
.section-contact-2 input.wpcf7-tel:focus,
.section-contact-2 select.wpcf7-select:focus,
.section-contact-2 textarea.wpcf7-textarea:focus {
  border-color: var(--apakoh-main) !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 65, 160, 0.12) !important;
}

.section-contact-2 select.wpcf7-select:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
}

.section-contact-2 .wpcf7-form-control::placeholder,
.section-contact-2 input::placeholder,
.section-contact-2 textarea::placeholder {
  color: #8a93a3 !important;
  opacity: 1;
}

.section-contact-2 input.wpcf7-submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  width: auto !important;
  margin: 0 auto !important;
  padding: 14px 32px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--apakoh-main) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 65, 160, 0.25);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.section-contact-2 input.wpcf7-submit:hover {
  background: #003078 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 65, 160, 0.3);
}

.section-contact-2 .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 12px;
}

.section-contact-2 .wpcf7-response-output {
  margin: 12px 0 0 !important;
  border-radius: 10px;
}

.section-contact-2 iframe,
.section-contact-2 .col-inner iframe {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 100%;
  min-height: 560px;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  background: #f5f7fa;
}

.section-contact-2 .col-inner>p:has(iframe) {
  height: 100%;
}

@media (max-width: 849px) {
  .section-contact-2 {
    padding-top: 12px !important;
    padding-bottom: 36px !important;
  }

  .section-contact-2 .col.n6 .col-inner,
  .section-contact-2 .col.large-6:first-child .col-inner {
    margin-bottom: 16px;
    padding: 22px 18px 18px;
  }

  .section-contact-2 .col-inner>h3 {
    font-size: 20px !important;
    margin-bottom: 18px !important;
  }

  .section-contact-2 iframe,
  .section-contact-2 .col-inner iframe {
    min-height: 360px;
  }

  .section-contact-2 input.wpcf7-submit {
    width: 100% !important;
    min-width: 0;
  }
}

/* ========== SECTION CONTACT 3 – VÌ SAO LIÊN HỆ ========== */

.section-contact-3 {
  padding-top: 48px !important;
  padding-bottom: 52px !important;
}

.section-contact-3 .section-bg-overlay {
  background-color: #f7f7fa !important;
}

.section-contact-3>.section-content,
.section-contact-3 .row {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-contact-3 .text {
  text-align: center;
  margin-bottom: 8px;
}

.section-contact-3 .text h3 {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1a1a2e !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: normal !important;
}

.section-contact-3 .row {
  align-items: stretch !important;
}

.section-contact-3 .col {
  margin-bottom: 0 !important;
}

.section-contact-3 .col-inner {
  height: 100%;
  padding: 10px;
}

.section-contact-3 .icon-box {
  height: 100%;
  margin: 0 !important;
  padding: 28px 18px 24px;
  border: 1px solid #e8edf3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0, 41, 102, 0.05);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.section-contact-3 .icon-box:hover {
  border-color: rgba(0, 65, 160, 0.28);
  box-shadow: 0 12px 28px rgba(0, 41, 102, 0.1);
  transform: translateY(-3px);
}

.section-contact-3 .icon-box-img {
  margin: 0 auto 16px !important;
}

.section-contact-3 .icon-box-img .icon,
.section-contact-3 .icon-box-img .icon-inner,
.section-contact-3 .icon-box-img img {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto;
  object-fit: contain;
}

.section-contact-3 .icon-box-text {
  padding: 0 !important;
}

.section-contact-3 .icon-box-text h3 {
  margin: 0 0 10px !important;
  color: var(--apakoh-main) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em;
  line-height: 1.3;
  text-transform: uppercase;
}

.section-contact-3 .icon-box-text p {
  margin: 0 !important;
  color: #555 !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.55;
}

@media (max-width: 849px) {
  .section-contact-3 {
    padding-top: 32px !important;
    padding-bottom: 36px !important;
  }

  .section-contact-3 .text h3 {
    font-size: 20px !important;
    letter-spacing: 0.02em !important;
  }

  .section-contact-3 .col-inner {
    padding: 8px;
  }

  .section-contact-3 .icon-box {
    padding: 22px 14px 18px;
    margin-bottom: 4px;
  }

  .section-contact-3 .icon-box-text h3 {
    font-size: 13px !important;
  }

  .section-contact-3 .icon-box-text p {
    font-size: 13px !important;
  }
}

@media (max-width: 549px) {
  .section-contact-3 .text h3 {
    font-size: 18px !important;
  }
}

/* ========== POPUP ĐĂNG KÝ TƯ VẤN BÁO GIÁ ========== */

body.apakoh-lead-popup-open {
  overflow: hidden;
}

.apakoh-lead-popup {
  position: fixed;
  inset: 0;
  z-index: 100050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.apakoh-lead-popup[hidden] {
  display: none !important;
}

.apakoh-lead-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 41, 102, 0.55);
}

.apakoh-lead-popup__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  max-height: calc(100vh - 32px);
  overflow: auto;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 41, 102, 0.28);
  animation: apakohLeadPopupIn 0.28s ease;
}

@keyframes apakohLeadPopupIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.apakoh-lead-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  box-sizing: border-box;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  overflow: hidden;
  cursor: pointer;
  box-shadow: none !important;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.apakoh-lead-popup__close span {
  display: block;
  line-height: 1;
  transform: translateY(-1px);
}

.apakoh-lead-popup__close:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 50% !important;
}

.apakoh-lead-popup__head {
  padding: 22px 28px 18px;
  background: linear-gradient(135deg, var(--apakoh-main) 0%, #003078 100%);
  text-align: center;
}

.apakoh-lead-popup__title {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
}

.apakoh-lead-popup__subtitle {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.45;
}

.apakoh-lead-popup__banner {
  display: block;
  width: 100%;
  line-height: 0;
  background: #0b1a33;
}

.apakoh-lead-popup__banner img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.apakoh-lead-popup__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 24px 26px;
  background: #fff;
  margin-bottom: 0 !important;
}

.apakoh-lead-popup__input {
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #d7dde6 !important;
  border-radius: 999px !important;
  background: #f7f9fc !important;
  color: #111;
  font-size: 15px;
  font-weight: 500;
  line-height: 48px;
  outline: none;
  box-shadow: none !important;
  box-sizing: border-box;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.apakoh-lead-popup__input::placeholder {
  color: #9aa3af;
  opacity: 1;
}

.apakoh-lead-popup__input:focus {
  border-color: var(--apakoh-main) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 65, 160, 0.12) !important;
}

.apakoh-lead-popup__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-width: 200px;
  height: 48px;
  margin-top: 4px;
  padding: 0 28px;
  border: 0;
  border-radius: 999px !important;
  background: var(--apakoh-main);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 65, 160, 0.28);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.apakoh-lead-popup__submit:hover {
  background: #003078;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(0, 65, 160, 0.32);
}

.apakoh-lead-popup__submit:disabled {
  opacity: 0.7;
  cursor: wait;
  transform: none;
}

.apakoh-lead-popup__message {
  margin: 4px 0 0 !important;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.apakoh-lead-popup__message.is-success {
  color: #14804a;
}

.apakoh-lead-popup__message.is-error {
  color: #c62828;
}

.apakoh-lead-popup .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 549px) {
  .apakoh-lead-popup {
    padding: 12px;
  }

  .apakoh-lead-popup__dialog {
    max-width: 100%;
    border-radius: 14px;
  }

  .apakoh-lead-popup__head {
    padding: 18px 20px 14px;
  }

  .apakoh-lead-popup__title {
    font-size: 16px;
  }

  .apakoh-lead-popup__subtitle {
    font-size: 12px;
  }

  .apakoh-lead-popup__form {
    padding: 18px 16px 22px;
  }
}


@media (max-width: 768px) {
  #masthead.header-main {
    height: 64px !important;
  }

  #masthead .header-inner {
    min-height: 64px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #masthead .header-inner .show-for-medium.flex-left {
    order: 1;
  }

  #masthead .header-inner #logo {
    order: 2;
    flex: 1 1 auto;
    width: auto !important;
    margin: 0 !important;
    text-align: center;
  }

  #masthead .header-inner .show-for-medium.flex-right {
    order: 3;
  }

  #masthead #logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  #masthead #logo img {
    max-height: 40px !important;
    width: auto !important;
  }

  .mobile-nav .nav-icon .button.icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-nav .nav-icon,
  .mobile-nav .nav-icon .header-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
  }

  .mobile-nav .nav-icon .button.icon i,
  .mobile-nav .cart-item .icon-shopping-cart {
    display: block;
    font-size: 22px;
    line-height: 1 !important;
    color: #fff !important;
  }

  .mobile-nav .cart-item .header-cart-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
  }

  /* Mobile off-canvas menu đồng bộ màu brand */
  .off-canvas-left .mfp-content,
  .off-canvas-right .mfp-content {
    background: #0041A0 !important;
  }

  .off-canvas-left .mfp-content .sidebar-menu,
  .off-canvas-right .mfp-content .sidebar-menu {
    background: transparent !important;
  }

  .mfp-bg.off-canvas-backdrop {
    background: rgba(0, 34, 92, 0.72) !important;
  }

  #main-menu.mobile-sidebar {
    background: #0041A0 !important;
  }

  #main-menu .sidebar-menu {
    background: transparent !important;
    padding-top: 12px;
  }

  #main-menu .nav-sidebar>li>a {
    color: #ffffff !important;
    font-weight: 700;
  }

  #main-menu .nav-sidebar>li.current-menu-item>a,
  #main-menu .nav-sidebar>li>a:hover {
    color: #ffde59 !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  #main-menu .header-search-form-wrapper {
    margin: 0 12px 14px;
  }

  #main-menu .searchform-wrapper.ux-search-box {
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  #main-menu .searchform-wrapper .search-field,
  #main-menu .searchform-wrapper .search-field::placeholder,
  #main-menu .searchform-wrapper .ux-search-submit {
    color: #ffffff !important;
  }

  #main-menu .searchform-wrapper .search-field::placeholder {
    opacity: 0.85;
  }

  /* Selling points trang chủ */
  .home .selling-point-section {
    margin-left: -4px;
    margin-right: -4px;
  }

  .home .selling-point-section>.col {
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-bottom: 12px !important;
  }

  .home .selling-point-section .icon-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 !important;
  }

  .home .selling-point-section .icon-box-img {
    width: 34px !important;
    min-width: 34px;
    margin: 2px 0 0 !important;
  }

  .home .selling-point-section .icon-box-text h4 {
    margin: 0 0 4px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    word-break: break-word;
  }

  .home .selling-point-section .icon-box-text p {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #111 !important;
  }

  /* section-sp-ban-chay mobile */
  .home .section-sp-ban-chay .section-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .section-sp-ban-chay .title-bar-left {
    margin-bottom: 0 !important;
  }

  .home .section-sp-ban-chay .section-content>.row:first-child {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    margin-bottom: 6px;
  }

  .home .section-sp-ban-chay .section-content>.row:first-child>.col:first-child {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  .home .section-sp-ban-chay .section-content>.row:first-child>.col:last-child {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 10px;
  }

  .home .section-sp-ban-chay .title-bar-left h2 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    white-space: nowrap;
  }

  .home .section-sp-ban-chay .btn-view-all {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--apakoh-main) !important;
    font-size: 12px !important;
    font-weight: 700;
    box-shadow: none !important;
    text-transform: none !important;
  }

  .home .section-sp-ban-chay .btn-view-all i {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    position: relative;
    top: 1px;
  }

  .home .section-sp-ban-chay .btn-view-all:hover {
    color: #003078 !important;
    background: transparent !important;
  }

  .home .section-sp-ban-chay .row .col .col-inner.text-left,
  .home .section-sp-ban-chay .row .col .col-inner.text-right {
    padding-bottom: 0 !important;
  }

  .home .section-sp-ban-chay .row .col .col-inner.text-right {
    text-align: right !important;
  }

  .home .section-sp-ban-chay .price {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 6px;
    white-space: nowrap;
  }

  .home .section-sp-ban-chay .price del {
    order: 1;
    margin: 0 !important;
    white-space: nowrap;
  }

  .home .section-sp-ban-chay .price ins {
    order: 2;
    margin: 0 !important;
    white-space: nowrap;
  }

  .home .section-sp-ban-chay .tabbed-content>.nav,
  .home .section-sp-ban-chay ul.nav[role="tablist"] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 6px;
    margin: 10px 0 8px;
    padding: 0 0 4px !important;
    width: max-content;
    min-width: 100%;
    justify-content: flex-start !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .home .section-sp-ban-chay .tabbed-content {
    overflow: visible !important;
  }

  .home .section-sp-ban-chay .tabbed-content>.nav::-webkit-scrollbar,
  .home .section-sp-ban-chay ul.nav[role="tablist"]::-webkit-scrollbar {
    display: none;
  }

  .home .section-sp-ban-chay .nav>li.tab {
    flex: 0 0 auto;
  }

  .home .section-sp-ban-chay .nav>li.tab>a {
    padding: 7px 12px !important;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 999px;
  }

  .home .section-sp-ban-chay .row-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .section-sp-ban-chay .product-small.col {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .home .section-sp-ban-chay .product-small .box {
    border-radius: 8px;
    border: 1px solid #e9edf4;
    overflow: hidden;
  }

  .home .section-sp-ban-chay .box-image {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
  }

  .home .section-sp-ban-chay .box-text-products {
    padding: 10px 10px 12px !important;
  }

  .home .section-sp-ban-chay .product-title,
  .home .section-sp-ban-chay .product-title a {
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
  }

  .home .section-sp-ban-chay .price ins {
    font-size: 13px;
  }

  .home .section-sp-ban-chay .price del {
    font-size: 10px;
  }

  .home .section-sp-ban-chay .badge-container {
    transform: scale(0.9);
    transform-origin: top left;
  }

  /* section-review-sp mobile */
  .home .section-review-sp .section-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .section-review-sp .title-underline,
  .home .section-review-sp .title-bar-left {
    margin-bottom: 8px !important;
  }

  .home .section-review-sp .title-underline h2,
  .home .section-review-sp .title-bar-left h2 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  .home .section-review-sp .row.row-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .section-review-sp .row.row-full-width>.col {
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .home .section-review-sp .video.video-fit {
    margin: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    background: #000;
  }

  .home .section-review-sp .video.video-fit iframe {
    border: 0;
    display: block;
  }

  /* apakoh-cat-cards mobile */
  .home .apakoh-cat-cards .section-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .apakoh-cat-cards .five-cols,
  .home .apakoh-cat-cards .row.five-cols {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .apakoh-cat-cards .five-cols>.col,
  .home .apakoh-cat-cards .row.five-cols>.col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .home .apakoh-cat-cards .box {
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  }

  .home .apakoh-cat-cards .box-image {
    flex-basis: 132px;
    height: 132px;
    max-height: 132px;
    padding: 10px 8px;
  }

  .home .apakoh-cat-cards .box-image img {
    max-height: 104px;
  }

  .home .apakoh-cat-cards .box-text {
    min-height: 88px;
    padding: 12px 8px 14px !important;
  }

  .home .apakoh-cat-cards .box-text .box-text-inner h4 {
    font-size: 12px !important;
    line-height: 1.3 !important;
    min-height: 2.6em;
    margin: 0 0 5px !important;
  }

  .home .apakoh-cat-cards .box-text .box-text-inner p {
    font-size: 10px !important;
    line-height: 1.35 !important;
    min-height: 2.5em;
    margin: 0 0 8px !important;
  }

  .home .apakoh-cat-cards .box-text .box-text-inner::after {
    width: 22px;
  }

  /* section-doi-tac mobile */
  .home .section-doi-tac .section-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .section-doi-tac .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .section-doi-tac .apakoh-doi-tac-marquee {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .home .section-doi-tac .apakoh-doi-tac-group {
    gap: 26px;
    padding-right: 26px;
  }

  .home .section-doi-tac .apakoh-doi-tac-item {
    width: 132px;
    height: 58px;
  }

  .home .section-doi-tac .apakoh-doi-tac-item img {
    max-height: 70px;
    width: auto;
  }

  .home .section-doi-tac .apakoh-doi-tac-track {
    animation-duration: 20s;
  }

  /* section-review-sp mobile */
  .home .section-review-sp .section-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .section-review-sp .title-underline h2,
  .home .section-review-sp .title-bar-left h2 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  .home .section-review-sp .row.row-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .section-review-sp .row.row-full-width>.col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 12px !important;
  }

  .home .section-review-sp .video.video-fit {
    margin: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    background: #000;
  }

  .home .section-review-sp .video.video-fit iframe {
    display: block;
    border: 0;
  }

  /* section-blogs mobile */
  .home .section-blogs .section-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .section-blogs .row.row-slider,
  .home .section-blogs .row.row-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .section-blogs .row.row-slider .flickity-viewport {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home .section-blogs .post-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  /* section-dang-ky mobile */
  .home .section-dang-ky .section-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta {
    padding: 22px 16px !important;
    border-radius: 10px;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__head {
    gap: 12px;
    margin-bottom: 14px;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__icon {
    width: 42px;
    height: 42px;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__icon i {
    font-size: 18px;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__title {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__desc {
    font-size: 13px;
    line-height: 1.5;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__list,
  .home #content .section-dang-ky .apakoh-dai-ly-cta__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px !important;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__list li,
  .home #content .section-dang-ky .apakoh-dai-ly-cta__list>li {
    padding: 0 !important;
    border-right: 0 !important;
    font-size: 12px;
  }

  .home .section-dang-ky .apakoh-dai-ly-cta__btn {
    width: 100%;
    min-height: 42px;
    font-size: 12px;
    padding: 11px 16px;
    border-radius: 8px;
  }

  /* footer mobile — mỗi khối 1 dòng */
  .footer-wrapper,
  .footer-trang-chung {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .footer-trang-chung .section-content {
    padding: 20px 16px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .footer-trang-chung .row.container,
  .footer-trang-chung .row.row-large {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer-trang-chung .col,
  .footer-trang-chung .col.small-6,
  .footer-trang-chung .col.medium-3,
  .footer-trang-chung .col.large-3 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 18px !important;
  }

  .footer-trang-chung .col-inner {
    padding-bottom: 0;
  }

  .footer-trang-chung .ux-logo-image {
    height: 40px !important;
    max-width: 160px;
  }

  .footer-trang-chung .text p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.5;
  }

  .footer-trang-chung .text p strong {
    font-size: 14px;
  }

  .footer-trang-chung .social-icons {
    gap: 8px;
  }

  .footer-trang-chung .social-icons a {
    width: 32px;
    height: 32px;
  }

  .footer-trang-chung .footer-sp .ux-menu-link__link {
    padding: 4px 0 !important;
    font-size: 13px;
  }

  #masthead .top-divider {
    display: none;
  }
}


@media (max-width: 768px) {

  .page .apakoh-breadcrumb-wrap,
  .page #content .section.container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .page #content h1 {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }

  .page #content h2 {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  .page #content p {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* ========== PAGE LIÊN HỆ — dùng class section (không dùng page-id) ========== */
@media (max-width: 768px) {

  /* Contact 1 — info cards */
  .section-contact-1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .section-contact-1 .section-title-main {
    font-size: 20px !important;
  }

  .section-contact-1 .row>.col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 12px !important;
  }

  .section-contact-1 .col-inner {
    padding: 4px !important;
  }

  .section-contact-1 .icon-box {
    padding: 16px 12px 14px !important;
  }

  .section-contact-1 .icon-box-text h3 {
    font-size: 12px !important;
  }

  .section-contact-1 .icon-box-text p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* Contact 2 — form + map */
  .section-contact-2 {
    padding-top: 8px !important;
    padding-bottom: 24px !important;
  }

  .section-contact-2 .section-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section-contact-2 .row.row-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .section-contact-2 .row.row-full-width>.col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .section-contact-2 .col-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section-contact-2 .col.n6 .col-inner,
  .section-contact-2 .col.large-6:first-child .col-inner {
    padding: 18px 14px 16px !important;
    margin-bottom: 14px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .section-contact-2 .col-inner>h3 {
    font-size: 18px !important;
    margin-bottom: 14px !important;
  }

  .section-contact-2 .wpcf7-form-control:not(.wpcf7-submit),
  .section-contact-2 input.wpcf7-text,
  .section-contact-2 input.wpcf7-email,
  .section-contact-2 input.wpcf7-tel,
  .section-contact-2 select.wpcf7-select {
    min-height: 44px;
    font-size: 13px !important;
  }

  .section-contact-2 textarea.wpcf7-textarea {
    min-height: 110px;
  }

  .section-contact-2 iframe,
  .section-contact-2 .col-inner iframe {
    min-height: 280px;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Contact 3 — why contact */
  .section-contact-3 {
    padding-top: 28px !important;
    padding-bottom: 32px !important;
  }

  .section-contact-3 .text h3 {
    font-size: 18px !important;
  }

  .section-contact-3 .row>.col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 12px !important;
  }

  .section-contact-3 .col-inner {
    padding: 4px !important;
  }

  .section-contact-3 .icon-box {
    padding: 16px 10px 14px !important;
  }

  .section-contact-3 .icon-box-text h3 {
    font-size: 12px !important;
  }

  .section-contact-3 .icon-box-text p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}

/* ==========================================================================
   30/07/2026 - FIX FULL ẢNH SẢN PHẨM TRANG CHỦ (không bị khuất trái/phải & hover thu gọn)
   ========================================================================== */

/* 1. Ghi đè object-fit: cover của Flatsome → chuyển sang contain để hiện FULL ảnh */
/* .product-small .box-image img,
.has-equal-box-heights .product-small .box-image img,
.section-sp-ban-chay .box-image img,
.section-sp-ban-chay .has-equal-box-heights .box-image img,
.products .box-image img,
.image-cover.box-image img {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
} */

/* 2. Nền trắng cho khung ảnh để ảnh nổi rõ */
.product-small .box-image,
.section-sp-ban-chay .box-image,
.products .box-image {
  background-color: #ffffff !important;
}

/* 3. TẮT hiệu ứng zoom (scale 1.1) của Flatsome khi hover - thu gọn ảnh lại */
/* .has-hover:hover .product-small .image-zoom img,
.has-hover:hover .product-small .box-image img,
.product-small:hover .box-image img,
.product-small .box:hover .box-image img,
.section-sp-ban-chay .has-hover:hover .image-zoom img,
.section-sp-ban-chay .box:hover .box-image img {
  transform: scale(0.92) !important;
  object-fit: contain !important;
  padding: 16px !important;
  transition: transform 0.3s ease, padding 0.3s ease !important;
} */

/* 4. Ảnh trạng thái bình thường cũng cần transition mượt */
/* .product-small .box-image img,
.section-sp-ban-chay .box-image img {
  transition: transform 0.3s ease, padding 0.3s ease !important;
} */

/* 5. Nền trắng cho image-cover bên trong */
.product-small .image-cover,
.box-image .image-cover {
  background-color: #ffffff !important;
}

/* ===================================================
   FIX HOÀN CHỈNH SIDEBAR DANH MỤC SẢN PHẨM
   =================================================== */

/* 1. Đưa Title "DANH MỤC SẢN PHẨM" + vạch xanh ra ngoài box */
.apakoh-shop-sidebar {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

/* 2. Tạo Box trắng danh mục - Padding 6px đồng nhất 4 chiều */
#content .apakoh-product-cats,
.apakoh-product-cats {
  list-style: none !important;
  margin: 0 !important;
  padding: 6px !important;
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e8ecf1 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* 3. Chuẩn hoá các thẻ li bên trong */
#content .apakoh-product-cats>li,
.apakoh-product-cats li {
  display: block !important;
  list-style: none !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border: none !important;
}

/* Triệt hạ margin-bottom ở thẻ li cuối -> Xoá sạch khoảng thừa ở đáy box */
#content .apakoh-product-cats>li:last-child,
.apakoh-product-cats li:last-child {
  margin-bottom: 0 !important;
}

/* 4. Thẻ link <a> - Cố định chiều cao 42px & căn giữa cho TẤT CẢ các item */
#content .apakoh-product-cats a,
.apakoh-product-cats a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  color: #222222 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

/* 5. Cố định kích thước khung Icon Font Awesome (20x20px) */
.apakoh-product-cats .apakoh-cat-icon {
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  line-height: 1 !important;
  color: var(--apakoh-main) !important;
  text-align: center !important;
}

/* 6. Tên danh mục */
.apakoh-product-cats .apakoh-cat-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 7. Số lượng sản phẩm (.count) - Đẩy sát mép phải */
.apakoh-product-cats .count {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #666666 !important;
}

/* 8. Trạng thái Active (Nền xanh cho danh mục đang chọn) */
.apakoh-product-cats li.current-cat>a,
.apakoh-product-cats .current-cat>a {
  background: var(--apakoh-main) !important;
  color: #ffffff !important;
}

.apakoh-product-cats li.current-cat>a .apakoh-cat-icon,
.apakoh-product-cats li.current-cat>a .count,
.apakoh-product-cats .current-cat>a .apakoh-cat-icon,
.apakoh-product-cats .current-cat>a .count {
  color: #ffffff !important;
}

/* 9. Trạng thái Hover (khi di chuột qua) */
.apakoh-product-cats a:hover:not(.current-cat > a) {
  background: #f0f5fb !important;
  color: var(--apakoh-main) !important;
}


.badge-container {
  margin: 10px 0 0 !important;
}