/* Tiêu đề */
.ducam-title-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.ducam-title-row p {
  margin:0;
  line-height:1;
}

.ducam-title-row p:first-child {
  display:flex;
  align-items:center;
  font-size:22px;
  font-weight:700;
  color:#000836;
}

.ducam-title-row span {
  width:4px;
  height:18px;
  background:#000836;
  border-radius:10px;
  margin-right:8px;
}

.ducam-title-row a {
  font-size:16px;
  color:#2563eb;
  text-decoration:none;
}

@media(max-width:549px) {
  .ducam-title-row p:first-child {
    font-size:18px;
  }

  .ducam-title-row a {
    font-size:14px;
  }
}

/* ===== Trang Phần MỀm Vang Số ===== */
/* ===== KHUNG TỪNG BLOCK ===== */
.vangso-block {
  margin-bottom:24px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}

/* ===== TITLE ===== */
.vangso-block h2 {
  margin:0;
  padding:14px 16px;
  font-size:18px;
  font-weight:700;
  color:#023b81;
  background:#f8fafc;
  border-bottom:1px solid #e5e7eb;
}

/* ===== ITEM ===== */
.vangso-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #f1f5f9;
}

.vangso-item:last-child {
  border-bottom:none;
}

/* ===== TEXT ===== */
.vangso-item span {
  flex:1;
  min-width:0;
  font-size:15px;
  line-height:1.5;
  color:#111827;
  font-weight:500;
}

/* ===== BUTTON ===== */
.vangso-item a {
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:9px 14px;
  background:#023b81;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  border-radius:8px;
  transition:.2s ease;
}

.vangso-item a:hover {
  background:#0353b4;
  color:#fff;
  transform:translateY(-1px);
}

/* ===== MOBILE ===== */
@media(max-width:768px) {
  .vangso-block {
    border-radius:10px;
  }

  .vangso-block h2 {
    padding:11px 13px;
    font-size:15px;
  }

  .vangso-item {
    gap:10px;
    padding:11px 13px;
  }

  .vangso-item span {
    font-size:13px;
    line-height:1.4;
  }

  .vangso-item a {
    min-width:78px;
    padding:7px 10px;
    font-size:12px;
    border-radius:7px;
  }
}

/* ===== DESKTOP nút xem tất cả sản phẩm ===== */
.xemtatca {
  border:1px solid #2A83E9 !important;
  color:#2A83E9 !important;
  background:transparent !important;
  transition:.2s ease;
}

/* hover desktop */
.xemtatca:hover {
  background:#e6f0ff !important;
  border-color:#2A83E9 !important;
  color:#2A83E9 !important;
}

/* click */
.xemtatca:active {
  background:#dbeafe !important;
}

/* TRANG TẤT CẢ DANH MỤC */
/* TITLE */
.dn-mega-title {
  font-size:16px;
  font-weight:600;
  color:#14213d;
}

/* TABLE */
.dn-mega-table {
  width:100%;
  border-collapse:collapse;
}

.dn-mega-table td {
  width:33.333%;
  vertical-align:top;
  padding-right:50px;
}

/* LINK ITEM */
.dn-mega-table td a {
  display:block;
  font-size:14px;
  color:#111827;
  text-decoration:none;
  transition:.2s;
}

/* HOVER ĐÚNG TỪNG DÒNG */
.dn-mega-table td a:hover {
  color:#e60012;
  text-decoration:underline;
}

/* MOBILE 2 CỘT */
/* MOBILE: 2 CỘT */
@media(max-width:768px) {
  .dn-mega-table {
    display:table !important;
    width:100% !important;
    table-layout:fixed !important;
  }

  .dn-mega-table tr {
    display:table-row !important;
  }

  .dn-mega-table td {
    display:table-cell !important;
    width:50% !important;
    padding-right:12px !important;
    vertical-align:top !important;
    box-sizing:border-box !important;
  }

  .dn-mega-table td:nth-child(3) {
    display:none !important;
  }
}

/* căn trái */
    .cat-list-a {
  display:block;
  border-bottom:1px solid #fff;
  color:#333;
  font-size:14px;
  line-height:1.1;
  text-decoration:none;
  transition:all .2s ease;
}

.cat-list-a:hover {
  color:#e60012;
  text-decoration:underline;
  padding-left:6px;
}

/* ===== FAQ ĐẸP ĐÚNG CLASS USER ĐANG DÙNG ===== */

/* Khối tổng */

/* Tiêu đề */

/* Từng item */

/* Header câu hỏi */

/* Text câu hỏi */

/* Nội dung trả lời */

/* Icon + / - */

/* Mặc định hiện dấu + */

/* Khi mở thì đổi thành dấu - */

/* Nếu JS của bạn dùng class active thì vẫn ăn */

/* Mobile */
@media (max-width:768px) {

}

/* Ẩn tiêu đề category + breadcrumb + sort trên mobile */
@media (max-width: 849px) {
  .shop-page-title.category-page-title.page-title {
    display: none !important;
  }
}

/* Ẩn "Category Archives:" */
.page-title {
  font-size: 0 !important;
}

.page-title span {
  font-size: 20px !important;
}

.page-title-inner {
  padding-top : 0px;
  min-height : 40px;
}

/* ===== CATEGORY LABEL ===== */
.box-blog-post .cat-label {
  color: #1e73be;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.5px;
}

.box-blog-post .cat-label:hover {
  color: #023b81;
}

.anhquangcao .img-inner img {
  border-radius: 8px;
}

/* ===== EQUAL HEIGHT + GIỚI HẠN 2 DÒNG ===== */
.brand-nav-equal li {
  display: flex;
}

.brand-nav-equal li a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 44px;
  width: 100%;
  line-height: 1.3;
  padding: 6px 8px;
  box-sizing: border-box;
}

/* Custom Breadcrum */
.custom-breadcrumb {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #666;
  padding: 8px 0 12px;
}

.custom-breadcrumb span,
.custom-breadcrumb a,
.custom-breadcrumb .sep {
  display: inline;
  font-size: 15px;
  font-weight: 400;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.custom-breadcrumb a {
  color: #1a73e8 !important;
  text-decoration: none;
}

.custom-breadcrumb a:hover {
  color: #0b57d0 !important;
}

.custom-breadcrumb .sep {
  color: #777 !important;
  margin: 0 6px;
}

.custom-breadcrumb > span:last-child,
.custom-breadcrumb span:last-child {
  color: #666 !important;
}

/* ÉP CHỮ THƯỜNG */
.custom-breadcrumb,
.custom-breadcrumb * {
  text-transform: lowercase !important;
}

/* ===== BORDER ẢNH SLIDER ===== */
.slider-wrapper .img-inner {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

/* ========================================================
   BRAND NAV CLEAN - FULL FIX
   - Base chung
   - Desktop mặc định: 8 cột, tối đa 16 logo
   - Mobile mặc định: 2 hàng, kéo ngang
   - Biến thể .brand-nav-2x8: desktop 2 cột x 8 hàng, mobile ẩn
   - Biến thể .brand-nav-5x6: desktop 6 cột tối đa 30 logo, mobile 5 hàng kéo ngang
   ========================================================= */

/* ===== KHUNG CHUNG ===== */
.brand-nav-wrap {
  width:100%;
  background:#fff;
  border:1px solid #edf1f5;
  border-radius:12px;
  padding:8px;
  box-sizing:border-box;
  overflow:hidden;
}

.brand-nav-wrap .product-row-nav {
  width:100%;
}

.brand-nav-wrap .brand-nav-list {
  list-style:none;
  margin:0;
  padding:0;
}

.brand-nav-wrap .brand-nav-list li {
  list-style:none;
  margin:0;
  padding:0;
}

.brand-nav-wrap .brand-nav-list li a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:8px 10px;
  border:1px solid #edf1f5;
  border-radius:10px;
  background:#fff;
  box-sizing:border-box;
  text-decoration:none;
  overflow:hidden;
  transition:none;
  -webkit-tap-highlight-color:transparent;
}

/* hover desktop */
.brand-nav-wrap .brand-nav-list li a:hover {
  background:#f5f9ff;
  border-color:rgba(2,59,129,.22);
  box-shadow:0 6px 14px rgba(2,59,129,.10);
}

/* click / tap */
.brand-nav-wrap .brand-nav-list li a:active {
  background:#dbeafe;
  border-color:#93c5fd;
  box-shadow:inset 0 0 0 1px #93c5fd;
  border-radius:10px;
}

/* ===== FIX ẢNH LOGO =====
   - ép khung chứa ảnh ổn định
   - không bị méo
   - hiển thị gọn trong card
*/
.brand-nav-wrap .brand-nav-list li img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:40px;
  object-fit:contain;
  object-position:center;
  -webkit-user-drag:none;
  user-select:none;
}

/* nếu WP bơm thêm class lazy/load thì vẫn ổn */
.brand-nav-wrap .brand-nav-list li img[src],
.brand-nav-wrap .brand-nav-list li img[data-src] {
  image-rendering:auto;
}

/* ===== DESKTOP MẶC ĐỊNH: 8 cột, tối đa 16 logo ===== */
@media (min-width:768px) {
  .brand-nav-wrap .product-row-nav {
    overflow:hidden;
  }

  .brand-nav-wrap .brand-nav-list {
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:10px;
    width:100%;
  }

  .brand-nav-wrap .brand-nav-list li:nth-child(n+17) {
    display:none;
  }
}

/* ===== MOBILE MẶC ĐỊNH: 2 hàng + kéo ngang ===== */
@media (max-width:767px) {
  .brand-nav-wrap .product-row-nav {
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }

  .brand-nav-wrap .product-row-nav::-webkit-scrollbar {
    display:none;
  }

  .brand-nav-wrap .brand-nav-list {
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(2,1fr);
    grid-auto-columns:100px;
    gap:8px;
    width:max-content;
    min-width:max-content;
  }

  .brand-nav-wrap .brand-nav-list li {
    width:100px;
    min-width:100px;
  }

  .brand-nav-wrap .brand-nav-list li a {
    min-height:52px;
    padding:8px;
    scroll-snap-align:start;
  }

  .brand-nav-wrap .brand-nav-list li img {
    max-height:40px;
  }
}

.brand-nav-wrap .brand-nav-list li a:active img {
  opacity:.92;
}

/* menu chân trang */
:root {
  --footer-h: 56px;
}

/* Sticky Bottom Contact */
.bottom-contact {
  display: none;
}

@media (max-width: 800px) {
  .bottom-contact {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    width: 100%;
    z-index: 1000;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
    padding-bottom: calc(env(safe-area-inset-bottom, 0) + 0px);
  }

  .bottom-contact ul {
    margin: 0;
    padding: 0;
    display: flex;
  }

  .bottom-contact ul li {
    width: 20%;
    list-style: none;
    text-align: center;
    font-size: 12px;
  }

  .bottom-contact ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 6px 4px;
    text-decoration: none;
    line-height: 1.2;
  }

  .bottom-contact ul li span {
    color: #000;
    display: block;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 4px;
    white-space: nowrap;
  }

  .bottom-contact ul li i {
    width: 25px;
    height: 25px;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
  }

  /* màu icon giống style mẫu */
  #Menu i {
    color: #f39c12;
  }

  #goidien i {
    color: #0068ff;
  }

  #trangchudnaudio i {
    color: #e74c3c;
  }

  #chatfb i {
    color: #27ae60;
  }

  #Map i {
    color: #8e44ad;
  }
}

/* Social Modal Styling - mượt hơn */
#social-modal {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  will-change: opacity, visibility;
}

#social-modal.is-open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

#social-modal .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: var(--footer-h);
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.3s ease;
  will-change: opacity;
}

#social-modal.is-open .modal-backdrop {
  opacity: 1;
}

#social-modal .modal-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: var(--footer-h);
  background: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.15);
  padding: 16px;
  max-height: calc(85vh - var(--footer-h));
  overflow: auto;
  transform: translateY(40px);
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
  will-change: transform, opacity;
}

#social-modal.is-open .modal-sheet {
  transform: translateY(0);
  opacity: 1;
}

#social-modal header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 8px 12px;
}

#social-modal h3 {
  grid-column: 2;
  margin: 0;
  font-size: 18px;
  text-align: center;
}

#social-modal .close-btn {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
}

/* Social Grid */
.social-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 8px 0;
}

.social-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  border: 1px solid #eaeaea;
  padding: 12px;
  min-height: 112px;
  text-align: center;
}

.icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
}

.social-item i,
.social-item .z-glyph {
  font-size: 24px;
  line-height: 1;
  color: #fff;
}

.social-item span {
  font-size: 13px;
  color: #111;
  line-height: 1.25;
}

.brand-messenger {
  background: #00B2FF;
}

.brand-zalo {
  background: #0068FF;
}

.brand-facebook {
  background: #1877F2;
}

.brand-tiktok {
  background: #000;
}

.brand-youtube {
  background: #FF0000;
}

.brand-map {
  background: #2E7D32;
}

.icon-wrap.brand-tiktok .fa-tiktok {
  color: #fff !important;
}

/* ===== CLICK EFFECT ĐẬM HƠN - BOTTOM CONTACT ===== */
@media (max-width: 800px) {
  .bottom-contact ul li a {
    border-radius: 10px !important;
    transition: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .bottom-contact ul li a:active {
    background: #dbeafe !important;
  }

  .bottom-contact ul li a:active span {
    color: #023b81 !important;
  }

  .bottom-contact ul li a:active i {
    opacity: 0.9 !important;
  }
}

/* ===== CLOSE MODAL ===== */
#social-modal .close-btn:active {
  background: #dbeafe !important;
  color: #023b81 !important;
  border-radius: 50% !important;
}

/* ===== SOCIAL ITEM ===== */
.social-item {
  transition: none !important;
  -webkit-tap-highlight-color: transparent !important;
  border-radius: 16px !important;
}

.social-item:active {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
  box-shadow: inset 0 0 0 1px #93c5fd !important;
}

.social-item:active span {
  color: #023b81 !important;
}

.social-item:active .icon-wrap {
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2) !important;
  border-radius: 999px !important;
}

/* =========================================
   SANPHAMHOT - SLIDE 2 HÀNG
   BÁM ĐÚNG HTML HIỆN TẠI CỦA BẠN
========================================= */
.bannertopsanphamhot {
  margin-bottom : -8px !important;
}

/* khung ngoài */
.sanphamhot,
.sanphamhot .section-content,
.sanphamhot .sanphamhot1,
.sanphamhot .sanphamhotrow1,
.sanphamhot .sp-slider-col {
  overflow: hidden !important;
}

/* chỉ cột sản phẩm được kéo */
.sanphamhot .sp-slider-col > .col-inner {
  background: #000836 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scroll-behavior: smooth !important;
  padding: 20px 0 20px 20px !important;
  margin: 5px 0 0 0 !important;
}

/* scrollbar */
.sanphamhot .sp-slider-col > .col-inner::-webkit-scrollbar {
  height: 6px;
}

.sanphamhot .sp-slider-col > .col-inner::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.28);
  border-radius: 999px;
}

/* row sản phẩm thật */
.sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small {
  display: inline-grid !important;
  grid-auto-flow: column !important;
  grid-template-rows: repeat(2, minmax(0, auto)) !important;
  grid-auto-columns: 210px !important;
  gap: 14px !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* triệt tiêu pseudo + width mặc định của Flatsome */
.sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small::before,
.sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small::after {
  display: none !important;
  content: none !important;
}

.sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small.row {
  max-width: none !important;
  width: max-content !important;
  min-width: max-content !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* item */
.sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small > .product-small.col {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* card */
.sanphamhot .product-small > .col-inner {
  height: 100% !important;
}

.sanphamhot .product-small .box {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.sanphamhot .product-small .box-image {
  background: #fff !important;
}

.sanphamhot .product-small .box-image .image-none {
  padding: 8px 8px 0 !important;
}

.sanphamhot .product-small .box-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* text */
.sanphamhot .product-small .box-text {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  height: auto !important;
  padding: 10px 10px 12px !important;
}

.sanphamhot .product-small .title-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.sanphamhot .product-small .category {
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #8a94a6 !important;
  margin-bottom: 8px !important;
  min-height: 28px !important;
}

.sanphamhot .product-small .name {
  height: auto !important;
  min-height: 40px !important;
  margin-bottom: 10px !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.sanphamhot .product-small .name a {
  color: #10213f !important;
  text-decoration: none !important;
}

.sanphamhot .product-small .price-wrapper {
  height: auto !important;
  margin-top: auto !important;
}

.sanphamhot .product-small .gia-lien-he {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.sanphamhot .product-small .gia-lien-he a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  border-radius: 9px !important;
  background: #cf2e2e !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* badge */
.sanphamhot .prd-banchay,
.sanphamhot .prd-sanphamhot,
.sanphamhot .prd-sanphammoi {
  transform: scale(.95);
  transform-origin: top left;
}

/* laptop */
@media (max-width: 1199px) {
  .sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small {
    grid-auto-columns: 190px !important;
    gap: 12px !important;
  }
}

/* mobile */
@media (max-width: 768px) {
  .sanphamhot .sp-slider-col > .col-inner {
    padding: 14px 0 14px 10px !important;
  }

  .sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small {
    grid-auto-columns: 42vw !important;
    gap: 10px !important;
  }

  .sanphamhot .product-small .box {
    border-radius: 10px !important;
  }

  .sanphamhot .product-small .box-text {
    padding: 8px 8px 10px !important;
  }

  .sanphamhot .product-small .category {
    font-size: 10px !important;
    min-height: 24px !important;
    margin-bottom: 6px !important;
  }

  .sanphamhot .product-small .name {
    font-size: 13px !important;
    min-height: 36px !important;
  }

  .sanphamhot .product-small .gia-lien-he a {
    padding: 7px 12px !important;
  }
}

/* mobile nhỏ */
@media (max-width: 480px) {
  .sanphamhot .sp-slider-col > .col-inner > .row.equalize-box.large-columns-5.medium-columns-3.small-columns-2.row-small {
    grid-auto-columns: 40vw !important;
    gap: 8px !important;
  }
}

/* ===== FIX KHOẢNG CUỐI CHO ĐỠ SÁT ===== */
.sanphamhot .sp-slider-col > .col-inner {
  padding-right: 16px !important;
}

/* mobile nới ít hơn cho gọn */
@media (max-width: 768px) {
  .sanphamhot .sp-slider-col > .col-inner {
    padding-right: 10px !important;
  }
}

/* ===== DANH MỤC MENU ẢNH ===== */
.elec-cat-grid,
.elec-cat-grid * {
  box-sizing: border-box !important;
}

/* DESKTOP */
.elec-cat-grid {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: start !important;
}

.elec-cat-grid > * {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  flex: unset !important;
}

.elec-cat-grid .elec-cat-item {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #1f2937 !important;
  position: relative !important;
  overflow: hidden !important;
  -webkit-tap-highlight-color: transparent !important;
}

.elec-cat-grid .elec-cat-item:hover {
  transform: none !important;
}

.elec-cat-grid .elec-cat-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
}

.elec-cat-grid .elec-cat-item:hover .elec-cat-thumb {
  background: #eef6ff !important;
  border-color: #cfe3ff !important;
}

.elec-cat-grid .elec-cat-item:active .elec-cat-thumb {
  box-shadow: inset 0 0 0 1px #bfd8ff !important;
}

.elec-cat-grid .elec-cat-thumb img {
  display: block !important;
  width: 80% !important;
  height: 80% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

.elec-cat-grid .elec-cat-badge {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  left: auto !important;
  z-index: 3 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  background: #e53935 !important;
  padding: 2px 6px !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  max-width: calc(100% - 12px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.elec-cat-grid .elec-cat-title {
  margin: 10px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  text-align: center !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 38px !important;
}

.elec-cat-grid .icon-only .elec-cat-thumb i {
  font-size: 30px !important;
  color: #ef4444 !important;
}

.elec-cat-grid p,
.elec-cat-grid br {
  display: none !important;
}

/* TABLET */
@media (max-width: 1024px) {
  .elec-cat-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .elec-cat-grid {
    display: grid !important;
    grid-template-columns: unset !important;
    grid-template-rows: repeat(2, auto) !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100vw - 24px - (12px * 3.5)) / 4.5) !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 4px 8px 0 !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: auto !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: auto !important;
    scroll-snap-type: none !important;
    justify-content: start !important;
    align-items: start !important;
  }

  .elec-cat-grid::-webkit-scrollbar {
    display: none !important;
  }

  .elec-cat-grid > .elec-cat-item {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .elec-cat-grid .elec-cat-thumb {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    padding: 6px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
  }

  .elec-cat-grid .elec-cat-thumb img {
    width: 82% !important;
    height: 82% !important;
    object-fit: contain !important;
    display: block !important;
  }

  .elec-cat-grid .elec-cat-title {
    font-size: 13px !important;
    line-height: 1.35 !important;
    min-height: 38px !important;
    margin-top: 8px !important;
  }

  .elec-cat-grid .elec-cat-badge {
    top: 4px !important;
    right: 4px !important;
    max-width: 44px !important;
    padding: 2px 5px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
}

/* ===== CLICK ĐỔI MÀU (GIỮ NGUYÊN MỌI THỨ KHÁC) ===== */

/* Khi bấm vào item */
.elec-cat-grid .elec-cat-item:active {
  background: #eef6ff !important;
  border-radius : 8px;
}

/* Khi bấm vào thumb (ảnh) */
.elec-cat-grid .elec-cat-item:active .elec-cat-thumb {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
}

/* Khi bấm vào title */
.elec-cat-grid .elec-cat-item:active .elec-cat-title {
  color: #023b81 !important;
}

/* Nếu có icon */
.elec-cat-grid .elec-cat-item:active .elec-cat-thumb i {
  color: #2563eb !important;
}

/* Tắt animation để đúng yêu cầu */
.elec-cat-grid .elec-cat-item,
.elec-cat-grid .elec-cat-thumb,
.elec-cat-grid .elec-cat-title {
  transition: none !important;
}

.elec-cat-grid .elec-cat-badge {
  box-shadow: 
    0 2px 6px rgba(0,0,0,0.12),
    0 1px 2px rgba(0,0,0,0.08) !important;
}

.Sliderdautrang .flickity-viewport,
.Sliderdautrang .img-inner {
  border-radius: 16px;
  overflow: hidden;
}

/* ===== BANNER Đầu Trang ẢNH MOBILE ===== */
/* ===== BANNER ĐẦU TRANG ẢNH MOBILE ===== */
.row.category-page-row {
  padding-top: 0 !important;
}

.brand-custom-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Desktop chỉ hiện 2 ảnh */
.brand-custom-list li:nth-child(n+3) {
  display: none;
}

.brand-custom-list li {
  overflow: hidden;
  border-radius: 12px;
}

.brand-custom-list img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .brand-custom-wrap {
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .brand-custom-inner {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-left: 10px;
    padding-right: 10px;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 10px;
  }

  .brand-custom-inner::-webkit-scrollbar {
    display: none;
  }

  .brand-custom-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: max-content !important;
    margin: 0;
    padding: 0;
  }

  /* Mobile hiện tất cả ảnh */
  .brand-custom-list li:nth-child(n+3) {
    display: block !important;
  }

  .brand-custom-list li {
    display: block !important;
    flex: 0 0 calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
    min-width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    border-radius: 12px;
    overflow: hidden;
    scroll-snap-align: start;
  }

  .brand-custom-list img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
  }
}

/* ===== FIX SLIDER ĐÚNG THEO BLOCK HTML HIỆN TẠI ===== */
@media (max-width: 768px) {
  .term-description .brand-custom-wrap {
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .term-description .brand-custom-inner {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    padding-left: 4px !important;
    padding-right: 16px !important;
  }

  .term-description .brand-custom-inner::-webkit-scrollbar {
    display: none;
  }

  .term-description .brand-custom-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .term-description .brand-custom-list li {
    display: block !important;
    flex: 0 0 calc(100vw - 40px) !important;
    width: calc(100vw - 40px) !important;
    min-width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    scroll-snap-align: center !important;
    border-radius: 12px;
    overflow: hidden;
  }

  .term-description .brand-custom-list img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
  }
}

/* =========================
   SOCIAL CARDS (YouTube + TikTok) — CLEAN VERSION
========================= */
:root {
  --social-card-h: 210px;
  --social-shadow: 0 12px 30px rgba(0,0,0,.18);
}

/* Normalize shadow + height */
.yt-channel-box,
.tt-card {
  box-shadow: var(--social-shadow) !important;
  height: var(--social-card-h) !important;
  min-height: var(--social-card-h) !important;
}

/* =========================
   YOUTUBE CARD
========================= */
.yt-channel-box {
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:16px;
  border-radius:16px;
  background:#fff;
  max-width:720px;
}

.yt-channel-avatar img {
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  background:#f3f4f6;
  display:block;
}

.yt-channel-info {
  flex:1;
  min-width:0;
}

.yt-channel-title {
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1.3;
}

.yt-yticon-img {
  width:18px;
  height:18px;
  object-fit:contain;
  flex:0 0 18px;
  display:inline-block;
}

.yt-channel-name {
  font-size:18px;
  font-weight:600;
  color:#111;
}

.yt-channel-meta {
  margin-top:4px;
  font-size:13px;
  color:#6b7280;
}

.yt-channel-desc {
  margin-top:8px;
  font-size:14px;
  line-height:1.5;
  color:#374151;
}

.yt-channel-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  padding:8px 14px;
  border-radius:999px;
  background:#ff0000;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:.2s ease;
}

.yt-channel-link:hover {
  filter:brightness(.9);
}

/* Mobile: YouTube desc clamp 2 lines */
@media (max-width:576px) {
  .yt-channel-box {
    height:auto !important;
    min-height:0 !important;
  }

  .yt-channel-desc {
    display:-webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow:hidden !important;
    max-height: calc(1.5em * 2);
  }
}

/* =========================
   TIKTOK CARD (DARK)
========================= */
.tt-card {
  display:flex;
  gap:18px;
  padding:18px;
  border-radius:18px;
  max-width:820px;
}

.tt-dark {
  background:#0b0b0f;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
}

.tt-card,
.tt-card * {
  font-family:inherit !important;
  font-style:normal !important;
  letter-spacing:0 !important;
}

.tt-avatar img {
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  background:#111;
}

.tt-main {
  flex:1;
  min-width:0;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.tt-title {
  display:flex;
  align-items:center;
  gap:10px;
}

.tt-logo {
  width:18px;
  height:18px;
  flex:0 0 18px;
  object-fit:contain;
  display:inline-block;
}

.tt-name {
  font-size:18px;
  font-weight:600 !important;
  color:#fff;
  line-height:1.2;
}

.tt-handle {
  margin-top:4px;
  font-size:13px;
  color:rgba(255,255,255,.72);
}

.tt-stats {
  display:flex;
  gap:18px;
  margin-top:10px;
  flex-wrap:wrap;
}

.tt-stat {
  display:flex;
  align-items:baseline;
  gap:8px;
}

.tt-stat b {
  font-size:16px;
  font-weight:600 !important;
  color:#fff;
}

.tt-stat span {
  font-size:13px;
  color:rgba(255,255,255,.65);
}

.tt-bio {
  margin-top:10px;
  font-size:14px;
  line-height:1.55;
  color:rgba(255,255,255,.9);
}

.tt-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:auto !important;
  padding:10px 16px;
  border-radius:999px;
  background:#ff0000;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  line-height:1;
  width:auto;
  margin-left:0;
  margin-right:auto;
  transition:.2s ease;
}

.tt-btn:hover {
  filter:brightness(.9);
}

/* Mobile: TikTok stats gọn + card auto height */
@media (max-width:576px) {
  .tt-card {
    height:auto !important;
    min-height:0 !important;
    gap:14px;
  }

  .tt-name {
    font-size:18px !important;
  }

  .tt-handle {
    margin-top:2px !important;
  }

  .tt-avatar img {
    width:74px;
    height:74px;
  }

  .tt-stats {
    display:grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 14px !important;
  }

  .tt-stat {
    gap:6px !important;
    white-space:nowrap !important;
    min-width:0 !important;
  }

  .tt-stat:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  .tt-bio {
    margin-top:8px !important;
  }

  /* nút không cần full, giống YouTube */
  .tt-btn {
    margin-top:12px !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
}

/* YOUTUBE FEED*/
/* =========================
   YOUTUBE FEED
========================= */
.yt-feed-wrap {
  width: 100%;
  max-width: 100%;
}

/* =========================
   CARD CHUNG
========================= */
.yt-item {
  min-width: 0;
}

/* =========================
   VIDEO (KHÔNG HIỆU ỨNG)
========================= */
.yt-lite {
  position: relative !important;
  width: 100% !important;
  padding-top: 177.78% !important;
  background: #000 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transform: none !important;
  transition: none !important;
}

.yt-lite img,
.yt-lite iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border: 0 !important;
  border-radius: 12px !important;
}

/* Fix khi load iframe */
.yt-lite.is-loaded {
  padding-top: 177.78% !important;
}

/* Tắt hover effect */
.yt-item:hover .yt-lite {
  transform: none !important;
}

/* =========================
   PLAY ICON
========================= */
.yt-play {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 42px !important;
  height: 42px !important;
  background: rgba(0,0,0,.55) !important;
  border-radius: 50% !important;
}

.yt-play::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* =========================
   TITLE
========================= */
.yt-title {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  color: #111;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yt-item:hover .yt-title {
  color: #d70018;
}

/* =========================
   META
========================= */
.yt-meta {
  margin-top: 3px;
  font-size: 11px;
  color: #6b7280;
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}

.yt-dot {
  opacity: .7;
}

/* =========================
   DESKTOP GRID
========================= */
.yt-desktop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.yt-mobile-slider {
  display: none;
}

/* =========================
   MOBILE: 2 HÀNG + SLIDE
========================= */
@media (max-width: 768px) {
  .yt-desktop-grid {
    display: none !important;
  }

  .yt-mobile-slider {
    display: block !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .yt-mobile-inner {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
    scroll-snap-type: x proximity !important;
  }

  .yt-mobile-inner::-webkit-scrollbar {
    display: none !important;
  }

  .yt-mobile-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
  }

  /* 2 cột × 2 hàng + lòi 1 chút */
  .yt-mobile-col {
    flex: 0 0 40vw !important;
    width: 40vw !important;
    min-width: 40vw !important;
    max-width: 40vw !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    scroll-snap-align: start !important;
  }

  .yt-item {
    width: 100% !important;
  }
}

/* =========================
   FIX FLATSOME CHẶN SLIDE
========================= */
@media (max-width: 768px) {
  .yt-feed-wrap,
  .yt-feed-wrap .row,
  .yt-feed-wrap .col,
  .yt-feed-wrap .col-inner,
  .yt-feed-wrap .ux-text,
  .yt-feed-wrap .text-box {
    overflow: visible !important;
  }
}

/* giá sản phẩm liên hệ */
/* khoảng cách từ title xuống nút */
.price-wrapper {
  margin-top: 6px !important;
}

/* nút liên hệ */
.custom-price-text,
.gia-lien-he a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 44px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  background: #c62828 !important;
  color: #fff !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* icon */
.custom-price-text i,
.gia-lien-he a i {
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* hover/focus */
.custom-price-text:hover,
.custom-price-text:focus,
.gia-lien-he a:hover,
.gia-lien-he a:focus {
  background: #a61f1f !important;
  color: #fff !important;
  outline: none !important;
}

/*** cho top bar về 1 khối ***/
#top-bar .flex-row {
  margin: 0;
  max-width: 100% !important;
  padding-inline: 0;
}

#top-bar .flex-col:is(.flex-left, .flex-right) {
  display: none;
}

#top-bar .flex-col.flex-center {
  width: 100%;
  height: 100%;
}

/*************** ADD desktop ONLY CSS HERE  ***************/
@media only screen and (min-width: 1024px) {
  /* hover thumnail */ 
	.bdsp-click-wrap:hover {
    text-decoration: none;
    color: inherit;
  }
}

/* css catr giỏ hàng*/
.header-cart-link {
  padding: 4px 12px !important;
  border: none !important;
  box-shadow: none !important;
}

.header-main .header-button > .header-cart-link {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: white !important;
  transition: all 0.3s ease;
}

.header-main .header-button > .header-cart-link:hover {
  background-color: #000 !important;
  color: #fff !important;
}

/* Màu chữ phần con */
.header-main .header-button > .header-cart-link * {
  color: white !important;
}

/* Bỏ margin ảnh và thẻ p*/
/*p > img {
    display: block;
    margin: 0 auto;
}*/
p:has(img) {
  margin: 0 !important;
  padding: 0 !important;
}

/***** BẮT ĐẦU - CSS ẢNH THUMBNAIL SẢN PHẨM *****/
/***** CSS BADGE SẢN PHẨM FULL *****/

/* ===== ẢNH ===== */
.product-small.box .box-image {
  position: relative !important;
}

.product-small.box .box-image img {
  display: block;
  width: 100%;
}

/* ===== ẢNH GIẢM GIÁ ===== */
.prd-anhgiamgia {
  position: absolute;
  left: 6px;
  bottom: 6px;
  z-index: 99;
  width: clamp(80px, 14vw, 120px);
  height: clamp(14px, 2.5vw, 20px);
}

.prd-anhgiamgia img {
  width: 80%;
  height: auto;
  max-height: 100%;
}

/* ===== LOGO THƯƠNG HIỆU ===== */
.prd-anhthuonghieu {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 99;
  width: clamp(40px, 7vw, 60px);
  height: clamp(14px, 2.5vw, 20px);
}

.prd-anhthuonghieu img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

/* ===== BADGE CHUNG ===== */
.prd-tragop,
.prd-banchay,
.prd-sanphammoi,
.prd-sanphamhot {
  position: absolute;
  z-index: 99;
  font-family: Nunito, sans-serif;
  font-size: clamp(8px, 1vw, 11px);
  border-radius: 4px;
  padding: 2px clamp(5px, 1vw, 7px);
  font-weight: 500;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12);
  border: 1px solid;
}

/* ===== VỊ TRÍ ===== */
.prd-tragop,
.prd-banchay {
  top: 6px;
  right: 58px;
}

.prd-sanphammoi,
.prd-sanphamhot {
  top: 6px;
  right: 6px;
}

/* ===== MÀU + BORDER ĐỒNG MÀU ===== */

/* Trả góp */
.prd-tragop {
  color: #d70018;
  background: #FEF3F2;
  border-color: rgba(215,0,24,0.35);
}

/* Bán chạy */
.prd-banchay {
  color: #027A48;
  background: rgba(2,122,72,0.08);
  border-color: rgba(2,122,72,0.35);
}

/* Mới */
.prd-sanphammoi {
  color: #1a73e8;
  background: rgba(42,131,233,0.15);
  border-color: rgba(42,131,233,0.35);
}

/* Hot */
.prd-sanphamhot {
  color: #EC4A0A;
  background: rgba(236,74,10,0.09);
  border-color: rgba(236,74,10,0.35);
}

/* ===== ICON ===== */
.prd-banchay::before {
  content: "\f0e7";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 3px;
}

.prd-sanphammoi::before {
  content: "\f005";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 3px;
}

.prd-sanphamhot::before {
  content: "\f06d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 3px;
}

.prd-tragop::before {
  content: "\f09d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 3px;
}

/* ===== MOBILE ===== */
@media(max-width:768px) {
  .prd-tragop,
  .prd-banchay {
    right: 52px;
  }

  .prd-sanphammoi,
  .prd-sanphamhot {
    right: 5px;
  }

  .prd-tragop,
  .prd-banchay,
  .prd-sanphammoi,
  .prd-sanphamhot {
    top: 5px;
  }

  .prd-anhthuonghieu {
    top: 5px;
    left: 5px;
  }
}

/* giá sale sản phẩm */
.gia-sale span.amount {
  color: #d70018 !important;
  font-weight : bold;
}

.gia-goc span.amount {
  color: #344054 !important;
  text-decoration: line-through;
  font-size: 11.5px;
  font-weight : 400;
}

.gia-sale .phan-tram-giam {
  color: #d70018 !important;
  font-size: 12px;
  font-weight: bold;
}

/* hiển thị tiêu đề canh logo mobile
.html.custom.html_topbar_left{
		display : inline-block !important;
		z-index : 1;
		width:  19 rem;
        height: 100%;	
}
	.flex-col.show-for-medium.flex-right {
		display : none;
}*/
/* Ngôi sao thumnail */
.custom-star-rating {
  margin-top: 2px;
  font-size: 10px;
}

.star-rating {
  color: #ffb400 !important;
}

/* SẢN PHẨM */
/* Tên sản phẩm 2 dòng */
.woocommerce-loop-product__title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal !important;
  line-height: 1.4em;
  max-height: 2.8em;
  min-height: 2.8em;
  word-break: break-word;
}

/* TRANG SẢN PHẨM */
/* random lượt thích*/
.like-display {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #333;
}

/* icon trái tim*/
.like-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.like-info i {
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  color: #e74c3c;
}

/* BADGE GROUP */
.badge-group {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-family:Arial,sans-serif;
  font-size:10px;
}

/* MALL */
.badge-mall {
  display:inline-block;
  background:#d70018;
  color:#fff;
  font-size:10px;
  font-weight:700;
  padding:6px 10px;
  border-radius:4px;
  line-height:1;
  letter-spacing:.3px;
}

/* BADGE CHUNG */
.badge-top-deal,
.badge-yellow,
.badge-blue {
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:20px;
  font-weight:700;
  text-transform:uppercase;
  gap:6px;
}

.badge-top-deal i,
.badge-yellow i,
.badge-blue i {
  font-size:13px;
}

/* MÀU RIÊNG */
.badge-top-deal {
  background:#ffecec;
  color:#e53935;
}

.badge-yellow {
  background:#fff3b0;
  color:#1a73e8;
}

.badge-blue {
  background:#eef4ff;
  color:#1a73e8;
}

@media(max-width:768px) {
  .badge-group {
    display:grid !important;
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }

  .badge-group > * {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
}

/*đánh giá sản phẩm */
.product-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #344054;
  font-family: Arial, sans-serif;
}

.product-rating .stars i {
  color: #faca51;
  font-size: 13px;
  margin-right: 1px;
}

.product-rating .rating-count {
  color: #666;
}

.product-rating .divider {
  color: #ccc;
  margin: 0 4px;
}

.product-rating .sold {
  color: #444;
}

/* giá tốt */
.badge-sale-shock {
  display: inline-flex;
  align-items: center;
  background-color: #ffe9d6;
  color: #f57224;
  padding: 4px 10px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  gap: 6px;
  font-family: Arial, sans-serif;
}

.badge-sale-shock i {
  font-size: 13px;
}

/* web logo offical*/

.shop-logo {
  width: 48px;
  height: auto;
}

.shop-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.shop-name {
  font-weight: bold;
  color: #222;
}

.shop-details {
  display: flex;
  align-items: center;
  gap: 10px;
}

.badge-official {
  background: #eef4ff;
  color: #1a73e8;
  font-weight: 600;
  font-size: 12px;
  border-radius: 6px;
  padding: 2px 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.badge-official i {
  color: #1a73e8;
  font-size: 14px;
}

.shop-rating {
  font-size: 13px;
  color: #333;
}

.shop-rating i.fa-star {
  color: #faca51;
  margin-left: 3px;
}

.review-count {
  color: #888;
  margin-left: 4px;
}

.shop-chat-icon {
  margin-left: auto;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.shop-chat-icon:hover {
  background: #f5f5f5;
}

.shop-chat-icon i {
  font-size: 14px;
  color: #1a73e8;
}

/* tt shop */
.shop-stats-inline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 20px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  max-width: 800px;
}

.stat-item {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.stat-item .label {
  color: #999;
  font-size: 13px;
  white-space: nowrap;
}

.stat-item .value {
  color: #d70018;
  font-weight: 500;
  white-space: nowrap;
}

/* Responsive: 2 cột 3 hàng trên điện thoại */
@media (max-width: 600px) {
  .shop-stats-inline {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* tiêu đề sản phẩm liên quan */
.product-section-title-related {
  color : white;
}

.nav.nav-spacing-xl {
  min-height: 60px;
}

/* ===== Tên bài viêt TITLE + EXCERPT LUÔN 2 DÒNG ===== */
/*** Tên Bài Viết ***/ .post-title>.plain {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.from_the_blog_excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* ===== BLOG CARD - STYLE XANH ĐỒNG BỘ ===== */

.box-blog-post {
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* ẢNH */
.box-blog-post .box-image,
.box-blog-post .image-cover,
.box-blog-post .box-image img {
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
}

/* TEXT */
.box-blog-post .box-text {
  border-radius: 0 0 10px 10px !important;
  padding: 14px !important;
}

/* TITLE */
.box-blog-post .post-title a {
  color: #1f2937 !important;
  text-decoration: none !important;
}

/* BUTTON */
.box-blog-post .button {
  border-radius: 6px !important;
}

/* ===== HOVER (NHẸ) ===== */
.box-blog-post:hover {
  background: #f5f9ff !important;
}

.box-blog-post:hover .post-title a {
  color: #023b81 !important;
}

/* ===== CLICK (CHUẨN STYLE CHUNG) ===== */
.box-blog-post:active {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
  box-shadow: inset 0 0 0 1px #93c5fd !important;
}

/* text khi click */
.box-blog-post:active .post-title a {
  color: #023b81 !important;
}

/* button click */
.box-blog-post .button:active {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
  color: #023b81 !important;
}

/* ===== RESET HIỆU ỨNG ===== */
.box-blog-post,
.box-blog-post *,
.box-blog-post a,
.box-blog-post .button {
  transition: none !important;
  transform: none !important;
}

/* ===== POST CUSTOM - CLICK LIỀN KHỐI (CHỈ SỬA MÀU + EFFECT) ===== */
/* QUAN TRỌNG: fix flex bị tràn */

/* chặn text tràn */

/* TITLE */

/* BODY */

/* IMAGE */

/* INFO */

/* CATEGORY (đổi màu cho giống blog) */

/* EXCERPT */

/* DATE */

/* ===== HOVER (GIỐNG BLOG CARD) ===== */

/* ===== CLICK (GIỐNG BLOG CARD) ===== */

/* text đổi màu */

/* ===== MOBILE (GIỮ NGUYÊN) ===== */
@media (max-width: 768px) {

}

/* Breadcrum */ 
.breadcrumb-wrapper,
.woocommerce-breadcrumb {
  font-size: 14px;
  margin-bottom: 0px;
}

.woocommerce-breadcrumb a {
  color: #1a73e8;
  text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
  text-decoration: underline;
}

/* breadcrum */
@media(max-width:768px) {
  .product-breadcrumb-container {
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
  }

  .woocommerce-breadcrumb {
    display:inline-block !important;
    white-space:nowrap !important;
    min-width:max-content !important;
  }

  .product-breadcrumb-container {
    padding-bottom:2px !important;
  }

  .woocommerce-breadcrumb {
    margin-bottom:2px !important;
    padding-bottom:0 !important;
    line-height:1.4;
  }
}

/* ===== CARD SẢN PHẨM ĐẸP HƠN ===== */
.product-small.box {
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* khi bấm */
.product-small.box:active {
  border-color: #93c5fd !important;
  background: #f0f9ff !important;
}

/* phần text khi bấm */
.product-small.box:active .box-text {
  background: #e6f0ff !important;
  border-radius: 8px !important;
}

/* bo góc nút nếu có */
.product-small.box .button {
  border-radius: 8px !important;
}

/* cursor đẹp */
.product-small.box {
  cursor: pointer;
}

/* tắt animation */
.product-small.box,
.product-small.box * {
  transition: none !important;
}

/* ===== FIX PADDING BOX TEXT ===== */
.product-small.box .box-text.box-text-products {
  padding: 10px !important;
}

/****aaaa****/
.cr-credits-div {
  display : none !important;
}

@media only screen and (max-width: 768px) {
  /**** MENU TRƯỢT ****/
  .header-bottom .nav {
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .header-bottom .nav::-webkit-scrollbar {
    display: none;
  }

  .header-bottom .flex-col {
    width: 100%;
  }

  /**** HOME PADDING FIX ****/
  .home #main .section-content > .row {
    padding-left: 8px !important;
    padding-right: 5px !important;
  }

  .home #main .section-content > .row > .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /**** SLIDER HOT ****/
  .home #main .sanphamhot .row.sp-slider-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Chỉ tác động các cột trực tiếp của row cấp ngoài */
.custom-product-page > .section > .section-content > .row > .col {
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .home #main .sectionbanner > .section-content > .rowslidedautrang {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home #main .sectionbanner > .section-content > .rowslidedautrang > .colslidedautrang {
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/***** SEARCH HEADER FIX - FULL CHUẨN *****/

/* ===== MOBILE HEADER - GỘP LEFT + RIGHT ===== */
@media only screen and (max-width:849px) {
  .slider-style-focus {
    padding-bottom : 5px !important;
  }

  /* XOÁ KHOẢNG CÁCH PHẢI CỦA LOGO */
#masthead .logo {
    margin-right:5px !important;
    width : 180px;
  }

  #masthead .header-inner > .show-for-medium.flex-left {
    display:none !important;
  }

  #masthead .header-inner > .show-for-medium.flex-right {
    flex:1 1 0 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  #masthead .header-inner > .show-for-medium.flex-right .mobile-nav {
    width:100% !important;
    display:flex !important;
  }

  #masthead .header-inner > .show-for-medium.flex-right li.header-search-form {
    flex:1 1 100% !important;
    width:100% !important;
    max-width:none !important;
  }

  #masthead .header-search-form-wrapper,
  #masthead .searchform-wrapper,
  #masthead form.searchform,
  #masthead .header-search-form .flex-row {
    width:100% !important;
    max-width:none !important;
  }
}

/* ===== KHUNG SEARCH ===== */
.header-search-form .flex-row {
  display:flex !important;
  align-items:center !important;
  background:#f3f3f3 !important;
  border:2px solid #023b81 !important;
  border-radius:10px !important;
  overflow:hidden !important;
}

/* ===== FIX CSS CŨ FORM-FLAT + LITESPEED ===== */
.header-search-form .form-flat input,
.header-search-form .form-flat input.search-field {
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}

.header-search-form button.ux-search-submit,
.header-search-form .ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  margin:0 !important;
}

/* ===== INPUT ===== */
.header-search-form input.search-field {
  width:100% !important;
  height:38px !important;
  border:0 !important;
  background:#f3f3f3 !important;
  color:#333 !important;
  padding:0 14px !important;
  font-size:14px !important;
  box-shadow:none !important;
  outline:none !important;
  border-radius:0 !important;
}

.header-search-form input.search-field::placeholder {
  color:#8c8c8c !important;
  opacity:1 !important;
}

/* ===== CỘT FLEX ===== */
.header-search-form .flex-col.flex-grow {
  flex:1 1 auto !important;
  min-width:0 !important;
}

.header-search-form .flex-row > .flex-col:last-child {
  flex:0 0 38px !important;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
}

/* ===== BUTTON ===== */
.header-search-form button.ux-search-submit,
.header-search-form .form-flat button.ux-search-submit.button.icon,
.header-search-form button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border:0 !important;
  border-left:1px solid rgba(2,59,129,0.25) !important;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* ===== FIX FORM-FLAT BO TRÒN ===== */
.header-search-form .form-flat button,
.header-search-form .form-flat .button.icon {
  border-radius:0 !important;
}

/* ===== ICON ===== */
.header-search-form button.ux-search-submit i,
.header-search-form button.ux-search-submit .icon-search,
.header-search-form button.ux-search-submit .icon-search:before {
  color:#023b81 !important;
  font-size:18px !important;
  line-height:1 !important;
  margin:0 !important;
}

.header-search-form button.ux-search-submit:hover i {
  transform:scale(1.1);
}

/***** FIX SEARCH FORM BỊ CO Ở TRANG SẢN PHẨM *****/
@media (min-width:850px) {
  #masthead .header-search-form form.searchform {
    display:block !important;
    width:100% !important;
  }

  #masthead .header-search-form .searchform-wrapper,
  #masthead .header-search-form .ux-search-box,
  #masthead .header-search-form .header-search-form-wrapper {
    display:block !important;
    width:100% !important;
  }

  #masthead .header-search-form .flex-row {
    display:flex !important;
    width:100% !important;
  }

  #masthead .header-search-form .flex-col.flex-grow {
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  #masthead .header-search-form .flex-col:last-child {
    flex:0 0 38px !important;
  }
}

/* BỘ LỌC */
.woocommerce-ordering {
  display : none;
}

/* Ẩn title/breadcrumb WooCommerce mặc định */
.woocommerce-page .shop-page-title {
  display:none !important;
}

/* Riêng trang kết quả tìm kiếm sản phẩm thì hiện lại */
.search-results.woocommerce-page .shop-page-title,
.search.woocommerce-page .shop-page-title {
  display:block !important;
}

.Sliderdautrang .flickity-slider > :not(.is-selected) {
  opacity:1 !important;
}

.slider-style-focus {
  padding  : 12px 0;
}

/* Duc Nguyen Audio: category menu repair */
/* Category navigation */
#header .header-vertical-menu__opener {
  cursor:pointer;
  color:#fff!important;
}

#header .header-vertical-menu__fly-out {
  opacity:1!important;
  border:1px solid #e0e5ec;
  border-radius:0 0 10px 10px;
  box-shadow:0 12px 30px #07132d25;
  width:260px!important;
  z-index:100!important;
}

#header #menu-vertical-menu-main {
  margin:0;
  padding:4px 0;
  border-radius:0 0 10px 10px;
}

#header #menu-vertical-menu-main>li {
  position:relative!important;
  margin:0!important;
  border-bottom:1px solid #edf0f5;
}

#header #menu-vertical-menu-main>li:last-child {
  border-bottom:0;
}

#header #menu-vertical-menu-main>li>a {
  color:#17243b!important;
  opacity:1!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:600;
  min-height:45px!important;
  padding:11px 14px!important;
  line-height:1.45;
  display:flex;
  align-items:center;
  gap:10px;
}

#header #menu-vertical-menu-main>li>a:hover,#header #menu-vertical-menu-main>li:focus-within>a {
  background:#f0f4fa!important;
  color:#113c7a!important;
}

#header #menu-vertical-menu-main .ux-menu-icon {
  width:25px!important;
  height:25px!important;
  flex:0 0 25px;
  margin:0!important;
}

#header #menu-vertical-menu-main .icon-angle-down {
  margin-left:auto;
  color:#314b70;
  opacity:1;
}

#header #menu-vertical-menu-main>li>.sub-menu {
  width:330px!important;
  min-width:280px!important;
  max-width:calc(100vw - 340px)!important;
  left:100%!important;
  right:auto!important;
  top:0!important;
  transform:none!important;
  margin:0!important;
  padding:8px!important;
  background:#fff!important;
  border:1px solid #e0e5ec!important;
  box-shadow:0 10px 25px #07132d20;
  border-radius:0 8px 8px 8px;
  z-index:110!important;
}

#header #menu-vertical-menu-main>li:hover>.sub-menu,#header #menu-vertical-menu-main>li:focus-within>.sub-menu {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#header #menu-vertical-menu-main .sub-menu li {
  width:100%!important;
  display:block!important;
  margin:0!important;
  border:0!important;
  padding:0!important;
}

#header #menu-vertical-menu-main .sub-menu a {
  display:flex!important;
  align-items:center;
  gap:10px;
  color:#17243b!important;
  font-size:13px;
  font-weight:500;
  padding:12px!important;
  line-height:1.5;
  white-space:normal;
  opacity:1!important;
  text-transform:none;
}

#header #menu-vertical-menu-main .sub-menu a:hover {
  background:#f0f4fa!important;
  color:#113c7a!important;
}

#header #menu-vertical-menu-main>li>.sub-menu {
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
}

#header #menu-vertical-menu-main>li>.sub-menu a {
  background:#fff!important;
}

#header #menu-vertical-menu-main>li>.sub-menu a:hover {
  background:#f0f4fa!important;
}

/* DNA: opaque, scrollable product drawer on phones and tablets */
@media (max-width:849px) {
  .mfp-bg.main-menu-overlay {
    background:#07132d!important;
    opacity:.55!important;
    z-index:20000!important;
  }

  .mfp-wrap.off-canvas:has(#main-menu) {
    z-index:20001!important;
    overflow:hidden!important;
  }

  .off-canvas .mfp-content:has(#main-menu) {
    width:calc(100vw - 44px)!important;
    max-width:340px!important;
    height:100%!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fff!important;
    opacity:1!important;
    box-shadow:8px 0 28px #07132d33;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:env(safe-area-inset-bottom);
  }

  #main-menu.mobile-sidebar {
    background:#fff!important;
    color:#17243b!important;
    min-height:100%;
    width:100%!important;
    opacity:1!important;
    padding:20px 0 30px;
  }

  #main-menu .sidebar-menu {
    background:#fff!important;
    padding:0!important;
  }

  #main-menu .nav-sidebar {
    background:#fff!important;
    margin:0!important;
    padding:0!important;
  }

  #main-menu .nav-sidebar li {
    margin:0!important;
    width:100%!important;
    position:relative;
    border-color:#e5eaf1!important;
  }

  #main-menu .nav-sidebar li>a {
    color:#17243b!important;
    opacity:1!important;
    display:flex!important;
    align-items:center;
    gap:10px;
    font-size:13px!important;
    line-height:1.55!important;
    text-transform:none!important;
    white-space:normal!important;
    padding:14px 16px!important;
    min-height:52px;
    font-weight:600;
  }

  #main-menu .nav-sidebar li.has-child>a {
    padding-right:54px!important;
  }

  #main-menu .ux-sidebar-menu-icon {
    width:26px!important;
    height:26px!important;
    object-fit:contain;
    flex:0 0 26px;
    margin:0!important;
  }

  #main-menu .toggle {
    position:absolute!important;
    right:4px!important;
    top:4px!important;
    left:auto!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    color:#17243b!important;
    opacity:1!important;
    border:0;
    background:transparent;
  }

  #main-menu .nav-sidebar .sub-menu {
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 0 8px!important;
    background:#f4f7fb!important;
    box-shadow:none!important;
    border:0!important;
    transform:none!important;
  }

  #main-menu .nav-sidebar .sub-menu a {
    padding-left:28px!important;
    font-weight:500;
    background:transparent!important;
  }

  #main-menu .nav-sidebar li.active>a {
    color:#144d86!important;
    background:#f4f7fb;
  }

  .mfp-wrap.off-canvas:has(#main-menu) .mfp-close {
    position:fixed!important;
    right:0!important;
    top:8px!important;
    left:auto!important;
    width:44px!important;
    height:44px!important;
    background:#07132d!important;
    color:#fff!important;
    opacity:1!important;
    border-radius:6px 0 0 6px;
    margin:0!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
  }
}

/* === DN AUDIO GLOBAL PRODUCT CARDS 2026-10 === */
/* Unified storefront product cards */
body #wrapper .product-small.col {
  padding-bottom:18px!important;
}

body #wrapper .product-small.col>.col-inner {
  height:100%!important;
  border:1px solid #e1e8f0!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden;
  transition:border-color .2s,box-shadow .2s;
}

body #wrapper .product-small.col .product-small.box {
  padding:0!important;
  margin:0!important;
  border:0!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  width:100%!important;
}

body #wrapper .product-small.col .box-image {
  height:auto!important;
  min-height:0!important;
  width:100%!important;
  aspect-ratio:1.12!important;
  padding:16px!important;
  margin:0!important;
  background:#fff!important;
  border-bottom:1px solid #f1f4f8;
  overflow:hidden!important;
}

body #wrapper .product-small.col .box-image .image-none {
  position:relative!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
}

body #wrapper .product-small.col .box-image .image-none>a {
  position:relative!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%!important;
  height:100%!important;
  padding:0!important;
}

body #wrapper .product-small.col .box-image .image-none img {
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  transform:none!important;
}

body #wrapper .product-small.col .prd-anhthuonghieu,body #wrapper .product-small.col .prd-banchay,body #wrapper .product-small.col .prd-sanphammoi,body #wrapper .product-small.col .prd-hot,body #wrapper .product-small.col .badge-container,body #wrapper .product-small.col .box-image>[class^="prd-"],body #wrapper .product-small.col .box-image>[class*=" prd-"] {
  display:none!important;
}

body #wrapper .product-small.col .box-text.box-text-products {
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  flex:1;
  padding:15px 16px 16px!important;
  text-align:left!important;
}

body #wrapper .product-small.col .title-wrapper {
  flex:1;
  margin:0!important;
}

body #wrapper .product-small.col .category {
  display:none!important;
}

body #wrapper .product-small.col .product-title {
  display:block!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  margin:0 0 12px!important;
  padding:0!important;
}

body #wrapper .product-small.col .product-title a {
  -webkit-line-clamp:3!important;
  text-decoration:none!important;
}

body #wrapper .product-small.col .price-wrapper {
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

body #wrapper .product-small.col .gia-lien-he {
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

body #wrapper .product-small.col .price-wrapper .gia-lien-he>a {
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  padding:9px 13px!important;
  margin:0!important;
  min-height:34px!important;
  border:1px solid #d4e3f6!important;
  border-radius:7px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

body #wrapper .product-small.col .box-image .image-tools {
  display:none!important;
}

body #wrapper .dna3-merch {
  background:#ecf3fc!important;
}

body #wrapper .dna3-sublinks {
  min-width:0;
}

body #wrapper .dna3-sublinks>p {
  display:contents!important;
  margin:0!important;
}

body #wrapper .dna3-sublinks a {
  white-space:nowrap!important;
}

body #wrapper .dna3-retail-footer {
  margin-top:4px!important;
}

body #wrapper .dna3-retail-head {
  margin-bottom:20px!important;
}

@media(max-width:699px) {
  body #wrapper .product-small.col .box-image {
    padding:12px!important;
    aspect-ratio:1.05!important;
  }

  body #wrapper .product-small.col .box-text.box-text-products {
    padding:12px!important;
  }

  body #wrapper .product-small.col .product-title {
    font-size:12px!important;
    margin-bottom:11px!important;
    line-height:1.5!important;
  }

  body #wrapper .product-small.col .product-title a {
    -webkit-line-clamp:4!important;
  }

  body #wrapper .product-small.col .price-wrapper .gia-lien-he>a {
    font-size:11px!important;
    padding:8px 10px!important;
    min-height:32px!important;
  }

  body #wrapper .product-small.col>.col-inner {
    border-radius:9px!important;
  }
}

/* DN Audio: shared storefront styling */
body {
  --primary-color:#3e81d2;
  --fs-color-primary:#3e81d2;
}

#header .header-vertical-menu__fly-out,#header #menu-vertical-menu-main {
  background:#fff!important;
}

#header #menu-vertical-menu-main a {
  color:#1f2d3d!important;
}

#header #menu-vertical-menu-main .ux-menu-icon {
  width:24px;
  height:24px;
  object-fit:contain;
}

#header #menu-vertical-menu-main .sub-menu {
  background:#fff!important;
  height:auto!important;
  max-height:none!important;
}

#footer {
  border-top:1px solid #dfe6ef;
}

#footer .icon-box-img img {
  opacity:1!important;
  filter:none!important;
}

.button.primary,button.single_add_to_cart_button {
  background:#3e81d2!important;
  border-color:#3e81d2!important;
  color:#fff!important;
}

.nav-pagination>li>.current,.nav-pagination>li>a:hover {
  background:#3e81d2!important;
  border-color:#3e81d2!important;
  color:#fff!important;
}

body #wrapper .product-small .box-image>.prd-banchay {
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  bottom:auto!important;
  background:#eef4fb!important;
  border:1px solid #d6e3f2!important;
  color:#4871a2!important;
  border-radius:5px!important;
  padding:3px 7px!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1.5!important;
  box-shadow:none!important;
  max-width:calc(100% - 18px)!important;
  white-space:nowrap!important;
}

body #wrapper .product-small .box-image>.prd-banchay:before {
  display:none!important;
}

body #wrapper .product-small .box-image {
  padding-top:29px!important;
}

body #wrapper .product-small .box-image:not(:has(>.prd-banchay)) {
  padding-top:16px!important;
}

body #wrapper .product-small.col .product-title {
  text-transform:none!important;
}

body #wrapper .product-small.col .box-image img {
  border-radius:0!important;
}

body #wrapper .product-small.col>.col-inner {
  padding:0!important;
}

body #wrapper .product-small .price {
  color:#3e81d2;
  font-weight:750;
}

body #wrapper .product-small .price del {
  color:#939eac;
  font-weight:400;
}

@media(max-width:699px) {
  body #wrapper .product-small .box-image>.prd-banchay {
    font-size:8px!important;
    top:7px!important;
    left:7px!important;
    padding:2px 5px!important;
  }

  body #wrapper .product-small .box-image {
    padding-top:24px!important;
  }
}

/* Product detail gallery and controls */
body.single-product #wrapper h1.product_title {
  font-size:26px!important;
  font-weight:750!important;
  line-height:1.35!important;
  color:#1e3045!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:12px 0 20px!important;
  letter-spacing:-.4px!important;
}

body.single-product .woocommerce-product-gallery {
  background:#fff;
  border:1px solid #dfe6ee;
  border-radius:12px;
  overflow:hidden;
}

body.single-product .product-thumbnails a {
  display:block;
  background:#fff;
  border:1px solid #dde6f0;
  border-radius:8px;
  overflow:hidden;
  padding:6px;
}

body.single-product .product-thumbnails img {
  width:100%;
  height:85px;
  object-fit:contain;
}

body.single-product .product-thumbnails .is-nav-selected a {
  border-color:#609ae0;
  box-shadow:0 0 0 1px #609ae0;
}

body.single-product #main a[href^="tel:"][style*="flex:1"] {
  background:#3e81d2!important;
  color:#fff!important;
  border:1px solid #3e81d2!important;
  border-radius:8px!important;
}

body.single-product #main a[href^="https://zalo.me/"][style*="flex:1"] {
  background:#f0f7ff!important;
  color:#3e81d2!important;
  border:1px solid #a0c2eb!important;
  border-radius:8px!important;
}

@media(max-width:699px) {
  body.single-product #wrapper h1.product_title {
    font-size:21px!important;
  }

  body.single-product .product-thumbnails img {
    height:60px;
  }
}

/* === END DN AUDIO GLOBAL PRODUCT CARDS === */
/* ACF: alternate one available label per product */
body #wrapper .product-small.col .box-image>.prd-banchay {
  position:absolute!important;
  z-index:3!important;
  bottom:auto!important;
  white-space:nowrap!important;
}

body #wrapper .product-small.col .box-image>.prd-banchay:before {
  display:none!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphammoi {
  display:none!important;
  position:absolute!important;
  z-index:3!important;
  bottom:auto!important;
  white-space:nowrap!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphammoi:before {
  display:none!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphamhot {
  display:none!important;
  position:absolute!important;
  z-index:3!important;
  bottom:auto!important;
  white-space:nowrap!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphamhot:before {
  display:none!important;
}

body #wrapper .product-small.col .box-image>.prd-banchay {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n+1):has(.box-image>.prd-sanphammoi) .box-image>.prd-banchay {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+1):has(.box-image>.prd-sanphammoi) .box-image>.prd-sanphammoi {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n+1):has(.box-image>.prd-sanphammoi) .box-image>.prd-sanphamhot {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+1):not(:has(.box-image>.prd-sanphammoi)):has(.box-image>.prd-sanphamhot) .box-image>.prd-banchay {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+1):not(:has(.box-image>.prd-sanphammoi)):has(.box-image>.prd-sanphamhot) .box-image>.prd-sanphammoi {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+1):not(:has(.box-image>.prd-sanphammoi)):has(.box-image>.prd-sanphamhot) .box-image>.prd-sanphamhot {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n+1):not(:has(.box-image>.prd-sanphammoi)):not(:has(.box-image>.prd-sanphamhot)):has(.box-image>.prd-banchay) .box-image>.prd-banchay {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n+1):not(:has(.box-image>.prd-sanphammoi)):not(:has(.box-image>.prd-sanphamhot)):has(.box-image>.prd-banchay) .box-image>.prd-sanphammoi {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+1):not(:has(.box-image>.prd-sanphammoi)):not(:has(.box-image>.prd-sanphamhot)):has(.box-image>.prd-banchay) .box-image>.prd-sanphamhot {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+2):has(.box-image>.prd-sanphamhot) .box-image>.prd-banchay {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+2):has(.box-image>.prd-sanphamhot) .box-image>.prd-sanphammoi {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+2):has(.box-image>.prd-sanphamhot) .box-image>.prd-sanphamhot {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n+2):not(:has(.box-image>.prd-sanphamhot)):has(.box-image>.prd-banchay) .box-image>.prd-banchay {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n+2):not(:has(.box-image>.prd-sanphamhot)):has(.box-image>.prd-banchay) .box-image>.prd-sanphammoi {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+2):not(:has(.box-image>.prd-sanphamhot)):has(.box-image>.prd-banchay) .box-image>.prd-sanphamhot {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+2):not(:has(.box-image>.prd-sanphamhot)):not(:has(.box-image>.prd-banchay)):has(.box-image>.prd-sanphammoi) .box-image>.prd-banchay {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n+2):not(:has(.box-image>.prd-sanphamhot)):not(:has(.box-image>.prd-banchay)):has(.box-image>.prd-sanphammoi) .box-image>.prd-sanphammoi {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n+2):not(:has(.box-image>.prd-sanphamhot)):not(:has(.box-image>.prd-banchay)):has(.box-image>.prd-sanphammoi) .box-image>.prd-sanphamhot {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n):has(.box-image>.prd-banchay) .box-image>.prd-banchay {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n):has(.box-image>.prd-banchay) .box-image>.prd-sanphammoi {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n):has(.box-image>.prd-banchay) .box-image>.prd-sanphamhot {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n):not(:has(.box-image>.prd-banchay)):has(.box-image>.prd-sanphammoi) .box-image>.prd-banchay {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n):not(:has(.box-image>.prd-banchay)):has(.box-image>.prd-sanphammoi) .box-image>.prd-sanphammoi {
  display:block!important;
}

body #wrapper .product-small.col:nth-child(3n):not(:has(.box-image>.prd-banchay)):has(.box-image>.prd-sanphammoi) .box-image>.prd-sanphamhot {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n):not(:has(.box-image>.prd-banchay)):not(:has(.box-image>.prd-sanphammoi)):has(.box-image>.prd-sanphamhot) .box-image>.prd-banchay {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n):not(:has(.box-image>.prd-banchay)):not(:has(.box-image>.prd-sanphammoi)):has(.box-image>.prd-sanphamhot) .box-image>.prd-sanphammoi {
  display:none!important;
}

body #wrapper .product-small.col:nth-child(3n):not(:has(.box-image>.prd-banchay)):not(:has(.box-image>.prd-sanphammoi)):has(.box-image>.prd-sanphamhot) .box-image>.prd-sanphamhot {
  display:block!important;
}

body #wrapper .product-small.col .box-image:has(>.prd-sanphammoi),body #wrapper .product-small.col .box-image:has(>.prd-sanphamhot) {
  padding-top:29px!important;
}

@media(max-width:699px) {
  body #wrapper .product-small.col .box-image>.prd-banchay,body #wrapper .product-small.col .box-image>.prd-sanphammoi,body #wrapper .product-small.col .box-image>.prd-sanphamhot {
    left:7px!important;
  }

  body #wrapper .product-small.col .box-image:has(>.prd-sanphammoi),body #wrapper .product-small.col .box-image:has(>.prd-sanphamhot) {
    padding-top:24px!important;
  }
}

body.home #wrapper {
  --d2-gold:#87bfff;
}

body.home .dna3-banner {
  border-color:#2c5990!important;
}

body.home .dna3-promo small,body.home .dna3-promo span,body.home .dna3-benefits b,body.home .dna2-more,body.home .dna2-kicker {
  color:#2867a9!important;
}

body.home .dna2-button {
  color:#fff!important;
}

body.home .dna2-form input:focus {
  border-color:#589de1!important;
  box-shadow:0 0 0 2px #559ade20!important;
}

body.home .dna2-form .wpcf7 input[type=submit],body.home .dna2-form .wpcf7 a {
  background:#176fc9!important;
  border-color:#176fc9!important;
  color:#fff!important;
}

/* Neutral retail surfaces, blue reserved for actions */
body.home,body.home #main {
  background:#fff!important;
  color:#242a32!important;
}

body.home #wrapper {
  --d2-ink:#242a32;
  --d2-muted:#6b7280;
  --d2-line:#e6e7e9;
}

body.home .dna3-opening {
  background:#fff!important;
}

body.home .dna3-banner {
  background:#151d29!important;
  border:1px solid #273343!important;
  box-shadow:none!important;
}

body.home .dna3-banner h1 em {
  color:#fff!important;
}

body.home .dna3-banner .dna2-kicker {
  color:#b9c3cf!important;
}

body.home .dna3-banner-image {
  background:#fff!important;
}

body.home .dna3-banner-image small {
  color:#444b55!important;
}

body.home .dna3-promo,body.home .dna3-promo:nth-child(2) {
  background:#f5f5f5!important;
  border-color:#e6e6e6!important;
}

body.home .dna3-promo strong,body.home .dna2-category-title,body.home .dna3-retail-head h2,body.home .dna2-head h2 {
  color:#242a32!important;
}

body.home .dna3-promo small {
  color:#727780!important;
}

body.home .dna3-promo span {
  color:#246bbc!important;
}

body.home .dna3-benefits span {
  color:#666c75!important;
  border-color:#e7e7e7!important;
}

body.home .dna3-benefits b {
  color:#606973!important;
}

body.home .dna2-category {
  background:#fafafa!important;
  border-color:#ececec!important;
}

body.home .dna2-category:hover {
  background:#fff!important;
  border-color:#b6cbe4!important;
  box-shadow:none!important;
}

body.home .dna3-merch {
  background:#f6f6f6!important;
  border-color:#ececec!important;
}

body.home .dna2-products {
  background:#fff;
}

body.home .dna3-retail-head h2:before {
  background:#2776cb!important;
}

body.home .dna3-sublinks a {
  background:#fff!important;
  border-color:#e2e4e7!important;
  color:#60666e!important;
}

body.home .dna3-retail-footer a {
  background:#fff!important;
  color:#3d4652!important;
  border-color:#dfe2e6!important;
}

body.home .dna2-button {
  background:#176fc9!important;
  border-color:#176fc9!important;
  box-shadow:none!important;
}

body.home .dna2-button:hover {
  background:#115ca9!important;
}

body.home .dna2-button.outline {
  background:transparent!important;
  border-color:#7c8796!important;
  color:#fff!important;
  box-shadow:none!important;
}

body.home .dna3-projects {
  background:#f4f4f4!important;
}

body.home .dna3-project-layout h2 {
  color:#242a32!important;
}

body.home .dna3-project-layout p {
  color:#6b7078!important;
}

body.home .dna3-project-layout .dna2-kicker {
  color:#747a82!important;
}

body.home .dna3-project-layout .dna2-button.outline {
  border-color:#d3d7dc!important;
  color:#343d49!important;
  background:#fff!important;
}

body.home .dna3-project-card {
  background:#fff!important;
  border-color:#e0e2e5!important;
}

body.home .dna3-project-card span {
  color:#343d49!important;
}

body.home .dna2-contact-copy {
  background:#1a222d!important;
  border-color:#2d3744!important;
}

body.home .dna2-contact-copy .dna2-kicker {
  color:#b8c2ce!important;
}

body.home .dna2-phone {
  color:#fff!important;
}

body.home .dna2-form>.col-inner {
  border-color:#e3e5e8!important;
}

body.home .dna2-editorial .box {
  border-color:#e3e5e8!important;
}

body.home .dna2-editorial .post-title {
  color:#252d38!important;
}

body #wrapper .product-small.col>.col-inner {
  border-color:#e5e6e8!important;
  box-shadow:none!important;
}

body #wrapper .product-small.col>.col-inner:hover {
  border-color:#aebccc!important;
  box-shadow:0 4px 14px #00000008!important;
}

body #wrapper .product-small.col .box-text.box-text-products {
  background:#fff!important;
}

body #wrapper .product-small.col .product-title a {
  color:#282e37!important;
}

body #wrapper .product-small.col .price-wrapper .gia-lien-he>a {
  background:#fff!important;
  box-shadow:none!important;
}

#footer,#footer .section {
  background:#fff!important;
  color:#666b73!important;
}

#footer h3,#footer h4,#footer strong,#footer a {
  color:#343a44!important;
}

#footer .is-divider {
  background:#e1e3e6!important;
}

body.home #wrapper .dna3-merch {
  background:#f6f6f6!important;
  border-color:#ececec!important;
}

body.home #wrapper .dna2-products {
  background-color:#fff;
}

body.home #wrapper .dna2-products.dna3-merch {
  background:#f6f6f6!important;
}

/* Blue-violet accent limited to the opening banner */
body.home #wrapper .dna3-banner {
  background:radial-gradient(ellipse at 8% 0,#30215e,transparent 65%),#0b1530!important;
  border-color:#4d4d78!important;
}

body.home #wrapper .dna3-banner .dna2-button {
  color:#fff!important;
  box-shadow:none!important;
}

body.home #wrapper .dna3-side .dna3-promo {
  background:#f0eef8!important;
  border-color:#e3deef!important;
}

body.home #wrapper .dna3-side .dna3-promo:nth-child(2) {
  background:#edf3fa!important;
  border-color:#dfe7f1!important;
}

body.home #wrapper .dna3-side .dna3-promo small {
  color:#797382!important;
}

body.home #wrapper .dna3-side .dna3-promo strong {
  color:#272c38!important;
}

#header .header-bottom {
  box-shadow:0 2px 8px #00000025!important;
}

/* Restore the original theme header navy (#000836) */
#header .header-bg-color,#header .header-main,#header .header-bottom,#header .header-wrapper.stuck {
  background:#000836!important;
}

#header .header-main {
  border-bottom:1px solid #101945!important;
}

#header .header-vertical-menu__opener {
  background:#000836!important;
}

/* Match every header tier and sticky state to original navy */
html body #wrapper #header .header-wrapper,html body #wrapper #header .header-wrapper.stuck,html body #wrapper #header .header-top,html body #wrapper #header .header-main,html body #wrapper #header .header-bottom,html body #wrapper #header .header-bg-color,html body #wrapper #header .header-vertical-menu__opener {
  background-color:#000836!important;
  background-image:none!important;
}

html body #wrapper #header .header-main {
  border-bottom:1px solid #101945!important;
}

html body #wrapper #header .header-bottom {
  border-top:0!important;
}

/* Soft blue-violet category navigation */
body.home #wrapper .dna2-category-section {
  background:#fff!important;
}

body.home #wrapper .dna2-category {
  border:1px solid #e4dfef!important;
  border-radius:10px!important;
  transition:background .2s,border-color .2s,transform .2s,box-shadow .2s!important;
}

body.home #wrapper .dna2-category .dna2-category-title {
  font-weight:650!important;
}

body.home #wrapper .dna2-category img {
  mix-blend-mode:multiply!important;
}

@media(prefers-reduced-motion:reduce) {
  body.home #wrapper .dna2-category {
    transition:none!important;
  }

  body.home #wrapper .dna2-category:hover {
    transform:none!important;
  }
}

/* Neutral category tiles, one blue border accent */
body.home #wrapper .dna2-category,body.home #wrapper .dna2-category:nth-child(4n+2),body.home #wrapper .dna2-category:nth-child(4n+3) {
  background:#fafafa!important;
  background-image:none!important;
  border-color:#d5e2f2!important;
  box-shadow:none!important;
}

body.home #wrapper .dna2-category .dna2-category-title {
  color:#303640!important;
}

body.home #wrapper .dna2-category:hover,body.home #wrapper .dna2-category:focus-visible {
  background:#fafafa!important;
  background-image:none!important;
  box-shadow:0 0 0 1px #2776cb!important;
  transform:translateY(-2px)!important;
}

body.home #wrapper .dna2-category:focus-visible {
  outline:2px solid #2776cb!important;
  outline-offset:3px!important;
}

/* Compact category introduction spacing */
body.home #wrapper .dna2-category-section .dna2-head {
  margin-bottom:16px!important;
  padding-bottom:0!important;
}

body.home #wrapper .dna2-category-section .dna2-head h2 {
  margin:0!important;
}

body.home #wrapper .dna3-benefits {
  padding-bottom:0!important;
}

@media(max-width:699px) {
  body.home #content>.dna3-opening {
    padding-bottom:6px!important;
  }

  body.home #content>.dna2-category-section {
    padding-top:14px!important;
    padding-bottom:18px!important;
  }

  body.home #wrapper .dna2-category-section .dna2-head {
    gap:8px!important;
    margin-bottom:14px!important;
    align-items:center!important;
    text-align:center!important;
  }

  body.home #wrapper .dna2-category-section .dna2-head>div {
    margin:0!important;
    padding:0!important;
  }

  body.home #wrapper .dna2-category-section .dna2-head h2 {
    font-size:20px!important;
    line-height:1.35!important;
  }

  body.home #wrapper .dna2-category-section .dna2-head>p {
    margin:0!important;
    padding:0!important;
    line-height:1.5!important;
  }

  body.home #wrapper .dna2-category-section .dna2-more {
    display:inline-block!important;
    margin:0!important;
    padding:0 0 2px!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

  body.home #wrapper .dna3-benefits {
    padding-top:12px!important;
    gap:8px!important;
  }

  body.home #wrapper .dna2-categories {
    margin-top:0!important;
    gap:9px!important;
  }
}

/* Product facts below contact; optional gift always last */
body #wrapper .product-small.col .dna-card-meta {
  border-top:1px solid #e6e9ee!important;
  margin-top:13px!important;
  padding-top:10px!important;
  color:#636c78!important;
  width:100%;
  font-weight:400!important;
}

body #wrapper .product-small.col .dna-card-fact,body #wrapper .product-small.col .dna-card-gift {
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin:0 0 4px!important;
}

body #wrapper .product-small.col .dna-card-fact>span:first-child {
  color:#8b98a8;
  flex:0 0 10px;
}

body #wrapper .product-small.col .dna-card-gift {
  margin-top:6px!important;
  margin-bottom:0!important;
  color:#c43e55!important;
  font-weight:500!important;
}

body #wrapper .product-small.col .dna-card-gift>span:first-child {
  flex:0 0 14px;
}

body #wrapper .product-small.col .dna-card-meta span {
  overflow-wrap:anywhere;
}

body #wrapper .product-small.col .box-text.box-text-products:has(.dna-card-meta) {
  min-height:0!important;
  height:auto!important;
}

body #wrapper .product-small.col .dna-card-meta:empty {
  display:none!important;
}

@media(max-width:699px) {
  body #wrapper .product-small.col .dna-card-meta {
    margin-top:11px!important;
    padding-top:9px!important;
  }

  body #wrapper .product-small.col .dna-card-fact,body #wrapper .product-small.col .dna-card-gift {
    gap:5px!important;
  }
}

body #wrapper .product-small.col .dna-card-fact>i {
  display:inline-block!important;
  flex:0 0 13px!important;
  width:13px!important;
  text-align:center!important;
  color:#52759b!important;
  line-height:1!important;
}

body #wrapper .product-small.col .dna-card-fact>span {
  flex:1 1 auto!important;
  color:#636c78!important;
}

@media(max-width:699px) {
  body #wrapper .product-small.col .dna-card-fact>i {
    width:12px!important;
    flex-basis:12px!important;
  }
}

/* Unit marker: simple round dot */
body #wrapper .dna-card-fact>i.fa-box {
  font-family:inherit!important;
  font-weight:400!important;
  font-size:13px!important;
}

body #wrapper .dna-card-fact>i.fa-box:before {
  content:"•"!important;
}

/* Readable product facts */
body #wrapper .product-small.col .dna-card-meta,body #wrapper .product-small.col .dna-card-fact,body #wrapper .product-small.col .dna-card-gift {
  font-size:13px!important;
  line-height:1.65!important;
}

body #wrapper .product-small.col .dna-card-fact>i {
  font-size:11px!important;
  margin-top:5px!important;
}

body #wrapper .product-small.col .dna-card-fact>i.fa-box {
  font-size:15px!important;
}

@media(max-width:699px) {
  body #wrapper .product-small.col .dna-card-meta,body #wrapper .product-small.col .dna-card-fact,body #wrapper .product-small.col .dna-card-gift {
    font-size:12px!important;
    line-height:1.6!important;
  }

  body #wrapper .product-small.col .dna-card-fact>i {
    font-size:10px!important;
    margin-top:4px!important;
  }
}

/* Category shelves: title, navigation chips, products, view all */
body.home #wrapper .dna3-retail-head {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:0 0 20px!important;
}

body.home #wrapper .dna3-retail-head h2 {
  font-size:23px!important;
  line-height:1.35!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
  margin:0!important;
  flex:none!important;
}

body.home #wrapper .dna3-retail-head h2:before {
  display:none!important;
}

body.home #wrapper .dna3-retail-head>.dna3-sublinks {
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}

body.home #wrapper .dna3-sublinks a {
  background:#f1f3f6!important;
  border:1px solid transparent!important;
  color:#343e4c!important;
  font-size:13px!important;
  padding:9px 17px!important;
  border-radius:22px!important;
  line-height:1.5!important;
  font-weight:500!important;
  white-space:nowrap!important;
}

body.home #wrapper .dna3-retail-footer {
  margin:16px 0 0!important;
  text-align:center!important;
}

body.home #wrapper .dna3-retail-footer a {
  border:1px solid #2776cb!important;
  border-radius:7px!important;
  padding:9px 18px!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:650!important;
}

body.home #wrapper .dna2-products {
  overflow:hidden;
}

body.home #wrapper .dna2-products .row-slider {
  margin-bottom:0!important;
}

body.home #wrapper .dna2-products .flickity-prev-next-button {
  background:#f4f6f9e8!important;
  border:1px solid #e1e5eb!important;
  border-radius:50%!important;
  color:#344658!important;
  box-shadow:none!important;
}

@media(max-width:699px) {
  body.home #wrapper .dna3-retail-head {
    gap:9px!important;
    margin-bottom:16px!important;
  }

  body.home #wrapper .dna3-retail-head h2 {
    font-size:19px!important;
    line-height:1.4!important;
  }

  body.home #wrapper .dna3-retail-head>.dna3-sublinks {
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    padding-bottom:3px!important;
    scrollbar-width:none;
  }

  body.home #wrapper .dna3-sublinks::-webkit-scrollbar {
    display:none;
  }

  body.home #wrapper .dna3-sublinks a {
    font-size:12px!important;
    padding:8px 14px!important;
    flex-shrink:0!important;
  }

  body.home #wrapper .dna2-products .row-slider .flickity-slider>.product-small.col {
    width:43.47826%!important;
    max-width:43.47826%!important;
    flex-basis:43.47826%!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  body.home #wrapper .dna2-products .row-slider {
    margin-left:-6px!important;
    margin-right:-6px!important;
  }

  body.home #wrapper .dna2-products .flickity-prev-next-button {
    display:none!important;
  }

  body.home #wrapper .dna2-products .product-small.col .box-image {
    padding:10px!important;
    padding-top:25px!important;
  }

  body.home #wrapper .dna2-products .product-small.col .box-text.box-text-products {
    padding:10px!important;
  }

  body.home #wrapper .dna3-retail-footer a {
    font-size:12px!important;
    padding:8px 16px!important;
  }
}

/* Vivid ACF product badges across the shop */
body #wrapper .product-small.col .box-image>.prd-banchay {
  border:1px solid #00975f!important;
  box-shadow:none!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphammoi {
  border:1px solid #0868ed!important;
  box-shadow:none!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphamhot {
  border:1px solid #f02446!important;
  box-shadow:none!important;
}

body #wrapper .product-small.col .box-image>.prd-banchay,body #wrapper .product-small.col .box-image>.prd-sanphammoi,body #wrapper .product-small.col .box-image>.prd-sanphamhot {
  font-weight:650!important;
  border-radius:5px!important;
}

/* Lightweight colored status badges */
body #wrapper .product-small.col .box-image>.prd-banchay {
  background:transparent!important;
  border-color:#a1dfc8!important;
  color:#009b64!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphammoi {
  background:transparent!important;
}

body #wrapper .product-small.col .box-image>.prd-sanphamhot {
  background:transparent!important;
  border-color:#ffc1cc!important;
  color:#c81946!important;
}

/* ACF brand mark and status: balanced thumbnail corners */
body #wrapper .product-small.col .box-image>.prd-anhthuonghieu {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:absolute!important;
  right:auto!important;
  padding:2px!important;
  background:#fff!important;
  z-index:4!important;
  pointer-events:none;
}

body #wrapper .product-small.col .box-image>.prd-anhthuonghieu img {
  display:block!important;
  position:static!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
  margin:0!important;
}

body #wrapper .product-small.col .box-image>.prd-banchay,body #wrapper .product-small.col .box-image>.prd-sanphammoi,body #wrapper .product-small.col .box-image>.prd-sanphamhot {
  left:auto!important;
  max-width:47%!important;
}

@media(max-width:699px) {
  body #wrapper .product-small.col .box-image>.prd-banchay,body #wrapper .product-small.col .box-image>.prd-sanphammoi,body #wrapper .product-small.col .box-image>.prd-sanphamhot {
    max-width:47%!important;
  }
}

/* Consistent card facts area and larger thumbnail marks */
body #wrapper .product-small.col .dna-card-meta {
  min-height:62px!important;
}

body #wrapper .product-small.col .box-image>.prd-anhthuonghieu {
  width:82px!important;
  height:29px!important;
  max-width:43%!important;
  top:10px!important;
  left:10px!important;
}

body #wrapper .product-small.col .box-image>.prd-anhthuonghieu img {
  max-height:25px!important;
}

body #wrapper .product-small.col .box-image>.prd-banchay,body #wrapper .product-small.col .box-image>.prd-sanphammoi,body #wrapper .product-small.col .box-image>.prd-sanphamhot {
  font-size:11px!important;
  padding:5px 8px!important;
  top:10px!important;
  right:10px!important;
  line-height:1.25!important;
}

@media(max-width:699px) {
  body #wrapper .product-small.col .dna-card-meta {
    min-height:58px!important;
  }

  body #wrapper .product-small.col .box-image>.prd-anhthuonghieu {
    width:62px!important;
    height:24px!important;
    top:7px!important;
    left:7px!important;
    max-width:43%!important;
  }

  body #wrapper .product-small.col .box-image>.prd-anhthuonghieu img {
    max-height:20px!important;
  }

  body #wrapper .product-small.col .box-image>.prd-banchay,body #wrapper .product-small.col .box-image>.prd-sanphammoi,body #wrapper .product-small.col .box-image>.prd-sanphamhot {
    font-size:9px!important;
    padding:4px 5px!important;
    top:7px!important;
    right:7px!important;
  }
}
/* Keep brand names to one line so product cards stay aligned. */
body #wrapper .product-small.col .dna-card-fact:has(>i.fa-tag){min-width:0!important;width:100%!important}body #wrapper .product-small.col .dna-card-fact:has(>i.fa-tag)>span{display:block!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow-wrap:normal!important}

/* Product card titles: two lines across every screen size. */
body #wrapper .product-small.col .product-title{height:39px!important;min-height:39px!important;max-height:39px!important;line-height:1.5!important;overflow:hidden!important}body #wrapper .product-small.col .product-title a{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.5!important}@media(max-width:699px){body #wrapper .product-small.col .product-title{height:36px!important;min-height:36px!important;max-height:36px!important}body #wrapper .product-small.col .product-title a{-webkit-line-clamp:2!important}}

/* Contact form: one submit button, no link wrapper or trailing color bar. */
.dn-contact-submit-row{display:flex;align-items:center;gap:10px;background:transparent!important;border:0!important;padding:0!important;margin:8px 0 0!important}.dn-contact-submit-row p{display:flex;align-items:center;gap:10px;margin:0!important}.dn-contact-submit-row input.wpcf7-submit{display:inline-flex!important;width:auto!important;min-width:148px!important;height:44px!important;min-height:44px!important;padding:0 20px!important;margin:0!important;color:#fff!important;border:0!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important;line-height:44px!important;cursor:pointer}.dn-contact-submit-row .wpcf7-spinner{margin:0!important;flex:0 0 24px}.dn-contact-submit-row input:focus-visible{outline:3px solid #8bbaf0!important;outline-offset:3px}
/* Shopping suggestions: soft blue shelf, no redundant All chip. */
body.home #wrapper #content>.dna2-products.dna3-merch{background:#f1edfb!important;background-image:none!important;border-color:#e6def5!important}body.home #wrapper .dna3-merch .dna3-retail-head>.dna3-sublinks{display:none!important}body.home #wrapper .dna3-merch .dna3-retail-head{gap:0!important}
/* Balanced suggestion shelf spacing, without doubled card/footer gaps. */
body.home #wrapper #content>.dna2-products.dna3-merch{padding-top:26px!important;padding-bottom:24px!important}body.home #wrapper .dna3-merch .dna3-retail-head{margin-bottom:18px!important}body.home #wrapper .dna3-merch .product-small.col{padding-bottom:0!important}body.home #wrapper .dna3-merch .dna3-retail-footer{margin-top:18px!important;margin-bottom:0!important}body.home #wrapper .dna3-merch .dna3-retail-footer p{margin:0!important}@media(max-width:699px){body.home #wrapper #content>.dna2-products.dna3-merch{padding-top:20px!important;padding-bottom:20px!important}body.home #wrapper .dna3-merch .dna3-retail-head{margin-bottom:16px!important}body.home #wrapper .dna3-merch .dna3-retail-footer{margin-top:16px!important}}
/* Scrollable brand strip: native touch, mouse dragging, keyboard arrows. */
body.home #wrapper .dna2-brands{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;max-width:100%!important;margin:0!important;padding:2px 0 10px!important;cursor:grab;scrollbar-width:thin;scrollbar-color:#c4cee1 transparent;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}body.home #wrapper .dna2-brands>li{display:block!important;flex:0 0 calc((100% - 84px)/8)!important;min-width:128px!important;margin:0!important;list-style:none!important}body.home #wrapper .dna2-brands a{height:66px!important;padding:13px!important;background:#fff!important;border:1px solid #e0e5ee!important;border-radius:6px!important;user-select:none;-webkit-user-drag:none}body.home #wrapper .dna2-brands img{pointer-events:none;user-select:none;-webkit-user-drag:none;max-height:36px!important;max-width:100%!important;object-fit:contain!important}body.home #wrapper .dna2-brands.is-dragging,body.home #wrapper .dna2-brands.is-dragging a{cursor:grabbing!important}body.home #wrapper .dna2-brands:focus-visible{outline:2px solid #2776cb;outline-offset:4px}@media(max-width:699px){body.home #wrapper .dna2-brands{gap:10px!important;scrollbar-width:none;padding-bottom:2px!important}body.home #wrapper .dna2-brands::-webkit-scrollbar{display:none}body.home #wrapper .dna2-brands>li{flex-basis:108px!important;min-width:108px!important}body.home #wrapper .dna2-brands a{height:60px!important;padding:11px!important}}
/* Project section: restrained violet background. */
body.home #wrapper #content>.dna3-projects{background:#f1edfb!important;background-image:none!important}
/* Violet reload control on phones. */

/* Mobile audio magazine: lead story followed by compact editorial rows. */
@media(max-width:699px){
body.home #wrapper #content>.dna2-editorial{padding-top:26px!important;padding-bottom:26px!important;background:#fff!important}
body.home #wrapper .dna2-editorial .dna2-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;border-bottom:2px solid #172442!important}
body.home #wrapper .dna2-editorial .dna2-head .dna2-kicker{font-size:10px!important;letter-spacing:1.8px!important;color:#7951c6!important;margin:0 0 7px!important;font-weight:750!important}
body.home #wrapper .dna2-editorial .dna2-head h2{letter-spacing:-.4px!important;text-align:left!important;}
body.home #wrapper .dna2-editorial .dna2-head>p{line-height:1.4!important}
body.home #wrapper .dna2-editorial .dna2-more{color:#7951c6!important;border-color:#ded2f2!important}
body.home #wrapper .dna2-editorial .post-item{width:100%!important;max-width:100%!important;flex-basis:100%!important;padding-bottom:0!important}
body.home #wrapper .dna2-editorial .post-item .box-blog-post{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}
body.home #wrapper .dna2-editorial .post-item .box-image,body.home #wrapper .dna2-editorial .post-item .image-cover,body.home #wrapper .dna2-editorial .post-item .box-image img{border-radius:6px!important}
body.home #wrapper .dna2-editorial .post-item .button{display:none!important}
body.home #wrapper .dna2-editorial .post-item:first-child{margin-bottom:20px!important}
body.home #wrapper .dna2-editorial .post-item:first-child .box-image{width:100%!important;margin:0!important}
body.home #wrapper .dna2-editorial .post-item:first-child .image-cover{padding-top:56.25%!important}
body.home #wrapper .dna2-editorial .post-item:first-child .box-text{padding:13px 0 0!important}
body.home #wrapper .dna2-editorial .post-item:first-child .post-title{font-size:20px!important;line-height:1.35!important;font-weight:750!important;margin:0 0 7px!important;letter-spacing:-.25px!important}
body.home #wrapper .dna2-editorial .post-item:first-child .post-title a{-webkit-line-clamp:3!important;max-height:none!important;line-height:inherit!important}
body.home #wrapper .dna2-editorial .post-item .post-meta{font-size:10px!important;color:#84909d!important;margin:0!important;line-height:1.5!important}
body.home #wrapper .dna2-editorial .post-item:first-child .from_the_blog_excerpt{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:13px!important;line-height:1.65!important;color:#677585!important;margin:8px 0 0!important}
body.home #wrapper .dna2-editorial .post-item:not(:first-child) .box-blog-post{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:13px!important;align-items:start!important;padding:16px 0!important;border-top:1px solid #e4e8ee!important}
body.home #wrapper .dna2-editorial .post-item:not(:first-child) .box-image{width:110px!important;margin:0!important}
body.home #wrapper .dna2-editorial .post-item:not(:first-child) .image-cover{padding-top:75%!important}
body.home #wrapper .dna2-editorial .post-item:not(:first-child) .box-text{display:block!important;width:100%!important;min-width:0!important;padding:0!important}
body.home #wrapper .dna2-editorial .post-item:not(:first-child) .post-title{font-size:14px!important;line-height:1.45!important;font-weight:700!important;margin:0 0 7px!important;letter-spacing:0!important}
body.home #wrapper .dna2-editorial .post-item:not(:first-child) .post-title a{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;max-height:none!important;line-height:inherit!important}
body.home #wrapper .dna2-editorial .post-item:not(:first-child) .from_the_blog_excerpt{display:none!important}
}

/* Inset project photos evenly inside their white cards. */
body.home #wrapper .dna3-project-card{padding:14px!important;background:#fff!important}body.home #wrapper .dna3-project-card figure{margin:0!important;padding:0!important;width:100%!important;border-radius:5px!important;overflow:hidden!important}body.home #wrapper .dna3-project-card figure img{display:block!important;width:100%!important;margin:0!important;border-radius:5px!important}body.home #wrapper .dna3-project-card>a{display:block!important;padding:13px 0 4px!important;margin:0!important}body.home #wrapper .dna3-project-card>a span{padding:0!important}@media(max-width:699px){body.home #wrapper .dna3-project-card{padding:12px!important}}
/* DN Audio — night stage identity, clean retail surfaces. */
body.home #wrapper .dna3-banner{background:radial-gradient(ellipse at 0 0,#392369 0,transparent 58%),radial-gradient(ellipse at 100% 100%,#15284e 0,transparent 52%),#080e20!important;border:1px solid #393752!important;box-shadow:0 10px 30px #0b102414!important}
body.home #wrapper .dna3-banner h1{color:#fff!important}
body.home #wrapper .dna3-banner h1 em{color:#c6bbff!important}
body.home #wrapper .dna3-banner .dna2-kicker{color:#c4b9f2!important;letter-spacing:1.6px!important}
body.home #wrapper .dna3-banner .dna2-button{background:#7353d5!important;border-color:#9275e7!important;border-radius:7px!important;box-shadow:0 4px 18px #7353d52b!important}
body.home #wrapper .dna3-banner .dna2-button:hover{background:#6544c4!important}
body.home #wrapper #content>.dna2-products.dna3-merch{background:radial-gradient(ellipse at 0 0,#31224f 0,transparent 65%),#101426!important;border-top:1px solid #352c4c!important;border-bottom:1px solid #352c4c!important}
body.home #wrapper .dna3-merch .dna3-retail-head h2{color:#fff!important;letter-spacing:.2px!important}
body.home #wrapper .dna3-merch .dna3-retail-footer a{background:transparent!important;box-shadow:none!important}
body.home #wrapper .dna3-merch .dna3-retail-footer a:hover{background:#2d2348!important;}
body.home #wrapper #content>.dna3-projects{background:radial-gradient(ellipse at 100% 0,#342154 0,transparent 64%),#0d1425!important;border-top:1px solid #2d2943!important;border-bottom:1px solid #2d2943!important}
body.home #wrapper .dna3-project-layout h2{color:#fff!important}
body.home #wrapper .dna3-project-layout p{color:#b8c0d1!important}
body.home #wrapper .dna3-project-layout .dna2-kicker{color:#baa5ed!important;letter-spacing:1.6px!important}
body.home #wrapper .dna3-project-layout .dna2-button.outline{background:transparent!important;border-color:#82709f!important;color:#eee8ff!important;border-radius:7px!important}
body.home #wrapper .dna3-project-layout .dna2-button.outline:hover{background:#2a2241!important;border-color:#b7a1e4!important}
body.home #wrapper .dna3-project-card{border-color:#dedee7!important;box-shadow:0 8px 24px #02071224!important}
body.home #wrapper .dna2-contact-copy{background:radial-gradient(ellipse at 0 0,#31224f 0,transparent 66%),#0d1425!important;border:1px solid #302d47!important}
body.home #wrapper .dna2-contact-copy .dna2-kicker{color:#bba8ec!important}
body.home #wrapper .dna2-contact-copy .dna2-button{background:#7353d5!important;border-color:#8c70d9!important;border-radius:7px!important}
body.home #wrapper .dna2-contact-copy .dna2-button.outline{background:transparent!important;border-color:#80728f!important}
body.home #wrapper .dna2-category{border-color:#e0e2ed!important}
body.home #wrapper .dna2-category:hover,body.home #wrapper .dna2-category:focus-visible{border-color:#8465cc!important;box-shadow:0 0 0 1px #8465cc!important}
body.home #wrapper .dna2-category:hover .dna2-category-title{color:#6d49bb!important}
body.home #wrapper .dna2-brands a:hover{border-color:#9b82cc!important}

/* Preserve violet stage backgrounds; deepen remaining blue accents. */
body.home #wrapper .dna3-sublinks a.is-active{background:#123b83!important;border-color:#123b83!important;color:#fff!important}
body.home #wrapper .dna3-sublinks a.is-active:hover{background:#0b2b63!important;border-color:#0b2b63!important}
body.home #wrapper .dna3-sublinks a:hover{border-color:#17488e!important;color:#123b83!important}
body.home #wrapper .dna3-sublinks a.is-active:hover{color:#fff!important}
body #wrapper .product-small.col .price-wrapper .gia-lien-he>a{color:#123b83!important;border-color:#bbcce4!important}
body #wrapper .product-small.col .price-wrapper .gia-lien-he>a:hover{background:#f0f4fb!important;border-color:#17488e!important;color:#0b2b63!important}
body.home #wrapper .dna3-retail-footer a{color:#123b83!important;border-color:#17488e!important}
body.home #wrapper .dna3-merch .dna3-retail-footer a{color:#ddd3ff!important;border-color:#8870bd!important}
body.home #wrapper .dna3-merch .dna3-retail-footer a:hover{color:#fff!important;border-color:#b7a1e4!important}
body.home #wrapper .dna2-category-section .dna2-more{color:#123b83!important;border-color:#b5c7df!important}
body.home #wrapper .dna3-side .dna3-promo span{color:#163f83!important}
body #wrapper .product-small.col .box-image>.prd-sanphammoi{color:#123b83!important;border-color:#b1c7e6!important}
.dn-contact-submit-row input.wpcf7-submit{background:#123b83!important}
.dn-contact-submit-row input.wpcf7-submit:hover{background:#0b2b63!important}

/* Compact editorial heading on phones. */
@media(max-width:699px){body.home #wrapper .dna2-editorial .dna2-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:16px!important;padding-bottom:10px!important}body.home #wrapper .dna2-editorial .dna2-head>div{min-width:0!important;flex:1!important}body.home #wrapper .dna2-editorial .dna2-head .dna2-kicker{display:none!important}body.home #wrapper .dna2-editorial .dna2-head h2{font-size:18px!important;line-height:1.35!important;letter-spacing:-.3px!important;margin:0!important;max-width:none!important;white-space:nowrap!important}body.home #wrapper .dna2-editorial .dna2-head>p{flex-shrink:0!important;margin:0!important}body.home #wrapper .dna2-editorial .dna2-more{font-size:11px!important;white-space:nowrap!important}}
/* Show All only alongside multiple brand choices; remove empty chip rows. */
body.home #wrapper .dna3-sublinks:not(:has(a[href*="/brand/"]~a[href*="/brand/"])) a.is-active{display:none!important}body.home #wrapper .dna3-retail-head>.dna3-sublinks:not(:has(a:not(.is-active))){display:none!important}
body.home #wrapper .dna3-merch .dna-accessory-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
/* Home video feed — compact channel cards and a looping short-video rail. */
body.home #wrapper #content>.dna-home-feed{background:#fff!important;padding:30px 0!important;border-bottom:1px solid #e8e9f0!important}
body.home #wrapper .dna-home-feed .dna-feed-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #e5e2ee}
body.home #wrapper .dna-home-feed .dna-feed-head h2{font-size:23px;line-height:1.35;color:#132131;margin:0;font-weight:700}
body.home #wrapper .dna-home-feed .dna-feed-head>a{font-size:12px;font-weight:650;color:#6d49bb;white-space:nowrap}
body.home #wrapper .dna-feed-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}
body.home #wrapper .dna-feed-channels>div{min-width:0}
body.home #wrapper .dna-home-feed .yt-channel-box,body.home #wrapper .dna-home-feed .tt-card{display:flex!important;gap:14px!important;width:100%!important;max-width:none!important;height:180px!important;min-height:180px!important;margin:0!important;padding:18px!important;border-radius:12px!important;box-shadow:none!important;border:1px solid #e3dfed!important;overflow:hidden!important}
body.home #wrapper .dna-home-feed .yt-channel-box{background:#fff!important;border-top:3px solid #ed3038!important}
body.home #wrapper .dna-home-feed .tt-card{background:radial-gradient(ellipse at 100% 0,#35234c,transparent 70%),#0c101c!important;border-color:#2c263e!important;border-top:3px solid #8b66cd!important}
body.home #wrapper .dna-home-feed .yt-channel-avatar,body.home #wrapper .dna-home-feed .tt-avatar{flex:0 0 52px}
body.home #wrapper .dna-home-feed .yt-channel-avatar img,body.home #wrapper .dna-home-feed .tt-avatar img{width:52px!important;height:52px!important;object-fit:cover!important;border-radius:50%!important}
body.home #wrapper .dna-home-feed .yt-channel-info,body.home #wrapper .dna-home-feed .tt-main{min-width:0;flex:1}
body.home #wrapper .dna-home-feed .yt-channel-name,body.home #wrapper .dna-home-feed .tt-name{font-size:16px!important;line-height:1.4!important;font-weight:700!important}
body.home #wrapper .dna-home-feed .yt-channel-meta,body.home #wrapper .dna-home-feed .tt-handle{font-size:11px!important;line-height:1.5!important;margin:3px 0 7px!important}
body.home #wrapper .dna-home-feed .yt-channel-desc,body.home #wrapper .dna-home-feed .tt-bio{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:12px!important;line-height:1.5!important;margin:6px 0 10px!important}
body.home #wrapper .dna-home-feed .tt-stats{gap:12px!important;margin:5px 0!important;font-size:11px!important;display:flex!important;flex-wrap:wrap!important}
body.home #wrapper .dna-home-feed .tt-stat{gap:4px!important}.home #wrapper .dna-home-feed .tt-stat b{font-size:12px!important}.home #wrapper .dna-home-feed .tt-stat span{font-size:10px!important}
body.home #wrapper .dna-home-feed .yt-channel-link,body.home #wrapper .dna-home-feed .tt-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;width:max-content!important;padding:6px 12px!important;border-radius:6px!important;font-size:11px!important;line-height:1.4!important;margin:0!important;box-shadow:none!important}
body.home #wrapper .dna-home-feed .yt-channel-link{background:#d8202b!important;color:#fff!important}.home #wrapper .dna-home-feed .tt-btn{background:#fff!important;color:#151022!important;border:1px solid #c6b3e8!important}
body.home #wrapper .dna-feed-video-shell{position:relative}
body.home #wrapper .dna-feed-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}
body.home #wrapper .dna-feed-controls>span{font-size:11px;color:#7d8491}.home #wrapper .dna-feed-controls>div{display:flex;gap:7px}
body.home #wrapper .dna-feed-controls button{display:flex;align-items:center;justify-content:center;background:#fff!important;color:#624291!important;border:1px solid #dfd5ed!important;border-radius:7px!important;width:36px!important;height:32px!important;min-height:32px!important;padding:0!important;margin:0!important;font-size:21px!important;line-height:1!important}
body.home #wrapper .dna-home-feed .yt-mobile-slider{display:none!important}
body.home #wrapper .dna-home-feed .yt-desktop-grid{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 3px!important;cursor:grab}
body.home #wrapper .dna-home-feed .yt-desktop-grid::-webkit-scrollbar{display:none}
body.home #wrapper .dna-home-feed .yt-item{flex:0 0 calc((100% - 72px)/5.5)!important;min-width:0!important;width:auto!important;margin:0!important;user-select:none}
body.home #wrapper .dna-home-feed .yt-lite{padding-top:177.78%!important;border-radius:9px!important;overflow:hidden!important;background:#0a0e1b!important}
body.home #wrapper .dna-home-feed .yt-lite img{pointer-events:none;user-select:none;-webkit-user-drag:none;object-fit:cover!important}
body.home #wrapper .dna-home-feed .yt-title{font-size:12px!important;line-height:1.55!important;font-weight:650!important;margin:9px 0 0!important;min-height:37px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;color:#202b3e!important}
body.home #wrapper .dna-home-feed .yt-meta{font-size:10px!important;line-height:1.4!important;margin-top:4px!important;color:#89909a!important}
body.home #wrapper .dna-home-feed .yt-play{width:40px!important;height:40px!important;background:#111128aa!important}
body.home #wrapper .dna-home-feed .yt-lite:focus-visible{outline:3px solid #a48bda;outline-offset:3px}
body.home #wrapper .dna-home-feed .dna-video-close{position:absolute;top:7px;right:7px;z-index:3;width:30px;height:30px;min-height:30px;margin:0;padding:0;background:#101323dd;color:#fff;border:1px solid #ffffff60;border-radius:50%;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}
@media(max-width:699px){body.home #wrapper #content>.dna-home-feed{padding:24px 0!important}body.home #wrapper .dna-home-feed .dna-feed-head{margin-bottom:14px!important;padding-bottom:10px!important}body.home #wrapper .dna-home-feed .dna-feed-head h2{font-size:19px!important}.home #wrapper .dna-home-feed .dna-feed-head>a{font-size:11px!important}body.home #wrapper .dna-feed-channels{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:16px!important}body.home #wrapper .dna-home-feed .yt-channel-box,body.home #wrapper .dna-home-feed .tt-card{height:148px!important;min-height:148px!important;padding:14px!important;gap:11px!important}body.home #wrapper .dna-home-feed .yt-channel-avatar,body.home #wrapper .dna-home-feed .tt-avatar{flex-basis:42px!important}body.home #wrapper .dna-home-feed .yt-channel-avatar img,body.home #wrapper .dna-home-feed .tt-avatar img{width:42px!important;height:42px!important}body.home #wrapper .dna-home-feed .yt-channel-name,body.home #wrapper .dna-home-feed .tt-name{font-size:14px!important}body.home #wrapper .dna-home-feed .yt-channel-desc{font-size:11px!important;line-height:1.5!important}.home #wrapper .dna-home-feed .tt-bio{display:none!important}body.home #wrapper .dna-home-feed .yt-desktop-grid{gap:12px!important}body.home #wrapper .dna-home-feed .yt-item{flex-basis:44%!important}body.home #wrapper .dna-home-feed .yt-title{font-size:12px!important}.home #wrapper .dna-feed-controls>span{font-size:10px!important}}

body.home #wrapper .dna-home-feed .dna-feed-head p{margin:0!important;flex-shrink:0!important;white-space:nowrap!important;line-height:1.5!important}body.home #wrapper .dna-home-feed .dna-feed-head a{font-size:12px!important;font-weight:650!important;color:#6d49bb!important;white-space:nowrap!important;display:inline-block!important}@media(max-width:699px){body.home #wrapper .dna-home-feed .dna-feed-head a{font-size:11px!important}}
/* Two channel cards in one mobile row */
@media(max-width:849px){body.home #wrapper .dna-home-feed .dna-feed-channels{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:18px!important}body.home #wrapper .dna-home-feed .dna-feed-channels>div{min-width:0}body.home #wrapper .dna-home-feed .yt-channel-box,body.home #wrapper .dna-home-feed .tt-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:155px!important;height:155px!important;padding:10px!important;gap:6px!important}body.home #wrapper .dna-home-feed .yt-channel-avatar,body.home #wrapper .dna-home-feed .tt-avatar{width:30px!important;height:30px!important;min-width:30px!important}body.home #wrapper .dna-home-feed .yt-channel-info,body.home #wrapper .dna-home-feed .tt-main{width:100%;min-width:0}body.home #wrapper .dna-home-feed .yt-channel-title,body.home #wrapper .dna-home-feed .tt-title{display:flex!important;gap:4px!important;align-items:center!important;white-space:nowrap!important}body.home #wrapper .dna-home-feed .yt-channel-name,body.home #wrapper .dna-home-feed .tt-name{font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.home #wrapper .dna-home-feed .yt-yticon-img,body.home #wrapper .dna-home-feed .tt-logo{width:16px!important;height:16px!important;object-fit:contain}body.home #wrapper .dna-home-feed .yt-channel-meta{font-size:0!important;line-height:15px!important;margin:3px 0 7px!important}body.home #wrapper .dna-home-feed .yt-channel-meta:after{content:'@ducnguyenaudio';font-size:10px}body.home #wrapper .dna-home-feed .tt-handle{font-size:10px!important;line-height:15px!important;margin:3px 0 7px!important}body.home #wrapper .dna-home-feed .yt-channel-link,body.home #wrapper .dna-home-feed .tt-btn{font-size:10px!important;padding:5px 8px!important;min-height:30px!important;height:30px!important}.dna-home-feed .dna-feed-controls{display:none!important}}

@media(max-width:849px){body.home #wrapper .dna-home-feed .dna-feed-channels .yt-channel-box,body.home #wrapper .dna-home-feed .dna-feed-channels .tt-card{height:155px!important;min-height:155px!important;max-height:155px!important}body.home #wrapper .dna-home-feed .dna-feed-channels .yt-channel-meta{font-size:0!important;height:15px!important;overflow:hidden!important;line-height:15px!important}body.home #wrapper .dna-home-feed .dna-feed-head h2{font-size:15px!important;letter-spacing:-.3px!important}body.home #wrapper .dna-home-feed .dna-feed-head{gap:8px!important}}

/* DN Audio shared retail product card */
body #wrapper #main .col:has(>.col-inner>.product-small.box)>.col-inner{height:100%!important;background:#fff!important;border:1px solid #e5e6e8!important;border-radius:12px!important;overflow:hidden!important;padding:0!important;box-shadow:none!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box)>.col-inner:hover{border-color:#b6c7df!important;box-shadow:0 5px 18px #1321310b!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .product-small.box{display:flex!important;flex-direction:column!important;height:100%!important;background:#fff!important;border:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image{position:relative!important;background:#fff!important;padding:29px 16px 16px!important;aspect-ratio:1.12!important;width:100%!important;margin:0!important;border-bottom:1px solid #eef0f4!important;overflow:hidden!important;flex:none!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image>div:has(>a>img){height:100%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image>div:has(>a>img)>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image>div:has(>a>img)>a>img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-text{display:flex!important;flex-direction:column!important;padding:15px 16px 16px!important;background:#fff!important;text-align:left!important;min-height:0!important;flex:1!important;width:100%!important;margin:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .category{display:none!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .product-title{font-size:13px!important;font-weight:650!important;line-height:19.5px!important;min-height:39px!important;height:39px!important;max-height:39px!important;margin:0 0 12px!important;overflow:hidden!important;letter-spacing:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .product-title a{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;color:#282e37!important;margin:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .price-wrapper{margin:0!important;min-height:35px!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .gia-lien-he{margin:0!important;line-height:1!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) :is(.gia-lien-he>a,a.custom-price-text){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:34px!important;padding:9px 13px!important;background:#fff!important;border:1px solid #bbcce4!important;border-radius:7px!important;color:#123b83!important;font-size:12px!important;font-weight:700!important;line-height:14px!important;text-decoration:none!important;box-shadow:none!important;margin:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) :is(.gia-lien-he>a,a.custom-price-text):hover{background:#f0f4fb!important;border-color:#17488e!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .dna-card-meta{display:block!important;border-top:1px solid #e0e5ed!important;margin:13px 0 0!important;padding:10px 0 0!important;min-height:62px!important;font-size:13px!important;line-height:1.65!important;color:#636c78!important;text-align:left!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .dna-card-fact{display:flex!important;align-items:flex-start!important;gap:7px!important;margin:0 0 4px!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .dna-card-fact>span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .dna-card-fact>i{flex:0 0 13px!important;width:13px!important;color:#52759b!important;font-size:12px!important;margin-top:5px!important;text-align:center!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .dna-card-fact>i.fa-box:before{content:'•'!important;font-family:Arial,sans-serif!important;font-size:15px!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-anhthuonghieu{position:absolute!important;top:10px!important;left:10px!important;right:auto!important;width:82px!important;max-width:43%!important;height:29px!important;padding:2px!important;margin:0!important;background:#fff!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-anhthuonghieu img{position:static!important;object-fit:contain!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:25px!important;margin:0!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image>:is(.prd-banchay,.prd-sanphammoi,.prd-sanphamhot){position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;display:block!important;font-size:11px!important;font-weight:650!important;line-height:1.25!important;padding:5px 8px!important;background:transparent!important;border:1px solid!important;border-radius:5px!important;margin:0!important;max-width:47%!important;z-index:4!important;box-shadow:none!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-banchay{color:#00734f!important;border-color:#93dfc5!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-sanphammoi{color:#123b83!important;border-color:#b1c7e6!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-sanphamhot{color:#c81946!important;border-color:#ffc1cc!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image:has(.prd-sanphamhot)>.prd-banchay,body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image:has(.prd-sanphamhot)>.prd-sanphammoi,body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image:has(.prd-sanphammoi):not(:has(.prd-sanphamhot))>.prd-banchay{display:none!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-tragop{display:none!important}
body #wrapper #main .col:has(>.col-inner>.product-small.box) .dna-card-gift{margin-top:7px!important;padding-top:5px!important;font-size:12px!important;line-height:1.5!important;color:#d93957!important}
@media(max-width:849px){body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image{padding:29px 12px 12px!important;aspect-ratio:1!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-text{padding:12px!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .product-title{font-size:12px!important;line-height:18px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin-bottom:10px!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) :is(.gia-lien-he>a,a.custom-price-text){min-height:32px!important;padding:8px 10px!important;font-size:11px!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .dna-card-meta{font-size:12px!important;min-height:58px!important;margin-top:11px!important;padding-top:9px!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-anhthuonghieu{width:62px!important;height:24px!important;left:9px!important;top:9px!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .prd-anhthuonghieu img{max-height:21px!important}body #wrapper #main .col:has(>.col-inner>.product-small.box) .box-image>:is(.prd-banchay,.prd-sanphammoi,.prd-sanphamhot){font-size:10px!important;padding:4px 6px!important;right:9px!important;top:9px!important}}
/* New Feed editorial list */
body.page-id-7887 #wrapper .dnf-articles .box-image{padding:9px 9px 0!important;background:#fff!important;width:100%!important}body.page-id-7887 #wrapper .dnf-articles .box-image img{border-radius:7px!important}
@media(max-width:849px){body.page-id-7887 #wrapper .dnf-articles .row>.post-item{width:100%!important;max-width:100%!important;flex-basis:100%!important;padding-bottom:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item+.post-item{margin-top:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item>.col-inner{height:auto!important}body.page-id-7887 #wrapper .dnf-articles .box{display:flex!important;align-items:center!important;border:0!important;border-bottom:1px solid #e8e4ef!important;border-radius:0!important;box-shadow:none!important}body.page-id-7887 #wrapper .dnf-articles .box-image{padding:0!important;flex:0 0 112px!important;margin:0!important}body.page-id-7887 #wrapper .dnf-articles .image-cover{border-radius:7px!important;overflow:hidden!important}body.page-id-7887 #wrapper .dnf-articles .box-text{padding:0!important;min-width:0!important;flex:1!important;text-align:left!important}body.page-id-7887 #wrapper .dnf-articles .post-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0 0 7px!important;color:#182338!important}body.page-id-7887 #wrapper .dnf-articles .post-meta{font-size:10px!important;color:#8892a2!important;margin:0!important}body.page-id-7887 #wrapper .dnf-articles .row{margin-bottom:0!important}body.page-id-7887 #wrapper .dnf-articles .from_the_blog_excerpt,body.page-id-7887 #wrapper .dnf-articles .is-divider{display:none!important}}

/* Full channel details on desktop only */
@media(min-width:850px){body.page-id-7887 #wrapper .dnf-social .yt-channel-box,body.page-id-7887 #wrapper .dnf-social .tt-card{height:100%!important;min-height:192px!important;align-items:flex-start!important;padding:20px!important}body.page-id-7887 #wrapper .dnf-social .yt-channel-meta{font-size:11px!important;line-height:1.5!important;margin:4px 0 9px!important}body.page-id-7887 #wrapper .dnf-social .yt-channel-meta:after{display:none!important}body.page-id-7887 #wrapper .dnf-social .yt-channel-desc,body.page-id-7887 #wrapper .dnf-social .tt-bio{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;max-height:none!important;font-size:12px!important;line-height:1.65!important;margin:8px 0 12px!important}body.page-id-7887 #wrapper .dnf-social .tt-stats{display:flex!important;flex-wrap:wrap!important;gap:15px!important;font-size:11px!important;margin:9px 0!important}body.page-id-7887 #wrapper .dnf-social .tt-stat b{font-size:13px!important}body.page-id-7887 #wrapper .dnf-social .tt-stat span{font-size:10px!important}body.page-id-7887 #wrapper .dnf-social .yt-channel-info,body.page-id-7887 #wrapper .dnf-social .tt-main{flex:1!important;min-width:0!important}}
/* Editorial: one featured story and four compact stories */
@media(min-width:850px){body.page-id-7887 #wrapper .dnf-articles .row:has(>.post-item){display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;margin:0!important;align-items:stretch!important}body.page-id-7887 #wrapper .dnf-articles .post-item{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item:first-child{grid-column:1;grid-row:span 4}body.page-id-7887 #wrapper .dnf-articles .post-item:first-child>.col-inner{height:100%!important}body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .image-cover{overflow:hidden!important}body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .post-title{display:block!important;max-height:none!important;}body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .post-meta{font-size:11px!important;margin-top:13px!important}body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child){grid-column:2}body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .box{align-items:center!important;border:0!important;border-bottom:1px solid #e7e3ee!important;}body.page-id-7887 #wrapper .dnf-articles .post-item:nth-child(2) .box{padding-top:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item:last-child .box{padding-bottom:0!important;border-bottom:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .box-image{flex:0 0 132px!important;}body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .image-cover{overflow:hidden!important}body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .box-text{min-width:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .post-title{-webkit-line-clamp:3!important;max-height:none!important}body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .post-meta{font-size:10px!important;margin-top:8px!important}}
body.page-id-7887 #wrapper .dnf-articles .box-image img{object-fit:contain!important;background:#fff!important}body.page-id-7887 #wrapper .dnf-articles .box:hover{background:#fff!important}body.page-id-7887 #wrapper .dnf-articles .post-title a:hover{color:#7047b3!important}
@media(max-width:849px){body.page-id-7887 #wrapper .dnf-articles .dnf-head{gap:12px!important;align-items:flex-end!important;padding-bottom:9px!important;margin-bottom:0!important;border-bottom:1px solid #e7e3ee!important}body.page-id-7887 #wrapper .dnf-articles .dnf-head h2{font-size:19px!important;line-height:1.35!important}body.page-id-7887 #wrapper .dnf-articles .dnf-head .dnf-eyebrow{margin-bottom:6px!important;font-size:9px!important}body.page-id-7887 #wrapper .dnf-articles .dnf-head>a{flex-shrink:0!important;font-size:10px!important}body.page-id-7887 #wrapper .dnf-articles .box{gap:12px!important;padding:15px 0!important;background:#fff!important}body.page-id-7887 #wrapper .dnf-articles .box-image{flex-basis:108px!important;width:108px!important;max-width:108px!important}body.page-id-7887 #wrapper .dnf-articles .image-cover{padding-top:65%!important}body.page-id-7887 #wrapper .dnf-articles .post-title{font-size:13px!important;line-height:1.5!important;-webkit-line-clamp:3!important;margin-bottom:7px!important}body.page-id-7887 #wrapper .dnf-articles .post-item:last-child .box{border-bottom:0!important;padding-bottom:0!important}}

@media(max-width:849px){body.page-id-7887 #wrapper .dnf-products .row-slider .flickity-slider>.col{width:40%!important;max-width:40%!important;flex-basis:40%!important;padding-left:6px!important;padding-right:6px!important}body.page-id-7887 #wrapper .dnf-products .row-slider{margin-left:-6px!important;margin-right:-6px!important}body.page-id-7887 #wrapper .dnf-products .flickity-viewport{overflow:hidden!important}}
@media(min-width:850px){body.page-id-7887 #wrapper .dnf-articles .row:has(>.post-item){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}body.page-id-7887 #wrapper .dnf-articles .post-item,body.page-id-7887 #wrapper .dnf-articles .post-item:first-child,body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child){grid-column:auto!important;grid-row:auto!important}body.page-id-7887 #wrapper .dnf-articles .post-item .box,body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .box,body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .box{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;border:1px solid #e6e2ed!important;border-radius:12px!important;height:100%!important;background:#fff!important}body.page-id-7887 #wrapper .dnf-articles .post-item .box-image,body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .box-image,body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .box-image{padding:10px 10px 0!important;flex:none!important;width:100%!important;max-width:none!important;margin:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item .image-cover,body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .image-cover,body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .image-cover{padding-top:56.25%!important;border-radius:7px!important}body.page-id-7887 #wrapper .dnf-articles .post-item .box-text,body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .box-text,body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .box-text{padding:18px!important;flex:1!important}body.page-id-7887 #wrapper .dnf-articles .post-item .post-title,body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .post-title,body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .post-title{font-size:17px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:51px!important;margin:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item .post-meta{font-size:11px!important;margin-top:10px!important}}

@media(min-width:850px){body.page-id-7887 #wrapper .dnf-articles .post-item .box .box-image,body.page-id-7887 #wrapper .dnf-articles .post-item:first-child .box .box-image,body.page-id-7887 #wrapper .dnf-articles .post-item:not(:first-child) .box .box-image{padding:0!important;margin:0!important;width:100%!important;border-radius:11px 11px 0 0!important;overflow:hidden!important}body.page-id-7887 #wrapper .dnf-articles .post-item .box .box-image .image-cover{border-radius:0!important}body.page-id-7887 #wrapper .dnf-articles .post-item .box .box-image img{border-radius:0!important;object-fit:cover!important}}
@media(max-width:849px){body.page-id-7887 #wrapper .dnf-products .flickity-prev-next-button{display:none!important}}

/* Deep blue consultation and mobile controls */
body #wrapper .wpcf7 form input.wpcf7-submit,body #wrapper .wpcf7 form button.wpcf7-submit{background:#123b83!important;border-color:#123b83!important;color:#fff!important;box-shadow:none!important}
body #wrapper .wpcf7 form input.wpcf7-submit:hover,body #wrapper .wpcf7 form button.wpcf7-submit:hover{background:#09285e!important;border-color:#09285e!important}
body #wrapper .wpcf7 input:focus,body #wrapper .wpcf7 textarea:focus{border-color:#123b83!important;box-shadow:0 0 0 2px #123b8314!important}
body #dna-page-tools #dna-page-reload{color:#123b83!important;border-color:#c4d0e2!important;background:#fff!important}body #dna-page-tools #dna-page-reload:hover{background:#edf2fa!important;border-color:#123b83!important}body #dna-page-tools #dna-page-reload:focus-visible{outline-color:#123b83!important}
body #Map i,body #Map svg{color:#123b83!important}
body #wrapper .dna-night-footer:before{background:linear-gradient(90deg,#09285e,#123b83,#2464a6)!important}

/* Deep blue final consultation accents */
html body #wrapper #main .wpcf7 form input.wpcf7-submit,html body #wrapper #main .wpcf7 form button.wpcf7-submit{background:#123b83!important;border-color:#123b83!important;color:#fff!important}
html body #wrapper #main .wpcf7 form input.wpcf7-submit:hover{background:#09285e!important;border-color:#09285e!important}
body #wrapper #dna-night-footer:before{background:linear-gradient(90deg,#09285e,#123b83,#2464a6)!important}

/* DN AUDIO · PRODUCT CUSTOM & UNIFIED SEARCH */
/* Product detail: scoped styles, neutral surfaces and night-stage accents. */
body.single-product #main{background:#fff}
#dnp-product{--dnp-blue:#123b83;--dnp-navy:#000836;--dnp-purple:#7651c5;max-width:1240px;margin:0 auto;padding:18px 20px 44px;color:#243249;font-size:14px}
#dnp-product *{box-sizing:border-box}
#dnp-product .dnp-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6;color:#9aa2b1;margin-bottom:22px}
#dnp-product .dnp-breadcrumb a{color:#6e7890}
#dnp-product .dnp-breadcrumb a:hover{color:#6543ad}
#dnp-product .dnp-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
#dnp-product .dnp-gallery{border:1px solid #e4e7ef;border-radius:18px;padding:12px;background:#fff;min-width:0;overflow:hidden}
#dnp-product .dnp-gallery .product-images{padding:0;margin:0;border:0;box-shadow:none}
#dnp-product .dnp-gallery .woocommerce-product-gallery__image img{max-height:540px;object-fit:contain;object-position:center}
#dnp-product .dnp-gallery .product-thumbnails{margin:10px 0 0}
#dnp-product .dnp-gallery .product-thumbnails .col{padding:0 5px 5px}
#dnp-product .dnp-gallery .product-thumbnails a{border:1px solid #e2e6ee;border-radius:9px;overflow:hidden;padding:4px;background:#fff}
#dnp-product .dnp-gallery .product-thumbnails .is-nav-selected a{border-color:#7651c5}
#dnp-product .dnp-gallery .product-thumbnails img{height:62px;object-fit:contain}
#dnp-product .dnp-summary{padding:6px 0;min-width:0}
#dnp-product .dnp-brandline{display:flex;align-items:center;flex-wrap:wrap;gap:16px;min-height:32px;margin-bottom:12px}
#dnp-product .dnp-brand-logo{width:auto;height:30px;max-width:100px;object-fit:contain}
#dnp-product .dnp-brandline>span{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#8b73b5}
#dnp-product h1{font-size:29px;line-height:1.35;letter-spacing:-.5px;color:#101b3b;margin:0 0 15px;font-weight:750}
#dnp-product .dnp-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:12px;line-height:1.6;color:#7c879c}
#dnp-product .dnp-meta a{color:#25477d;font-weight:650}
#dnp-product .dnp-stock{display:inline-flex;align-items:center;gap:6px;color:#31836d;font-weight:650}
#dnp-product .dnp-stock i{font-size:6px}
#dnp-product .dnp-stock-outofstock{color:#a24a55}
#dnp-product .dnp-stock-onbackorder{color:#9c7432}
#dnp-product .dnp-real-rating{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12px}
#dnp-product .dnp-price{background:#f6f7fb;border:1px solid #e7e9f2;border-radius:12px;padding:18px 20px;margin:20px 0 18px}
#dnp-product .dnp-price>span{display:block;font-size:9px;font-weight:750;letter-spacing:1.7px;color:#7c68a5;margin-bottom:5px}
#dnp-product .dnp-price strong{display:block;font-size:26px;line-height:1.3;letter-spacing:-.5px;color:#143567}
#dnp-product .dnp-price p{font-size:12px;line-height:1.7;color:#768198;margin:7px 0 0}
#dnp-product .dnp-quick-facts{margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
#dnp-product .dnp-quick-facts>div{display:flex;flex-direction:column;gap:3px;min-width:0;border-bottom:1px solid #eef0f5;padding-bottom:10px}
#dnp-product dt{font-size:11px;font-weight:400;color:#8791a4;margin:0;text-transform:none;letter-spacing:0}
#dnp-product dd{font-size:13px;line-height:1.55;font-weight:600;color:#34435d;margin:0;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
#dnp-product .dnp-spec-line{grid-column:1/-1}
#dnp-product .dnp-gift{display:flex;gap:12px;background:#faf7ff;border:1px solid #e9ddf8;border-radius:11px;padding:14px 15px;margin:0 0 16px;color:#7850b0}
#dnp-product .dnp-gift>i{margin-top:3px;font-size:18px}
#dnp-product .dnp-gift strong{font-size:12px}
#dnp-product .dnp-gift p{font-size:13px;line-height:1.6;margin:4px 0 0}
#dnp-product .dnp-note{border-left:3px solid #ab853d;background:#fcfaf5;padding:11px 14px;margin:0 0 16px;border-radius:0 8px 8px 0}
#dnp-product .dnp-note strong{font-size:12px;color:#8c6c33}
#dnp-product .dnp-note p{font-size:12px;line-height:1.6;color:#8a806d;margin:4px 0 0}
#dnp-product .dnp-contact{display:grid;grid-template-columns:1.12fr 1fr;gap:11px}
#dnp-product .dnp-contact a{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 10px;border:1px solid #cdd7e8;border-radius:9px;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s}
#dnp-product .dnp-zalo{background:#123b83;color:#fff;border-color:#123b83!important}
#dnp-product .dnp-zalo:hover{background:#09265d}
#dnp-product .dnp-call{color:#123b83;background:#fff}
#dnp-product .dnp-call:hover{border-color:#7651c5;background:#faf8ff}
#dnp-product .dnp-service{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:17px;color:#8490a2;font-size:11px}
#dnp-product .dnp-service span{display:flex;align-items:center;gap:7px}
#dnp-product .dnp-service i{color:#8c75b6}
#dnp-product .dnp-section-nav{display:flex;gap:10px;overflow:auto;scrollbar-width:none;border-top:1px solid #e6e8f0;border-bottom:1px solid #e6e8f0;padding:15px 0;margin:32px 0 28px;scroll-margin-top:110px}
#dnp-product .dnp-section-nav a{flex-shrink:0;color:#58677e;font-size:13px;font-weight:650;padding:8px 14px;border-radius:8px;background:#f6f7fa}
#dnp-product .dnp-section-nav a:hover{background:#f0eafa;color:#6745a4}
#dnp-product .dnp-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:32px;align-items:start}
#dnp-product .dnp-content-main{min-width:0}
#dnp-product .dnp-content-section{margin:0 0 30px;padding:0 0 26px;border-bottom:1px solid #e6e8ef;scroll-margin-top:120px}
#dnp-product .dnp-section-heading{margin-bottom:18px}
#dnp-product .dnp-section-heading>span{display:block;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:1.8px;color:#8a6cb6;margin-bottom:6px}
#dnp-product .dnp-section-heading>h2{color:#14223c;font-size:23px;line-height:1.4;margin:0;letter-spacing:-.25px}
#dnp-product .dnp-prose{font-size:15px;line-height:1.9;color:#46536a;overflow-wrap:anywhere}
#dnp-product .dnp-prose p{margin:0 0 16px}
#dnp-product .dnp-prose h2{font-size:23px;line-height:1.45;color:#182a48;margin:28px 0 14px}
#dnp-product .dnp-prose h3{font-size:19px;line-height:1.5;color:#233856;margin:24px 0 12px}
#dnp-product .dnp-prose h4{font-size:17px;color:#263d5c}
#dnp-product .dnp-prose li{margin:0 0 9px}
#dnp-product .dnp-prose img{max-width:100%;height:auto;border-radius:8px}
#dnp-product .dnp-prose table{width:100%!important;max-width:100%;table-layout:fixed;border:1px solid #e2e6ee;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;font-size:13px}
#dnp-product .dnp-prose td,#dnp-product .dnp-prose th{width:auto!important;padding:12px 14px;vertical-align:top;border-bottom:1px solid #e6e9f0;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
#dnp-product .dnp-prose tr:nth-child(even){background:#f8f9fc}
#dnp-product .dnp-prose tr:last-child td{border-bottom:0}
#dnp-product .dnp-prose td:first-child{width:36%!important;color:#4b5b75;font-weight:600}
#dnp-product .dnp-advice{position:sticky;top:115px;border-radius:13px;padding:24px 22px;color:#c5cbe0;background:linear-gradient(145deg,#2e224c,#09132c 75%)}
#dnp-product .dnp-advice-eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.7;color:#c0a7e6;font-weight:700}
#dnp-product .dnp-advice h2{font-size:25px;line-height:1.4;color:#fff;margin:13px 0}
#dnp-product .dnp-advice p{font-size:12px;line-height:1.8;margin:0 0 18px}
#dnp-product .dnp-advice>a{display:block;border:1px solid #7c64a0;border-radius:7px;text-align:center;padding:11px 8px;color:#fff;font-size:12px;font-weight:650}
#dnp-product .dnp-advice-links{border-top:1px solid #ffffff1c;margin-top:22px;padding-top:15px;display:grid;gap:11px}
#dnp-product .dnp-advice-links a{font-size:11px;color:#b7c1df;line-height:1.6}
#dnp-product .dnp-related{margin-top:8px;padding-top:8px}
#dnp-product .dnp-related .flickity-prev-next-button{display:none!important}
#dnp-product #reviews{font-size:14px}
#dnp-product #reviews .woocommerce-Reviews-title{font-size:17px}
#dnp-product #review_form_wrapper{border:1px solid #e3e6ef;border-radius:12px;padding:20px}
#dnp-product #review_form_wrapper input:not([type=checkbox]),#dnp-product #review_form_wrapper textarea{border:1px solid #d8dfeb;border-radius:8px;box-shadow:none}
#dnp-product #review_form_wrapper .submit{background:#123b83;color:#fff;border-radius:8px;border:0;text-transform:none}
#dnp-product :focus-visible{outline:3px solid #b49be3;outline-offset:3px}
@media(max-width:849px){
 #dnp-product{padding:12px 8px 28px}
 #dnp-product .dnp-breadcrumb{font-size:10px;gap:6px;margin-bottom:14px;white-space:nowrap;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}
 #dnp-product .dnp-breadcrumb>*{flex-shrink:0}
 #dnp-product .dnp-opening{grid-template-columns:1fr;gap:19px}
 #dnp-product .dnp-gallery{border-radius:13px;padding:6px}
 #dnp-product .dnp-gallery .woocommerce-product-gallery__image img{max-height:390px}
 #dnp-product .dnp-gallery .product-thumbnails img{height:48px}
 #dnp-product .dnp-summary{padding:0}
 #dnp-product .dnp-brandline{margin-bottom:10px;gap:12px}
 #dnp-product .dnp-brand-logo{height:25px;max-width:85px}
 #dnp-product .dnp-brandline>span{font-size:8px;letter-spacing:1px}
 #dnp-product h1{font-size:23px;line-height:1.4;letter-spacing:-.35px;margin-bottom:12px}
 #dnp-product .dnp-meta{font-size:11px;gap:6px 12px}
 #dnp-product .dnp-price{padding:15px 16px;margin:17px 0}
 #dnp-product .dnp-price strong{font-size:24px}
 #dnp-product .dnp-price p{font-size:11px}
 #dnp-product .dnp-quick-facts{gap:9px 14px;margin-bottom:15px}
 #dnp-product .dnp-contact{gap:8px}
 #dnp-product .dnp-contact a{font-size:12px;gap:7px;padding:13px 6px}
 #dnp-product .dnp-service{font-size:10px;gap:8px 12px;margin-top:14px}
 #dnp-product .dnp-section-nav{margin:25px 0 23px;padding:12px 0;gap:7px}
 #dnp-product .dnp-section-nav a{font-size:12px;padding:8px 12px}
 #dnp-product .dnp-content-grid{grid-template-columns:1fr;gap:0}
 #dnp-product .dnp-content-section{margin-bottom:23px;padding-bottom:21px;scroll-margin-top:85px}
 #dnp-product .dnp-section-heading>h2{font-size:21px}
 #dnp-product .dnp-section-heading{margin-bottom:15px}
 #dnp-product .dnp-prose{font-size:14px;line-height:1.85;padding:0 3px}
 #dnp-product .dnp-prose h2{font-size:20px;margin-top:23px}
 #dnp-product .dnp-prose h3{font-size:17px;margin-top:20px}
 #dnp-product .dnp-prose td,#dnp-product .dnp-prose th{padding:10px;font-size:12px}
 #dnp-product .dnp-advice{position:static;padding:22px;margin-bottom:27px}
 #dnp-product .dnp-advice h2 br{display:none}
 #dnp-product .dnp-advice h2{font-size:24px}
 #dnp-product .dnp-advice-links{grid-template-columns:1fr 1fr;gap:10px}
 #dnp-product .dnp-related .flickity-slider>.col{width:40%!important;max-width:40%!important;padding:0 5px 12px!important}
 #dnp-product .dnp-related .row{margin-left:-5px!important;margin-right:-5px!important}
 #dnp-product #review_form_wrapper{padding:15px}
}

/* Unified site search and public search results. */
form.dna-site-search{position:relative!important;width:100%;max-width:100%;margin:0!important;min-width:0;z-index:35}
form.dna-site-search .dns-input-row{display:flex;width:100%;border:1px solid #b9cae8;border-radius:9px;background:#fff;overflow:hidden;align-items:stretch;min-width:0}
form.dna-site-search input[type=search]{flex:1;width:0;min-width:0;height:42px!important;min-height:42px;padding:10px 13px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;margin:0!important;font-size:13px;color:#263b61!important;line-height:1.5;font-family:inherit}
form.dna-site-search input[type=search]:focus{outline:none!important}
form.dna-site-search:focus-within .dns-input-row{border-color:#7951bd;box-shadow:0 0 0 3px #aa8bd626}
form.dna-site-search button[type=submit]{display:grid;place-items:center;width:43px;min-width:43px;height:auto;min-height:42px;border:0!important;border-left:1px solid #dce3ef!important;border-radius:0!important;background:#f7f9fc!important;color:#123b83!important;font-size:19px;line-height:1;padding:0!important;margin:0!important;box-shadow:none!important}
form.dna-site-search .dns-suggest[hidden]{display:none!important}
form.dna-site-search .dns-suggest{position:absolute!important;top:calc(100% + 8px);left:0;right:0;max-height:420px;overflow:auto;overscroll-behavior:contain;z-index:9999;list-style:none!important;margin:0!important;padding:5px!important;background:#fff!important;color:#233550;border:1px solid #dce2ed;border-radius:12px;box-shadow:0 14px 40px #101b4022;text-align:left;white-space:normal}
form.dna-site-search .dns-suggest li{list-style:none!important;margin:0!important;padding:0!important}
form.dna-site-search .dns-suggest a{display:flex!important;align-items:center;gap:11px;min-height:66px;padding:10px!important;border-radius:8px;white-space:normal;text-transform:none;text-decoration:none;color:#233550;line-height:1.4}
form.dna-site-search .dns-suggest a:hover,form.dna-site-search .dns-suggest a[aria-selected=true]{background:#f4f0fc!important}
form.dna-site-search .dns-suggest img{width:44px;height:44px;object-fit:contain;flex-shrink:0;border:1px solid #eef0f6;border-radius:6px;background:#fff}
form.dna-site-search .dns-suggest a>span{display:flex;flex-direction:column;gap:3px;min-width:0}
form.dna-site-search .dns-suggest small{color:#8c71b6;font-size:9px;line-height:1.3;font-weight:650;letter-spacing:.2px}
form.dna-site-search .dns-suggest strong{font-size:12px;line-height:1.5;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#223555}
form.dna-site-search .dns-suggest em{font-style:normal;font-size:10px;color:#8490a4}
form.dna-site-search .dns-suggest-empty{font-size:12px;line-height:1.6;color:#7b879a;padding:15px!important}
body.search #main{background:#fff}
#dns-search{max-width:1240px;margin:0 auto;padding:18px 20px 40px;color:#283951}
#dns-search .dns-crumb{display:flex;gap:9px;align-items:center;font-size:11px;color:#9aa4b5;margin-bottom:20px}
#dns-search .dns-crumb a{color:#6c7b91}
#dns-search .dns-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:30px 34px;border:1px solid #e3deee;border-radius:15px;background:linear-gradient(120deg,#faf8fe,#f6f8fc);margin-bottom:28px}
#dns-search .dns-hero>div>span{display:block;font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8868b2;margin-bottom:12px}
#dns-search h1{font-size:32px;line-height:1.3;margin:0 0 13px;color:#142346;letter-spacing:-.65px}
#dns-search .dns-hero p{font-size:12px;line-height:1.8;color:#76849a;margin:0;max-width:400px}
#dns-search .dns-hero-search>small{display:block;font-size:10px;color:#929bad;margin-top:10px}
#dns-search .dns-query-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-bottom:15px}
#dns-search .dns-query-heading h2{font-size:21px;line-height:1.5;color:#213452;margin:0;overflow-wrap:anywhere}
#dns-search .dns-query-heading p{font-size:12px;line-height:1.6;color:#8793a6;margin:0;flex-shrink:0}
#dns-search .dns-tabs{display:flex;gap:8px;border-bottom:1px solid #e4e8ef;padding-bottom:17px;margin-bottom:25px;overflow:auto;scrollbar-width:none}
#dns-search .dns-tabs a{display:flex;align-items:center;gap:9px;flex-shrink:0;padding:9px 15px;border-radius:20px;background:#f4f6f9;color:#63738c;font-size:12px;font-weight:650}
#dns-search .dns-tabs a[aria-current=page]{background:#142b5d;color:#fff}
#dns-search .dns-tabs a span{font-size:10px;opacity:.7}
#dns-search .dns-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:17px}
#dns-search .dns-section-head h2{font-size:22px;line-height:1.4;color:#182c4b;margin:0}
#dns-search .dns-section-head>a{font-size:12px;font-weight:600;color:#7953b7}
#dns-search .dns-product-section{margin-bottom:32px}
#dns-search .dns-results{display:flex;flex-direction:column}
#dns-search .dns-article-section{margin-bottom:30px}
#dns-search .dns-articles-first .dns-article-section{order:-1}
#dns-search .dns-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#dns-search .dns-story{border:1px solid #e2e6ef;border-radius:12px;overflow:hidden;background:#fff}
#dns-search .dns-story-image{display:block;aspect-ratio:16/9;background:#f5f7fa;overflow:hidden}
#dns-search .dns-story-image img{width:100%;height:100%;object-fit:cover}
#dns-search .dns-story-text{padding:17px 18px 18px}
#dns-search .dns-story time{font-size:10px;color:#929db0}
#dns-search .dns-story h3{font-size:17px;line-height:1.5;color:#1a3152;margin:8px 0 10px;font-weight:700}
#dns-search .dns-story h3 a{color:inherit}
#dns-search .dns-story p{font-size:12px;line-height:1.8;color:#7a879d;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#dns-search .dns-story-read{font-size:12px;color:#7652b0;font-weight:650}
#dns-search .dns-empty{text-align:center;padding:35px 20px 45px;max-width:620px;margin:0 auto}
#dns-search .dns-empty>i{font-size:27px;color:#ae9bc9;margin-bottom:19px}
#dns-search .dns-empty h2{font-size:23px;line-height:1.5;color:#243858;margin:0 0 12px}
#dns-search .dns-empty p{font-size:14px;line-height:1.9;color:#8190a5;margin:0 0 20px}
#dns-search .dns-empty>a{display:inline-block;background:#123b83;color:#fff;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:650}
#dns-search .dns-quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}
#dns-search .dns-quick-links a{font-size:12px;color:#6e4caa;background:#f4effa;border:1px solid #e7ddf3;border-radius:20px;padding:8px 14px}
#dns-search .dns-pagination{margin:27px 0 0}
#dns-search .dns-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;list-style:none;margin:0;padding:0}
#dns-search .dns-pagination li{list-style:none;margin:0}
#dns-search .dns-pagination li>.page-numbers{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid #dbe1ed;border-radius:7px;padding:0 11px;color:#345079;font-size:12px}
#dns-search .dns-pagination .current{background:#123b83;color:#fff;border-color:#123b83}
#dns-search :focus-visible{outline:3px solid #b798e2;outline-offset:3px}
@media(max-width:849px){
 form.dna-site-search input[type=search]{font-size:16px!important;padding:9px 10px!important;height:40px!important;min-height:40px}
 form.dna-site-search button[type=submit]{min-height:40px;width:39px;min-width:39px}
 form.dna-site-search .dns-suggest{max-height:min(410px,65dvh)}
 form.dna-site-search .dns-suggest a{padding:9px!important;gap:9px}
 form.dna-site-search .dns-suggest strong{font-size:12px}
 #dns-search{padding:12px 8px 28px}
 #dns-search .dns-crumb{font-size:10px;margin-bottom:14px}
 #dns-search .dns-hero{grid-template-columns:1fr;gap:19px;padding:22px 17px;border-radius:12px;margin-bottom:23px}
 #dns-search .dns-hero>div>span{font-size:8px;letter-spacing:1.3px;margin-bottom:10px}
 #dns-search h1{font-size:27px;line-height:1.35;margin-bottom:10px}
 #dns-search .dns-hero p{font-size:11px}
 #dns-search .dns-hero-search>small{font-size:9px}
 #dns-search .dns-query-heading{display:block;margin-bottom:13px}
 #dns-search .dns-query-heading h2{font-size:18px}
 #dns-search .dns-query-heading p{font-size:10px;margin-top:6px}
 #dns-search .dns-tabs{gap:6px;padding-bottom:14px;margin-bottom:21px}
 #dns-search .dns-tabs a{font-size:11px;padding:8px 12px;gap:7px}
 #dns-search .dns-section-head{gap:10px;margin-bottom:14px}
 #dns-search .dns-section-head h2{font-size:19px}
 #dns-search .dns-section-head>a{font-size:10px}
 #dns-search .dns-product-section .row>.product-small.col{width:50%!important;max-width:50%!important;flex-basis:50%!important}
 #dns-search .dns-stories{grid-template-columns:1fr;gap:14px}
 #dns-search .dns-story{display:grid;grid-template-columns:110px minmax(0,1fr);border:0;border-bottom:1px solid #e4e7ef;border-radius:0;padding-bottom:14px}
 #dns-search .dns-story-image{aspect-ratio:4/3;border-radius:7px;margin-top:3px}
 #dns-search .dns-story-image img{object-fit:contain}
 #dns-search .dns-story-text{padding:0 0 0 12px}
 #dns-search .dns-story h3{font-size:14px;line-height:1.5;margin:5px 0 7px}
 #dns-search .dns-story p{display:none}
 #dns-search .dns-story time{font-size:9px}
 #dns-search .dns-story-read{font-size:10px}
 #dns-search .dns-empty{padding:24px 13px 30px}
 #dns-search .dns-empty h2{font-size:20px}
 #dns-search .dns-empty p{font-size:13px}
}


/* Stable account/posting row; account permissions are loaded without changing its geometry. */
#dna-connect .dnc-account-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:50px}
#dna-connect .dnc-account-row>*{width:100%;min-width:0}
#dna-connect .dnc-session-placeholder{border:1px solid #e5e7ef;background:#f5f6f9;color:#a4aabd;letter-spacing:5px;font-size:16px}
#dna-connect .dnc-guest-contact{border:1px solid #dfe2ec;background:#fff;color:#23457b}
#dna-connect .dnc-account[aria-busy=true]{color:#8792a4}
@media(max-width:849px){#dna-connect .dnc-account-row{min-height:46px}}

/* Keep unified search hints readable on the dark header. */
form.dna-site-search input[type=search]::placeholder,body #wrapper #header form.dna-site-search input[type=search]::placeholder,body #wrapper #main form.dna-site-search input[type=search]::placeholder{color:#8793a8!important;opacity:1!important}
		
#dnas-products{scroll-margin-top:150px}.dnaf-form{margin:0!important}.dnaf-search{padding:16px 18px;border:1px solid #e2dcec;border-radius:11px;background:#faf9fd;margin-bottom:22px}.dnaf-search>label{display:block;font-size:12px;font-weight:600;color:#26344d;margin:0 0 7px}.dnaf-search>div{display:flex;gap:8px}.dnaf-search input[type=search]{margin:0!important;height:42px;min-width:0;background:#fff;border:1px solid #d8dfea;box-shadow:none;border-radius:7px;font-size:14px}.dnaf-form button{margin:0;letter-spacing:0;text-transform:none;font-weight:600;border:0;border-radius:7px;background:#123b83;color:#fff;box-shadow:none;font-size:12px;min-height:40px;line-height:1.3;padding:9px 16px}.dnaf-form button:hover{background:#09285e}.dnaf-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:24px;align-items:start}.dnaf-sidebar{min-width:0}.dnaf-filter{border:1px solid #e1d9ed;border-radius:11px;background:#fcfbfe;overflow:hidden}.dnaf-filter>summary{display:none;list-style:none;cursor:pointer;color:#26344d}.dnaf-filter>summary::-webkit-details-marker{display:none}.dnaf-filter>summary>span{display:flex;align-items:center;gap:7px}.dnaf-filter>summary small{color:#7752b7;font-size:12px}.dnaf-filter-body{padding:18px 15px}.dnaf-filter-body h3{font-size:17px;color:#182b48;margin:0 0 5px}.dnaf-filter-body>p{font-size:11px;color:#748095;line-height:1.6;margin:0 0 18px}.dnaf-field{display:block;margin:0 0 14px}.dnaf-field>span{font-size:12px;display:block;color:#31415b;font-weight:500;margin-bottom:6px}.dnaf-field select{height:39px;min-height:39px;border:1px solid #d8dfea;border-radius:7px;background-color:#fff;font-size:12px;color:#243652;margin:0;padding-left:10px;padding-right:28px;box-shadow:none;width:100%}.dnaf-field select:focus,.dnaf-search input:focus{border-color:#9678c6;outline:2px solid #9678c619;box-shadow:none}.dnaf-check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;line-height:1.5;color:#43536b;margin:10px 0}.dnaf-check input{margin:0!important;accent-color:#7752b7;width:14px;height:14px}.dnaf-form .dnaf-apply{display:block;width:100%;margin-top:16px;background:#7752b7}.dnaf-form .dnaf-apply:hover{background:#65429f}.dnaf-reset{display:block;text-align:center;font-size:11px;color:#6a7390;text-decoration:underline;margin-top:12px}.dnaf-sidebar-help{padding:18px 16px;border:1px solid #e4e9f1;border-radius:10px;background:#f8fafd;margin-top:14px}.dnaf-sidebar-help strong{font-size:13px;color:#263b5d}.dnaf-sidebar-help p{font-size:12px;color:#758299;line-height:1.7;margin:8px 0 12px}.dnaf-sidebar-help a{font-size:12px;font-weight:600;color:#123b83}.dnaf-results{min-width:0}.dnaf-resultbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 16px}.dnaf-resultbar h3{font-size:18px;line-height:1.4;margin:0 0 4px;color:#1b2d49}.dnaf-resultbar p{font-size:11px;color:#8792a3;margin:0}.dnaf-sort{display:flex;align-items:center;gap:6px;flex-shrink:0}.dnaf-sort .dnaf-field{margin:0}.dnaf-sort .dnaf-field>span{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.dnaf-sort select{width:158px;height:37px;min-height:37px}.dnaf-form .dnaf-sort button{min-height:37px;background:#f1edf8;color:#684697;padding:8px 12px}.dnaf-active{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.dnaf-active a{font-size:11px;background:#f8f5fd;border:1px solid #e1d4f1;color:#684697;border-radius:18px;padding:5px 10px}.dnaf-active a span{padding-left:5px}.dnaf-results>.row{margin-left:-8px!important;margin-right:-8px!important;width:auto!important}.dnaf-results>.row>.col{padding-left:8px!important;padding-right:8px!important;padding-bottom:16px!important}.dnaf-empty{border:1px dashed #d9cde9;border-radius:10px;padding:40px 24px;text-align:center;background:#fcfbfe}.dnaf-empty h3{font-size:18px;color:#263b5d}.dnaf-empty p{font-size:13px;color:#758299}.dnaf-empty a{display:inline-block;border-radius:7px;background:#7752b7;color:#fff;padding:10px 16px;font-size:12px}.dnaf-pagination{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.dnaf-pagination a{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid #dbe2ed;border-radius:7px;color:#123b83;font-size:12px}.dnaf-pagination a[aria-current=page]{background:#123b83;color:#fff;border-color:#123b83}.dnaf-pagination>span{color:#8d98aa}@media(max-width:849px){#dnas-products{scroll-margin-top:120px}.dnaf-search{padding:13px 12px;margin-bottom:14px}.dnaf-search>div{gap:6px}.dnaf-search input[type=search]{font-size:12px;height:41px}.dnaf-form .dnaf-search button{padding:9px 12px;white-space:nowrap}.dnaf-layout{grid-template-columns:minmax(0,1fr);gap:16px}.dnaf-filter>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;font-size:14px;font-weight:600;min-height:48px}.dnaf-filter>summary b:before{content:'+';font-weight:400;font-size:18px;color:#7752b7}.dnaf-filter[open]>summary{border-bottom:1px solid #e5dfed}.dnaf-filter[open]>summary b:before{content:'×'}.dnaf-filter-body{padding:18px 16px}.dnaf-filter-body h3{font-size:18px}.dnaf-filter-body>p{font-size:12px}.dnaf-field>span{font-size:12px}.dnaf-field select{height:42px;font-size:13px}.dnaf-check{font-size:12px;margin:12px 0}.dnaf-form .dnaf-apply{min-height:42px}.dnaf-sidebar-help{display:none}.dnaf-resultbar{align-items:flex-start;gap:10px;margin-bottom:14px}.dnaf-resultbar h3{font-size:15px;margin:0 0 4px}.dnaf-resultbar p{font-size:10px}.dnaf-sort{gap:4px}.dnaf-sort select{width:124px;font-size:11px;height:35px;min-height:35px;padding-left:8px;padding-right:22px}.dnaf-form .dnaf-sort button{font-size:10px;padding:7px 8px;min-height:35px}.dnaf-results>.row{margin-left:-5px!important;margin-right:-5px!important}.dnaf-results>.row>.col{padding-left:5px!important;padding-right:5px!important;padding-bottom:10px!important}.dnaf-active{gap:5px;margin-bottom:12px}.dnaf-active a{font-size:10px;padding:4px 8px}}@media(max-width:390px){.dnaf-resultbar{flex-wrap:wrap;align-items:center}.dnaf-sort{margin-left:auto}.dnaf-resultbar h3{font-size:14px}.dnaf-sort select{width:120px}}.dnaf-form .dnaf-search button{flex-shrink:0;white-space:nowrap}.dnaf-filter summary svg{flex-shrink:0}@media(max-width:849px){.dnaf-resultbar>div:first-child{min-width:0;flex:1}.dnaf-resultbar{flex-wrap:nowrap}.dnaf-sort{margin-left:0}}
/* DN Audio shared standards: text, reading, archives, contact and genuine reviews. */
body,#wrapper,body h1,body h2,body h3,body h4,body h5,body h6,body button,body input,body select,body textarea,body .nav>li>a,body .heading-font{font-family:Arial,Helvetica,sans-serif}
#dna-books h1,#dna-books h2,#dna-books .dnk-chapter-number,#dna-books .dnk-cover h2{font-family:Arial,Helvetica,sans-serif}
.dna-standard-page{max-width:1240px;margin:0 auto;padding:24px 20px 48px;color:#1a2b46}
.dna-standard-page [hidden]{display:none}
.dna-crumb,.dns-crumb,.dnk-breadcrumb,.dnp-breadcrumb,.custom-breadcrumb{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.7;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#66748b;margin-bottom:24px}
.dna-crumb a,.dns-crumb a,.dnk-breadcrumb a{color:#4e6283}
.dna-crumb [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:68ch}
.dna-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#7651c5;margin:0 0 12px;line-height:1.6}
.dna-standard-page a:focus-visible{outline:3px solid #8c69c8;outline-offset:4px}
.dna-archive-hero{padding:26px 0 28px;border-bottom:1px solid #dfe4ee;margin-bottom:22px}
.dna-archive-hero h1{font-size:34px;line-height:1.25;color:#071337;margin:0 0 14px}
.dna-archive-hero>p:last-child,.dna-archive-hero>div{font-size:15px;line-height:1.8;color:#596a82;max-width:780px;margin:0}
.dna-topic-chips{display:flex;gap:8px;overflow:auto;padding:0 0 8px;margin:0 0 20px;scrollbar-width:thin}
.dna-topic-chips a{flex-shrink:0;border:1px solid #e0e5ef;border-radius:25px;font-size:12px;padding:8px 12px;color:#304e7b;background:#fff}
.dna-topic-chips a[aria-current]{color:#fff;background:#123b83;border-color:#123b83}
.dna-category-description{border-top:1px solid #e1e6ef;margin-top:28px;padding-top:20px}
.dna-category-description summary{cursor:pointer;font-size:17px;font-weight:700;color:#17365f;padding:5px 0}
.dna-category-description>div{font-size:15px;line-height:1.85;margin-top:20px;max-width:900px}
.dna-category-description h2,.dna-category-description h3{line-height:1.4}
.dna-contact-hero{display:grid;grid-template-columns:1.15fr 1fr;background:linear-gradient(125deg,#261e44,#07152b);border-radius:18px;overflow:hidden;gap:45px;padding:42px;color:#fff}
.dna-contact-hero .dna-kicker{color:#c0adeb}
.dna-contact-hero h1{font-size:42px;line-height:1.2;margin:0 0 20px;color:#fff}
.dna-contact-hero p{color:#c5cedd;font-size:15px;line-height:1.85}
.dna-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.dna-contact-actions a{padding:12px 17px;border:1px solid #65738c;color:#fff;border-radius:8px;font-size:14px;font-weight:700}
.dna-contact-actions .dna-primary{background:#123b83;border-color:#5075b5}
.dna-contact-details{border-left:1px solid #ffffff26;padding-left:36px}
.dna-contact-details h2{color:#fff;font-size:23px;margin:0 0 20px}
.dna-contact-details dl{margin:0 0 15px}
.dna-contact-details dl>div{margin-bottom:15px}
.dna-contact-details dt{font-size:11px;color:#c0afe4;margin-bottom:4px}
.dna-contact-details dd{font-size:15px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.dna-contact-details a{color:#fff}
.dna-contact-map{text-decoration:underline;font-size:13px}
.dna-contact-hero .dna-contact-hours{font-size:12px;line-height:1.8;margin:13px 0 0;color:#d4dcec}
.dna-contact-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding-top:40px}
.dna-contact-bottom h2{font-size:26px;line-height:1.3;margin:0 0 17px;color:#152747}
.dna-contact-bottom p,.dna-contact-bottom ol{font-size:15px;line-height:1.9;color:#596a82}
.dna-contact-bottom ol{margin-left:20px}
.dna-contact-bottom li{margin-left:0;padding-left:4px;margin-bottom:10px}
.dna-contact-bottom>div>a{font-size:14px;font-weight:700;color:#123b83}
.dna-contact-form{border:1px solid #dfe4ee;border-radius:14px;padding:25px}
.dna-contact-form label{font-size:13px;color:#243651}
.dna-contact-form input:not([type=submit]),.dna-contact-form textarea{border:1px solid #d6deeb;border-radius:8px;box-shadow:none;background:#fff}
.dna-contact-form input[type=submit]{background:#123b83;color:#fff;text-transform:none;letter-spacing:0;border-radius:8px}
.dna-contact-form .wpcf7-spinner{position:absolute}
.dna-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.dna-story-card{min-width:0;border-bottom:1px solid #dde4ee;padding-bottom:20px}
.dna-story-photo{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#f7f8fb}
.dna-story-photo img{width:100%;height:100%;object-fit:contain;transition:transform .2s}
.dna-story-card>div{padding-top:16px}
.dna-story-card time{font-size:11px;color:#63748d}
.dna-story-card h2{font-size:19px;line-height:1.5;margin:8px 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dna-story-card h2 a{color:#17355d}
.dna-story-card p{font-size:14px;line-height:1.8;color:#5f7087;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.dna-story-read,.dna-more-link{font-size:13px;color:#6740a3;font-weight:700}
.dna-more-link{display:inline-block;margin-top:25px}
.dna-native-pagination ul{display:flex;justify-content:center;gap:8px;list-style:none;margin:26px 0}
.dna-native-pagination li{margin:0}
.dna-native-pagination a,.dna-native-pagination span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid #e0e4ed;border-radius:7px;font-size:13px;color:#123b83}
.dna-native-pagination .current{background:#123b83;color:#fff}
.dna-reader-heading{max-width:890px;margin:0 0 27px}
.dna-reader-heading h1{font-size:38px;line-height:1.28;color:#111e3b;margin:0 0 20px;letter-spacing:-.5px}
.dna-reader-meta{display:flex;gap:16px;flex-wrap:wrap;color:#586a84;font-size:12px}
.dna-reader-cover{max-width:960px;margin:0 0 34px}
.dna-reader-cover img{display:block;width:100%;height:auto;border-radius:12px}
.dna-reader-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(220px,1fr);gap:54px;align-items:start}
.dna-reader-body{min-width:0}
.dna-reader-body .entry-content{font-size:17px;line-height:1.95;color:#293b54;padding:0}
.dna-reader-body .entry-content h2{font-size:27px;line-height:1.4;color:#112a4d;margin:34px 0 16px;scroll-margin-top:160px}
.dna-reader-body .entry-content h3{font-size:21px;line-height:1.5;margin:25px 0 12px;color:#213e63;scroll-margin-top:160px}
.dna-reader-body .entry-content img{max-width:100%;height:auto;border-radius:8px}
.dna-reader-body .entry-content table{font-size:14px;display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}
.dna-reader-body .entry-content td,.dna-reader-body .entry-content th{padding:11px;border:1px solid #e0e6ef;vertical-align:top}
.dna-reader-body .entry-content blockquote{border-left:3px solid #7651c5;background:#f8f6fc;padding:18px 22px;font-size:16px}
.dna-reader-body .entry-content a{color:#123b83;text-decoration:underline;text-underline-offset:3px}
.dna-reader-body #ez-toc-container{max-width:100%;font-size:14px;box-shadow:none;border-color:#e1dfeb;border-radius:10px;background:#faf9fd;padding:20px}
.dna-reader-aside{position:sticky;top:165px;min-width:0}
.dna-reader-aside>div{border-top:2px solid #243965;margin-bottom:25px;padding-top:18px}
.dna-reader-aside h2{font-size:20px;line-height:1.4;color:#172f54;margin:0 0 13px}
.dna-reader-aside p{font-size:14px;color:#65748a;line-height:1.8}
.dna-reader-aside a{color:#6842a6;font-size:13px;font-weight:700}
.dna-reader-next{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #e1e6ef}
.dna-reader-next img{width:70px;height:50px;object-fit:contain;border-radius:4px}
.dna-reader-next span{font-size:13px;color:#263c5d;line-height:1.6}
.dna-reader-aside .dna-reader-help{display:block;background:linear-gradient(120deg,#30234e,#111d35);padding:18px;border-radius:9px;color:#fff;font-size:14px;line-height:1.7}
#comments .comment-respond,#review_form_wrapper{border:1px solid #e0e5ef;border-radius:12px;padding:24px;margin-top:30px;background:#fff}
#comments .comment-reply-title{font-size:23px;color:#173154;margin:0 0 17px}
#comments .comment-notes,#comments .logged-in-as,#reviews .comment-notes{font-size:13px;line-height:1.8;color:#61728a}
#comments label,#reviews label{font-size:14px;font-weight:600;color:#293c58}
#comments label span,#reviews label span,.dna-rating-field legend span{font-size:12px;font-weight:400;color:#63738a}
#comments input:not([type=submit]):not([type=checkbox]):not([type=radio]),#comments textarea,#reviews input:not([type=submit]):not([type=checkbox]):not([type=radio]),#reviews textarea{border:1px solid #d7dfec;border-radius:8px;background:#fff;box-shadow:none;color:#233952;font-size:15px}
#comments .submit,#reviews .submit{border:0;border-radius:8px;background:#123b83;color:#fff;padding:11px 19px;letter-spacing:0;text-transform:none;min-height:42px}
.dna-rating-field{border:0;padding:0;margin:0 0 18px}
.dna-rating-field legend{font-size:14px;font-weight:600;margin-bottom:9px}
.dna-rating-options{display:flex;flex-wrap:wrap;gap:7px}
.dna-rating-options label{cursor:pointer;margin:0}
.dna-rating-options input{position:absolute;opacity:0;width:1px;height:1px}
.dna-rating-options span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:38px;border:1px solid #dce2ed;border-radius:7px;color:#7651c5!important;font-size:15px!important}
.dna-rating-options input:checked+span{background:#123b83;color:#fff!important;border-color:#123b83}
.dna-rating-options input:focus-visible+span{outline:3px solid #a58bd0;outline-offset:2px}
.dna-comment-stars{display:block;font-size:17px;letter-spacing:2px;color:#ad7622;margin:7px 0}
.dna-comment-contact{display:block;color:#60718a;font-size:11px;margin-bottom:8px}
.dna-review-summary{display:grid;grid-template-columns:160px 1fr;gap:25px;margin:25px 0;padding:22px;border:1px solid #e2e6ef;border-radius:10px}
.dna-review-summary strong{font-size:36px;color:#13396c}.dna-review-summary strong small{font-size:15px;color:#61738d}
.dna-review-summary p{font-size:12px;color:#65758a;margin:4px 0}.dna-review-bar{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:5px}
.dna-review-bar meter{height:10px;flex:1;accent-color:#7651c5}.dna-card-real-reviews{display:flex;align-items:center;gap:7px;margin:10px 0 0}.dna-card-real-reviews>span{font-size:11px;color:#667891}
.dna-business-hours{font-size:12px;line-height:1.7;color:#bec8dc;margin-top:12px}
.dna-menu-account{border-top:1px solid #e1e4eb;margin-top:10px;padding-top:10px}
@media(hover:hover){.dna-story-card:hover .dna-story-photo img{transform:scale(1.025)}}
@media(max-width:849px){
 .dna-standard-page{padding:16px 8px 28px}.dna-crumb{font-size:10px;gap:6px;margin-bottom:18px}.dna-crumb [aria-current]{max-width:70vw}
 .dna-archive-hero{padding:16px 4px 21px;margin-bottom:18px}.dna-archive-hero h1{font-size:26px}.dna-archive-hero>p:last-child,.dna-archive-hero>div{font-size:13px;line-height:1.8}.dna-kicker{font-size:9px}
 .dna-topic-chips{gap:6px;margin-bottom:16px}.dna-topic-chips a{font-size:11px;padding:8px 11px}
 .dna-contact-hero{grid-template-columns:1fr;gap:26px;padding:26px 20px;border-radius:13px}.dna-contact-hero h1{font-size:32px;line-height:1.25}.dna-contact-hero p{font-size:14px}.dna-contact-details{padding:23px 0 0;border-left:0;border-top:1px solid #ffffff26}.dna-contact-details h2{font-size:21px}.dna-contact-actions a{font-size:12px;padding:11px 13px}
 .dna-contact-bottom{grid-template-columns:1fr;gap:25px;padding:27px 4px 0}.dna-contact-bottom h2{font-size:23px}.dna-contact-bottom p,.dna-contact-bottom ol{font-size:14px}.dna-contact-form{padding:20px 16px}
 .dna-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.dna-story-card h2{font-size:15px;line-height:1.5;margin:7px 0 9px}.dna-story-card p{display:none}.dna-story-card time{font-size:10px}.dna-story-card>div{padding-top:11px}.dna-story-read{font-size:11px}.dna-story-photo{border-radius:7px}
 .dna-reader-heading{padding:0 6px;margin-bottom:20px}.dna-reader-heading h1{font-size:27px;line-height:1.35;margin-bottom:15px;letter-spacing:-.3px}.dna-reader-meta{gap:11px;font-size:10px}.dna-reader-cover{margin-bottom:23px}.dna-reader-cover img{border-radius:8px}
 .dna-reader-layout{display:block}.dna-reader-body{padding:0 6px}.dna-reader-body .entry-content{font-size:16px;line-height:1.9}.dna-reader-body .entry-content h2{font-size:23px;margin-top:27px;scroll-margin-top:140px}.dna-reader-body .entry-content h3{font-size:19px;scroll-margin-top:140px}.dna-reader-body .entry-content table{font-size:12px}.dna-reader-body #ez-toc-container{padding:15px;font-size:13px}
 .dna-reader-aside{position:static;margin:30px 6px 0}.dna-reader-aside>div:first-child{display:none}.dna-reader-next{grid-template-columns:90px minmax(0,1fr)}.dna-reader-next img{width:90px;height:60px}.dna-reader-next span{font-size:14px}
 #comments .comment-respond,#review_form_wrapper{padding:19px 14px;margin-top:24px}#comments .comment-reply-title{font-size:21px}.dna-review-summary{grid-template-columns:105px 1fr;padding:15px;gap:14px}.dna-review-summary strong{font-size:30px}.dna-rating-options span{min-width:45px;min-height:40px}
 .dna-story-card:active .dna-story-photo img,.dna-story-photo:active img{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){.dna-story-photo img{transition:none}.dna-story-card:active .dna-story-photo img{transform:none}}

/* Stable desktop contact slots and compact composer extensions. */
@media(min-width:850px){#masthead .header-nav>.html_top_right_text{flex:0 0 134px;min-width:134px}#masthead .header-nav>.header-social-icons{flex:0 0 94px;min-width:94px}}
#dna-connect .dnc-ai-tools{margin:-3px 0 18px;padding:12px;border:1px solid #e4deef;border-radius:8px;background:#faf8fd}#dna-connect .dnc-ai-tools button{padding:9px 12px;background:#efe9f7;border:1px solid #d8c8ec;border-radius:6px;color:#57338b;font-size:12px}#dna-connect .dnc-ai-tools small{display:block;font-size:11px;line-height:1.7;color:#67738a;margin:7px 0 0}#dna-connect .dnc-ai-tools textarea{margin:12px 0;min-height:170px}#dna-connect .dnc-gallery-note{font-size:11px;color:#63738a;line-height:1.7;margin:5px 0 17px}#dna-connect #dnc-gallery{margin-bottom:5px}#main-menu [hidden]{display:none!important}

@media(min-width:850px){#masthead .header-nav>.html_top_right_text{flex-basis:146px;min-width:146px}#masthead .html_top_right_text a,#masthead .html_top_right_text strong{white-space:nowrap}}
.dna-contact-photo{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:10px;margin:0 0 24px}.dna-article-toc{padding:18px 20px;background:#faf8fd;border:1px solid #e2dceb;border-radius:10px;margin:0 0 25px;font-size:14px}.dna-article-toc summary{cursor:pointer;font-size:16px;font-weight:700;color:#22395e}.dna-article-toc ol{margin:13px 0 0 22px}.dna-article-toc li{margin:6px 0;line-height:1.7}.dna-article-toc .dna-toc-level-3{margin-left:12px}.dna-article-toc a{color:#40587c}.dna-reader-body .entry-content h2[id],.dna-reader-body .entry-content h3[id]{scroll-margin-top:155px}

.dnp-order-note{border-top:1px solid #e3e7ee;padding-top:13px;margin-top:16px;font-size:13px;color:#566b86}.dnp-order-note summary{cursor:pointer;font-weight:700;color:#304d78}.dnp-order-note p{font-size:13px;line-height:1.8;margin:10px 0}.dnp-order-note a{color:#6744a4;text-decoration:underline}.dna-card-real-reviews .star-rating{display:block}.product-small.box .box-text>.star-rating{display:none}
@media(min-width:850px){.dna-editorial-grid>.dna-story-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-bottom:27px}.dna-editorial-grid>.dna-story-card:first-child h2{font-size:28px;-webkit-line-clamp:4}.dna-editorial-grid>.dna-story-card:first-child p{font-size:15px}.dna-editorial-grid>.dna-story-card:first-child>div{padding-top:0}}

#dna-books .dnk-book-copy h2,#dna-books .dnk-toc-body>h2,#dna-books .dnk-volume-header h2,#dna-books .dnk-practice h2,#dna-books .dnk-chapter-number{font-family:Arial,Helvetica,sans-serif}

#dna-contact .dna-contact-details dl>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}#dna-contact .dna-contact-details dt,#dna-contact .dna-contact-details dd{text-transform:none;display:block;float:none;letter-spacing:0;font-weight:400;max-width:100%}#dna-contact .dna-contact-details dd a{overflow-wrap:anywhere}#dna-contact .dna-contact-hero .dna-kicker{font-size:10px;line-height:1.7;letter-spacing:1.1px}@media(max-width:849px){#dna-contact .dna-contact-hero .dna-kicker{font-size:8px}}

/* Keep book navigation legible inside the article reading theme. */
.dna-reader-body .entry-content .dnk-reader-head>a{color:#eee7fb;text-decoration:none}#dna-reader .dnk-reader-nav span{color:#63728a;font-size:11px}#dna-reader .dnk-reader-nav strong{font-size:13px}#dnp-product dt{color:#65758b}.dnaf-resultbar p{color:#63748a}

@media(min-width:850px){body.page-id-7887 .dnf-social,body.home .dna-feed-channels{gap:16px}}
		
/* Mobile sheet: gesture affordance, without changing layout. */
@media(max-width:849px){#dna-connect .dnc-sheet{overscroll-behavior-x:contain}#dna-connect .dnc-sheet:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34px;height:3px;border-radius:3px;background:#d8d6e4;pointer-events:none}}

/* Quick menu shares the social/composer sheet and its account row. */
#dna-connect .dnc-menu-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 20px}
#dna-connect .dnc-menu-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:37px;border:1px solid #e1deeb;border-radius:8px;background:#faf9fd;color:#3e5273;font-size:12px;font-weight:600;text-decoration:none;padding:8px 5px}
#dna-connect .dnc-menu-shortcuts a:hover{background:#f2edf9;border-color:#bca6dd;color:#6742a6}
#dna-connect .dnc-menu-eyebrow{font-size:10px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:#6c7a90;margin:0 0 10px}
#dna-connect .dnc-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
#dna-connect .dnc-menu-card,#dna-connect .dnc-menu-group{border:1px solid #e1e5ee;border-radius:11px;background:#fff;min-width:0;overflow:hidden;margin:0;color:#243c60}
#dna-connect .dnc-menu-card,#dna-connect .dnc-menu-group>summary{display:flex;align-items:center;gap:10px;padding:11px;min-height:64px;line-height:1.45;text-decoration:none;font-size:13px;font-weight:600}
#dna-connect .dnc-menu-card>span:last-child,#dna-connect .dnc-menu-label{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#dna-connect .dnc-menu-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#7651c5}
#dna-connect .dnc-menu-icon img{display:block;width:34px;height:34px;object-fit:contain;border:0;padding:0;margin:0;border-radius:3px}
#dna-connect .dnc-menu-icon i{font-size:19px}
#dna-connect .dnc-menu-group>summary,#dna-connect .dnc-menu-subgroup>summary{cursor:pointer;list-style:none;text-transform:none;letter-spacing:0;color:#243c60}
#dna-connect summary::-webkit-details-marker{display:none}
#dna-connect .dnc-menu-group>summary>.fa-chevron-down,#dna-connect .dnc-menu-subgroup>summary>.fa-chevron-down{font-size:10px;color:#7d6c9d;margin-left:auto;flex-shrink:0;transition:transform .18s}
#dna-connect .dnc-menu-group[open]{grid-column:1/-1;border-color:#bca7dc}
#dna-connect .dnc-menu-group[open]>summary{border-bottom:1px solid #e8e2f0;background:#fbf9fe}
#dna-connect details[open]>summary>.fa-chevron-down{transform:rotate(180deg)}
#dna-connect .dnc-menu-sublist{padding:5px 12px 9px;background:#fff}
#dna-connect .dnc-menu-overview{display:block;padding:12px 4px;color:#6843a5;font-weight:600;font-size:12px;border-bottom:1px solid #edf0f5}
#dna-connect .dnc-menu-sub-link,#dna-connect .dnc-menu-subgroup>summary{display:flex;align-items:center;gap:10px;padding:8px 4px;min-height:44px;font-size:13px;font-weight:500;color:#3b5273;text-decoration:none;line-height:1.5}
#dna-connect .dnc-menu-sub-link+.dnc-menu-sub-link,#dna-connect .dnc-menu-subgroup{border-top:1px solid #edf0f5}
#dna-connect .dnc-menu-sub-link .dnc-menu-icon,#dna-connect .dnc-menu-subgroup .dnc-menu-icon{width:28px;height:28px;flex-basis:28px}
#dna-connect .dnc-menu-sub-link img,#dna-connect .dnc-menu-subgroup .dnc-menu-icon img{width:28px;height:28px}
#dna-connect .dnc-menu-card[aria-current=page],#dna-connect .dnc-menu-sub-link[aria-current=page]{border-color:#b19aca;background:#f7f3fc;color:#6843a5}
#dna-connect .dnc-menu-fallback{grid-column:1/-1;font-size:13px;color:#123b83;border:1px solid #dfe5ef;border-radius:9px;padding:14px}
#dna-connect .dnc-menu-card:active,#dna-connect .dnc-menu-shortcuts a:active{background:#f3eef9}
.bottom-contact #Menu[aria-expanded=true]{background:#f3eefb;border-radius:9px}
@media(max-width:849px){
 #dna-connect .dnc-menu-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:17px}
 #dna-connect .dnc-menu-shortcuts a{font-size:12px;min-height:36px;padding:8px 3px}
 #dna-connect .dnc-menu-grid{gap:8px}
 #dna-connect .dnc-menu-card,#dna-connect .dnc-menu-group>summary{min-height:64px;padding:10px 8px;gap:8px;font-size:12px}
 #dna-connect .dnc-menu-icon,#dna-connect .dnc-menu-icon img{width:32px;height:32px;flex-basis:32px}
 #dna-connect .dnc-menu-label{flex:1}
 #dna-connect .dnc-menu-group>summary>.fa-chevron-down{font-size:9px}
 #dna-connect .dnc-menu-eyebrow{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#dna-connect .dnc-menu-group>summary>.fa-chevron-down,#dna-connect .dnc-menu-subgroup>summary>.fa-chevron-down{transition:none}}

#dna-connect .dnc-menu-group>summary{min-height:62px}

/* DN Audio: phản hồi khi tải lại trang */
#dna-page-tools #dna-page-reload.is-reloading{opacity:1;cursor:progress;transform:none;pointer-events:none}
#dna-page-reload.is-reloading svg{transform-origin:50% 50%;animation:dna-reload-spin .7s linear infinite}
@keyframes dna-reload-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#dna-page-reload.is-reloading svg{animation:none}#dna-page-tools #dna-page-reload.is-reloading{opacity:.6}}

/* Header DN Audio: aligned controls and readable site-wide search. */
#masthead .header-inner{position:relative}
#masthead form.dna-site-search .dns-input-row{border-radius:10px;border-color:#c6d2e7}
#masthead form.dna-site-search input[type=search]{font-size:15px;letter-spacing:0;text-transform:none}
#masthead form.dna-site-search input[type=search]::placeholder{color:#738097;opacity:1}
form.dna-site-search .dns-suggest strong{font-size:14px;line-height:1.45}
form.dna-site-search .dns-suggest small{font-size:11px;color:#72539d}
form.dna-site-search .dns-suggest em{font-size:11px;color:#68778e}
form.dna-site-search .dns-suggest-footer{border-top:1px solid #e8e6f0;margin-top:4px!important;padding-top:4px!important}
form.dna-site-search .dns-suggest .dns-suggest-more{min-height:55px;color:#123b83}
form.dna-site-search .dns-suggest .dns-suggest-more strong{color:#123b83;font-weight:700}
@media(min-width:850px){
 #header #masthead{height:76px}
 #masthead .header-inner{height:100%;min-height:76px}
 #masthead #logo{margin-right:24px;display:flex;align-items:center;flex:0 0 220px}
 #masthead .hide-for-medium.flex-left.flex-grow{min-width:0}
 #masthead .header-nav-main.nav-left{display:flex;flex-wrap:nowrap;align-items:center;gap:16px}
 #masthead .header-nav-main.nav-left>li{margin-left:0;margin-right:0}
 #masthead .header-nav-main.nav-left>.header-search-form{flex:0 1 520px;min-width:230px;width:520px;max-width:520px}
 #masthead .header-search-form-wrapper{width:100%}
 #masthead form.dna-site-search input[type=search]{height:42px!important;min-height:42px}
 #masthead form.dna-site-search button[type=submit]{min-height:42px;width:44px;min-width:44px;font-size:21px}
 #masthead .html_top_right_text>div{padding:0!important;border-radius:9px!important}
 #masthead .html_top_right_text a[href^="tel:"]{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 13px;white-space:nowrap;font-family:Arial,Helvetica,sans-serif}
 #masthead .html_top_right_text strong{font-size:14px!important;letter-spacing:0!important}
 #masthead .header-nav>.header-social-icons{flex:0 0 auto;min-width:107px}
 #masthead .header-social-icons .social-icons{display:flex;align-items:center;gap:9px;white-space:nowrap}
 #masthead .header-social-icons a{margin:0!important;font-size:16px;display:grid;place-items:center;min-width:20px;min-height:40px}
 #wide-nav .flex-center{min-width:0}
 #wide-nav .header-bottom-nav.nav-center{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;max-width:100%}
 #wide-nav .header-bottom-nav.nav-center::-webkit-scrollbar{display:none}
 #wide-nav .header-bottom-nav.nav-center>li{flex-shrink:0}
}
@media(min-width:850px) and (max-width:1099px){#masthead #logo{width:190px;flex-basis:190px;margin-right:16px}#masthead .header-nav-main.nav-left{gap:12px}#masthead .header-social-icons .social-icons{gap:5px}#masthead .html_top_right_text a[href^="tel:"]{padding:0 9px}}
@media(max-width:849px){
 #header #masthead{height:64px}
 #masthead .header-inner{height:64px;padding-left:8px;padding-right:8px;gap:10px;justify-content:flex-start}
 #masthead #logo{width:clamp(124px,39vw,168px);flex:0 0 clamp(124px,39vw,168px);margin:0!important;display:flex;align-items:center}
 #masthead #logo img{max-height:54px;object-fit:contain}
 #masthead .show-for-medium.flex-left{display:none!important}
 #masthead .show-for-medium.flex-right{flex:1;min-width:0;margin:0;position:static}
 #masthead .mobile-nav.nav-right{width:100%;display:flex;margin:0;position:static}
 #masthead .mobile-nav.nav-right>.header-search-form{width:100%;margin:0;position:static!important}
 #masthead .mobile-nav .header-search-form-wrapper,#masthead .mobile-nav .searchform-wrapper,#masthead .mobile-nav form.dna-site-search{position:static!important;width:100%;min-width:0}
 #masthead form.dna-site-search input[type=search]{font-size:16px!important;height:42px!important;min-height:42px;padding:9px 10px!important}
 #masthead form.dna-site-search button[type=submit]{width:42px;min-width:42px;min-height:42px;font-size:21px}
 #masthead form.dna-site-search .dns-suggest{left:8px;right:8px;top:calc(100% + 5px);width:auto;max-width:none;max-height:min(430px,calc(100dvh - 170px));padding:5px!important;z-index:9999}
 #masthead form.dna-site-search .dns-suggest a{min-height:64px;gap:11px;padding:10px!important}
 #masthead form.dna-site-search .dns-suggest strong{font-size:13px}
 #masthead form.dna-site-search .dns-suggest small{font-size:10px}
}

/* Quick links appear on focus before typing. */
form.dna-site-search .dns-quick-heading{padding:10px 12px 5px!important;color:#76548f;font-size:11px;font-weight:700;letter-spacing:.3px}
form.dna-site-search .dns-suggest .dns-quick-option{min-height:44px;padding:10px 12px!important}
form.dna-site-search .dns-quick-option strong{color:#123b83;font-size:14px}
@media(max-width:849px){#masthead form.dna-site-search .dns-suggest .dns-quick-option{min-height:44px;padding:10px 12px!important}}

/* Mobile modal gesture routing: header drag; downward dismiss, upward browse. */
@media(max-width:849px){
 #dna-connect .dnc-head{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 #dna-connect .dnc-browse-sheet .dnc-content{touch-action:pan-y pinch-zoom}
 @supports(touch-action:pan-down pinch-zoom){#dna-connect .dnc-browse-sheet .dnc-content{touch-action:pan-down pinch-zoom}}
}

/* Dialog itself has no focus ring; interactive controls retain keyboard focus. */
#dna-connect .dnc-sheet,#dna-connect .dnc-sheet:focus,#dna-connect .dnc-sheet:focus-visible{outline:none!important;outline-offset:0!important;border-color:#e6e7ef!important}
/* At the end of a list, an upward drag can dismiss instead of overscrolling. */
@media(max-width:849px){#dna-connect .dnc-browse-sheet.dnc-scroll-end .dnc-content{touch-action:pinch-zoom}}

/* PageSpeed: readable metadata and font fallback without blocking text. */
@font-face{font-family:"fl-icons";font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.19.4") format("woff2")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-regular-400.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.woff2") format("woff2")}
body.home #wrapper #content .dna3-side .dna3-promo small{color:#5f6375!important}
body.home #wrapper .dna-home-feed .yt-views,body.home #wrapper .dna-home-feed .yt-time{color:#5b687b!important}
body.home #wrapper .dna2-brand-label{color:#5d6c82!important}
body.home #wrapper .dna2-editorial .post-item .post-meta{color:#5f6c7e!important;opacity:1!important}
#wrapper .product-small .prd-sanphamhot{color:#c81946!important}
#wrapper .product-small .prd-banchay{color:#00734f!important}
#wrapper .product-small .prd-moi{color:#1257bd!important}

/* Read-more links: readable on white cards, matching DN Audio navy. */
body #wrapper .box-blog-post a.button.is-outline{color:#123b83!important;border-color:#123b83!important;background-color:#fff!important;opacity:1!important;text-shadow:none!important}
body #wrapper .box-blog-post a.button.is-outline:hover,body #wrapper .box-blog-post a.button.is-outline:focus-visible{color:#fff!important;background-color:#123b83!important;border-color:#123b83!important}
body #wrapper .box-blog-post a.button.is-outline:focus-visible{outline:2px solid #7651c5;outline-offset:3px}

/* First-screen images appear without the theme’s one-second fade. */
#header img,body.home #wrapper .dna3-banner-image img{opacity:1!important;transition:none!important;animation:none!important;}