/*
 * Migrated compatibility CSS bundle.
 * This file contains legacy styles carried over from the old site.
 * It can safely load on other sites, but rules only affect matching markup/classes.
 * If a target site uses different plugins/theme markup, those specific blocks will not apply.
 */

/* =========================================
   MAEL - CLEAN MERGED CSS
   Scoped to avoid breaking theme/product loop
========================================= */

/* =========================================
   1) CART ICON
========================================= */

/* Ẩn icon cart mặc định của site mới */
.xoo-wsc-sc-bki.xoo-wsc-icon-bag1:before{
  display:none !important;
  content:none !important;
}

/* Thêm SVG mới */
.xoo-wsc-sc-bki.xoo-wsc-icon-bag1{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 12H7L6 7Z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px 16px !important;
  width:20px !important;
  height:20px !important;
  display:inline-block !important;
}

/* Nhỏ hơn ở trigger */
.xoo-wsc-cart-trigger .xoo-wsc-sc-bki.xoo-wsc-icon-bag1{
  width:18px !important;
  height:18px !important;
}

/* Ẩn subtotal ngoài cart icon */
.xoo-wsc-sc-subt{
  display:none !important;
}


/* =========================================
   2) WISHLIST ICON GENERIC
========================================= */

.fxh-heart-icon{
  width:18px !important;
  height:18px !important;
  display:inline-block !important;
  flex:0 0 18px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important;
  -webkit-mask:none !important;
  mask:none !important;
  color:transparent !important;
}

a.fxh-btn.fxh-wishlist{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  color:#000 !important;
  background:transparent !important;
}


/* =========================================
   3) DALYA RAIL - SCOPED ONLY
   Không dùng global li.product nữa
========================================= */

.dalya-rail{
  --dalya-rail-gap: 8px;
  --dalya-rail-show-desktop: 4.5;
  --dalya-rail-show-laptop: 4;
  --dalya-rail-show-tablet: 2.6;
  --dalya-rail-show-mobile: 1.35;
}

.dalya-rail .dalya-rail__list{
  gap: var(--dalya-rail-gap) !important;
}

.dalya-rail .dalya-rail__list > li.product{
  width: calc((100% - (var(--dalya-rail-gap) * (var(--dalya-rail-show-desktop) - 1))) / var(--dalya-rail-show-desktop)) !important;
  min-width: 220px !important;
  flex: 0 0 auto !important;
  scroll-snap-align: start;
}

.dalya-rail .dalya-rail__list > li.product .price,
.dalya-rail .dalya-rail__list > li.product .woocommerce-Price-amount,
.dalya-rail .dalya-rail__list > li.product .amount{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.dalya-rail .dalya-rail__list > li.product .price,
.dalya-rail .dalya-rail__list > li.product .price *{
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

.dalya-rail .dalya-rail__list > li.product .price{
  margin:0 !important;
  line-height:1.45 !important;
  white-space:normal !important;
  color:inherit !important;
}

.dalya-rail .dalya-rail__list > li.product .price .wcpbc-price,
.dalya-rail .dalya-rail__list > li.product .price .woocommerce-Price-amount,
.dalya-rail .dalya-rail__list > li.product .price .amount,
.dalya-rail .dalya-rail__list > li.product .price bdi,
.dalya-rail .dalya-rail__list > li.product .price .woocommerce-Price-currencySymbol,
.dalya-rail .dalya-rail__list > li.product .price ins,
.dalya-rail .dalya-rail__list > li.product .price del,
.dalya-rail .dalya-rail__list > li.product .price span{
  display:inline !important;
  float:none !important;
  clear:none !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  vertical-align:baseline !important;
  position:static !important;
  transform:none !important;
}

.dalya-rail .dalya-rail__list > li.product .price br,
.dalya-rail .dalya-rail__list > li.product .price .screen-reader-text{
  display:none !important;
}

/* Desktop / Laptop */
@media (min-width:768px){
  .dalya-rail .dalya-rail__list > li.product .woocommerce-loop-product__title{
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color:#000 !important;
  }

  .dalya-rail .dalya-rail__list > li.product .price,
  .dalya-rail .dalya-rail__list > li.product .price *{
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color:#000 !important;
  }
}

/* Mobile */
@media (max-width:767px){
  .dalya-rail .dalya-rail__list > li.product .woocommerce-loop-product__title{
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color:#000 !important;
  }

  .dalya-rail .dalya-rail__list > li.product .price,
  .dalya-rail .dalya-rail__list > li.product .price *{
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color:#000 !important;
  }
}

@media (max-width:1279px){
  .dalya-rail .dalya-rail__list > li.product{
    width: calc((100% - (var(--dalya-rail-gap) * (var(--dalya-rail-show-laptop) - 1))) / var(--dalya-rail-show-laptop)) !important;
  }
}

@media (max-width:1024px){
  .dalya-rail .dalya-rail__list > li.product{
    width: calc((100% - (var(--dalya-rail-gap) * (var(--dalya-rail-show-tablet) - 1))) / var(--dalya-rail-show-tablet)) !important;
    min-width: 200px !important;
  }
}

@media (max-width:767px){
  .dalya-rail .dalya-rail__list > li.product{
    width: calc((100% - (var(--dalya-rail-gap) * (var(--dalya-rail-show-mobile) - 1))) / var(--dalya-rail-show-mobile)) !important;
    min-width: 0 !important;
  }
}

/* Wishlist button chỉ trong dalya rail */
.dalya-rail button.dalya-wl-btn{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  width:28px !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,0.75) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-radius:50% !important;
  border:none !important;
  padding:0 !important;
  transition:background .2s ease, box-shadow .2s ease !important;
  z-index:10 !important;
}

.dalya-rail .dalya-wl-btn svg{
  width:14px !important;
  height:14px !important;
}

.dalya-rail button.dalya-wl-btn:hover{
  background:#fff !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.12);
}


/* =========================================
   4) MY ACCOUNT
========================================= */

body.woocommerce-account .woocommerce-MyAccount-navigation {
  display: none;
}
body.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  float: none;
}
body.woocommerce-account.logged-in {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  font-size: 11px;
  line-height: 1;
}

body.woocommerce-account .cc-account-wrapper {
  max-width: 460px;
  margin: 80px auto 100px;
  padding: 0 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
}

body.woocommerce-account .cc-login-title {
  text-align: center;
  font-size: 11px;
  letter-spacing: 0em;
  text-transform: uppercase;
  margin: 0 0 32px;
}

body.woocommerce-account .cc-field {
  margin-bottom: 26px;
}
body.woocommerce-account .cc-field label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0em;
  margin-bottom: 6px;
}
body.woocommerce-account .cc-required {
  margin-left: 2px;
}
body.woocommerce-account .cc-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 0;
  padding: 7px 0 8px;
  font-size: 11px;
  background: transparent;
  box-shadow: none;
}
body.woocommerce-account .cc-input-group {
  position: relative;
  display: block;
}
body.woocommerce-account .cc-input-group .show-password-input {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
body.woocommerce-account .cc-eye {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
body.woocommerce-account .cc-login-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 4px 0 24px;
  font-size: 11px;
}
body.woocommerce-account .cc-remember {
  display: flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
}
body.woocommerce-account .cc-remember input[type="checkbox"] {
  width: 11px;
  height: 11px;
  margin: 0;
}
body.woocommerce-account .cc-meta-links {
  text-align: right;
}
body.woocommerce-account .cc-meta-links a {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1.3;
  color: #000;
  text-decoration: none;
}
body.woocommerce-account .cc-meta-links a:hover {
  text-decoration: underline;
}
body.woocommerce-account .cc-actions {
  margin-bottom: 10px;
}
body.woocommerce-account .cc-btn {
  width: 100%;
  border: 1px solid #000;
  border-radius: 0;
  padding: 12px 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  cursor: pointer;
  background: #fff;
  color: #000;
}
body.woocommerce-account .cc-btn-primary {
  background: #fff;
}
body.woocommerce-account .cc-btn-primary:hover,
body.woocommerce-account .cc-btn-secondary:hover,
body.woocommerce-account .cc-btn:hover {
  background: #000 !important;
  color: #fff !important;
}
body.woocommerce-account .cc-or {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  margin: 14px 0;
}
body.woocommerce-account .cc-create-account {
  margin-top: 60px;
  text-align: center;
  max-width: 380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.woocommerce-account .cc-create-account h3 {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
body.woocommerce-account .cc-create-account p {
  font-size: 11px;
  line-height: 1.5;
  max-width: 420px;
  margin: 0 auto 24px;
}
body.woocommerce-account .cc-create-account a {
  display: block;
  max-width: 460px;
  width: 100%;
  margin: 24px auto 0;
  border: 1px solid #000;
  border-radius: 0;
  padding: 11px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  text-decoration: none;
}
body.woocommerce-account .cc-create-account a:hover {
  background: #000;
  color: #fff;
}
.cc-create-account .cc-btn.cc-btn-secondary {
  display: block !important;
  width: 100% !important;
  max-width: 380px !important;
  margin: 20px auto 0 !important;
}
body.woocommerce-account .cc-back-link {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
body.woocommerce-account .cc-form-title-register {
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin: 0 0 32px;
}
body.woocommerce-account .cc-register-row-2col {
  display: flex;
  gap: 24px;
}
body.woocommerce-account .cc-terms-row {
  margin: 18px 0 24px;
}
body.woocommerce-account .cc-terms-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11px;
}
body.woocommerce-account .cc-register-bottom {
  margin-top: 40px;
  text-align: center;
}
body.woocommerce-account .cc-register-bottom-title {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

body.woocommerce-account .cc-social {
  margin-top: 0;
}
body.woocommerce-account .cc-social .nsl-container,
body.woocommerce-account .cc-social .nsl-container-buttons,
body.woocommerce-account .cc-social .nsl-container-buttons a[data-plugin="nsl"] {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  text-decoration: none;
}
body.woocommerce-account .cc-social .nsl-container-buttons .nsl-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  padding: 0;
  border: 0 solid #000;
  border-radius: 0;
  background: #fff;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
body.woocommerce-account .cc-social .nsl-container-buttons .nsl-button svg {
  width: 14px;
  height: 14px;
}
body.woocommerce-account .cc-social .nsl-container-buttons .nsl-button-label-container,
body.woocommerce-account .cc-social .nsl-container-buttons .nsl-button-label-container b {
  line-height: 1;
  color: inherit;
}
body.woocommerce-account .cc-social .nsl-container-buttons a[data-plugin="nsl"]:hover .nsl-button,
body.woocommerce-account .cc-social .nsl-container-buttons .nsl-button:hover {
  background: #000 !important;
  color: #fff !important;
}
body.woocommerce-account .cc-social .nsl-container-buttons a[data-plugin="nsl"]:hover .nsl-button-label-container,
body.woocommerce-account .cc-social .nsl-container-buttons a[data-plugin="nsl"]:hover .nsl-button-label-container b {
  color: #fff !important;
}
.nsl-button.nsl-button-default.nsl-button-google {
  border: 1px solid #000 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.cc-register-form,
.cc-register-form * {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  box-sizing: border-box;
  box-shadow: none !important;
}
.cc-register-form {
  max-width: 420px;
  margin: 0 auto;
  border: none !important;
  outline: none !important;
  background: transparent !important;
}
.cc-register-form label,
.cc-register-form small,
.cc-register-form p,
.cc-register-form a,
.cc-register-form span,
.cc-register-form button,
.cc-register-form input,
.cc-register-form .cc-btn,
.cc-register-form .woocommerce-privacy-policy-text p,
.cc-register-form .woocommerce-privacy-policy-text a {
  font-size: 11px !important;
  letter-spacing: 0 !important;
  font-weight: 400;
}
.cc-register-form .cc-required {
  font-size: 11px !important;
  line-height: 1;
}
.cc-register-form input[type="email"],
.cc-register-form input[type="text"],
.cc-register-form input[type="password"],
.cc-register-form input::placeholder {
  font-size: 11px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}
.cc-register-form .cc-btn,
.cc-register-form .woocommerce-form-register__submit {
  font-size: 11px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none;
}
.cc-login-wrapper,
.cc-login-form {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.cc-login-form .cc-btn.cc-btn-primary.woocommerce-form-login__submit {
  display: block;
  width: 100%;
  margin-bottom: 20px !important;
}

/* đổi link cứng site cũ */
.cc-create-account .cc-btn.cc-btn-secondary,
a.cc-btn.cc-btn-secondary{
  display: block !important;
  max-width: 380px !important;
  margin: 24px auto 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.cc-account-wrapper .cc-field-password .password-input {
  position: relative;
  display: block;
}
.cc-account-wrapper .cc-field-password .password-input .cc-input {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
}
.cc-account-wrapper input[type="password"] {
  background: none !important;
  background-image: none !important;
}
.cc-account-wrapper input[type="password"]::before,
.cc-account-wrapper input[type="password"]::after {
  content: "" !important;
  background: none !important;
}
.cc-account-wrapper .cc-show-password-input {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cc-account-wrapper .cc-show-password-input img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  filter: brightness(0) contrast(200%);
}
.password-input .show-password-input,
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.password-input .show-password-input::before,
.password-input .show-password-input::after,
.woocommerce form .show-password-input::before,
.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::before,
.woocommerce-page form .show-password-input::after {
  content: "" !important;
  background: none !important;
  background-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.ds-account-guest { display:block; }
.ds-account-logged { display:none; }
body.logged-in .ds-account-guest { display:none; }
body.logged-in .ds-account-logged { display:block; }


/* =========================================
   5) DASHBOARD / ORDER / ADDRESS
========================================= */

.cc-dashboard-wrapper {
  max-width: 1100px;
  margin: 80px auto 120px;
  padding: 0 20px;
  padding-bottom: 280px;
  position: relative;
  font-size: 11px;
}
.cc-dashboard-logout {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: -30px;
}
.cc-dashboard-logout a {
  color: #000;
  text-decoration: none;
  border-top: 1px solid #000;
  padding-top: 3px;
  display: inline-block;
}
.cc-dashboard-inner {
  display: flex;
  justify-content: center;
  gap: 80px;
  align-items: flex-start;
  margin-top: 60px;
}
.cc-dashboard-column {
  font-size: 11px;
  text-align: center;
}
.cc-dashboard-orders {
  padding-right: 70px;
  border-right: 1px solid #e5e5e5;
}
.cc-dashboard-account {
  padding-left: 70px;
}
.cc-dash-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 20px;
}
.cc-dash-text-heading { margin-bottom: 6px; }
.cc-dash-text-body { margin-bottom: 18px; }
.cc-dash-order-list {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}
.cc-dash-order-list li { margin-bottom: 6px; }
.cc-dash-order-list li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 11px;
}
.cc-order-number { font-weight: 600; margin-right: 6px; }
.cc-order-date,
.cc-order-status,
.cc-order-total { margin-right: 4px; }

.cc-dashboard-column .cc-btn-outline {
  margin-top: 18px;
  min-width: 210px;
  text-align: center;
}
body.woocommerce-account .cc-dashboard-account .cc-btn.cc-btn-outline {
  margin-top: 38px;
}
.cc-dashboard-wrapper .cc-btn.cc-btn-outline {
  padding: 10px 40px;
  min-width: 190px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.cc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 9px 28px;
  line-height: 1;
  border-radius: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.cc-btn-outline {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  padding: 13px 40px;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.45px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 0;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
}
.cc-btn-outline::before,
body.woocommerce-account .woocommerce-MyAccount-content a.button::before,
body.woocommerce-account .woocommerce-MyAccount-content .button::before,
body.woocommerce-account .woocommerce-MyAccount-content button.button::before,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s ease-out;
  z-index: -1;
}
.cc-btn-outline:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover {
  color: #fff !important;
}
.cc-btn-outline:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content a.button:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content .button:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content button.button:hover::before,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover::before {
  transform: scaleX(1);
}
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button.button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .cc-btn-outline {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  min-width: 150px;
  padding: 6px 24px;
  border-radius: 0 !important;
  border: 1px solid #000 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #000 !important;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
}

.cc-dashboard-wrapper-inner {
  max-width: 800px;
  margin: 80px auto 120px;
  padding: 0 20px;
  font-size: 11px;
}
.cc-dashboard-main-only { font-size: 11px; }
.cc-dashboard-wrapper-inner h2,
.cc-dashboard-wrapper-inner h3,
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
}
body.woocommerce-account .woocommerce-MyAccount-content a {
  font-size: 11px;
}
body.woocommerce-account .woocommerce table.my_account_orders,
body.woocommerce-account .woocommerce table.shop_table {
  font-size: 11px;
  border-collapse: collapse;
  width: 100%;
}
body.woocommerce-account .woocommerce table.my_account_orders th,
body.woocommerce-account .woocommerce table.my_account_orders td,
body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td {
  padding: 8px 4px;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
}

.cc-address-wrapper,
.cc-edit-address-wrapper {
  max-width: 780px;
  margin: 80px auto 140px;
  padding: 0 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #000;
}
.cc-address-header,
.cc-edit-address-wrapper .cc-address-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.cc-back-link {
  position: relative;
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #000;
  text-decoration: none;
}
.cc-back-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  height: 1px;
  width: 100%;
  background: #000;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s ease-out;
}
.cc-back-link:hover::before {
  transform: scaleX(1);
}
.cc-address-card {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 35px;
}
.cc-address-title,
.cc-edit-address-wrapper .cc-address-title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0;
}
.cc-address-title { margin-bottom: 22px; }
.cc-edit-address-wrapper .cc-address-title { margin-bottom: 26px; }
.cc-address-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}
.cc-address-row:last-child {
  border-bottom: none;
}
.cc-label {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.cc-value { text-align: right; }
.cc-address-actions { margin-top: 24px; }

.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper::after {
  content: "";
  display: block;
  clear: both;
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row {
  width: 100%;
  margin-bottom: 24px;
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row label {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row input.input-text,
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row textarea,
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  padding: 4px 0 6px;
  font-size: 11px;
  line-height: 1;
  box-shadow: none;
  background: transparent;
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-first,
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-last {
  float: left;
  width: calc(50% - 30px);
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-first {
  margin-right: 30px;
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-last {
  margin-left: 30px;
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-wide {
  clear: both;
  width: 100%;
}
.cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row .woocommerce-form__label {
  font-size: 11px;
}
.cc-edit-address-actions {
  margin-top: 28px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.cc-edit-address-actions .cc-btn.cc-btn-outline {
  padding: 10px 40px;
}
.cc-edit-address-actions .cc-btn.cc-btn-outline:hover {
  color: #fff;
}
.cc-edit-address-actions .cc-edit-cancel {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #000;
  text-decoration: none;
}
.cc-edit-address-actions .cc-edit-cancel:hover {
  text-decoration: underline;
}
.cc-edit-address-wrapper .cc-address-header .cc-btn.cc-btn-outline {
  width: auto;
  max-width: 260px;
  flex-shrink: 0;
  white-space: nowrap;
}

/* Orders */
body.woocommerce-account .cc-orders-list {
  max-width: 980px;
  margin: 80px auto 120px;
  padding: 0 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}
body.woocommerce-account .cc-order-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 18px 0;
  border-bottom: 1px solid #f0f0f0;
}
body.woocommerce-account .cc-order-card:first-child {
  border-top: 1px solid #f0f0f0;
}
body.woocommerce-account .cc-order-card:hover {
  background-color: #fafafa;
}
body.woocommerce-account .cc-order-main {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  align-items: center;
}
body.woocommerce-account .cc-order-meta {
  display: flex;
  flex-direction: column;
  min-width: 120px;
}
body.woocommerce-account .cc-order-meta-label {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.35px;
  color: #999;
  margin-bottom: 2px;
}
body.woocommerce-account .cc-order-number,
body.woocommerce-account .cc-order-date,
body.woocommerce-account .cc-order-status-text,
body.woocommerce-account .cc-order-total {
  font-size: 11px;
  color: #000;
}
body.woocommerce-account .cc-order-number {
  font-weight: 600;
  text-decoration: none;
}
body.woocommerce-account .cc-order-number:hover {
  text-decoration: underline;
}
body.woocommerce-account .cc-order-actions {
  flex-shrink: 0;
}
body.woocommerce-account .cc-order-actions .cc-order-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  padding: 10px 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border-radius: 0;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
}
body.woocommerce-account .cc-order-actions .cc-order-action::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s ease-out;
  z-index: -1;
}
body.woocommerce-account .cc-order-actions .cc-order-action:hover {
  color: #fff;
}
body.woocommerce-account .cc-order-actions .cc-order-action:hover::before {
  transform: scaleX(1);
}

/* View order */
body.woocommerce-account .cc-view-order-wrapper {
  max-width: 980px;
  margin: 80px auto 140px;
  padding: 0 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #000;
}
.cc-order-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 16px;
  margin-bottom: 32px;
}
.cc-order-header-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cc-order-header-label {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #999;
}
.cc-order-header-number {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0;
}
.cc-order-header-date {
  font-size: 11px;
}
.cc-order-header-right {
  text-align: right;
}
.cc-order-status-label {
  display: block;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #999;
  margin-bottom: 4px;
}
.cc-order-status-pill {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #000;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0;
}
.cc-order-block { margin-bottom: 40px; }
.cc-block-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 18px;
}
.cc-order-notes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cc-order-note {
  padding: 10px 0;
  border-bottom: 1px solid #f3f3f3;
}
.cc-order-note-date {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #999;
  margin-bottom: 4px;
}
.cc-order-note-content { font-size: 11px; }
.cc-order-summary-inner {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.cc-order-items {
  flex: 1 1 auto;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}
.cc-order-row {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) 0.4fr 0.8fr;
  column-gap: 18px;
  padding: 9px 0;
  border-bottom: 1px solid #f3f3f3;
}
.cc-order-items-head {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #999;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 4px;
}
.cc-order-item:hover {
  background-color: #fafafa;
}
.cc-order-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cc-order-product-name,
.cc-order-product-name a {
  font-size: 11px;
  color: #000;
  text-decoration: none;
}
.cc-order-product-name a:hover {
  text-decoration: underline;
}
.cc-order-product-meta {
  font-size: 10px;
  color: #555;
  margin-top: 2px;
}
.cc-order-totals {
  flex: 0 0 260px;
  max-width: 260px;
  margin-left: auto;
  padding: 16px 22px;
  box-sizing: border-box;
}
.cc-order-total-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-top: 1px solid #eaeaea;
  font-size: 11px;
}
.cc-order-total-row:first-child {
  border-top: none;
}
.cc-order-total-label {
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 400;
}
.cc-order-total-row.cc-order-total-order_total .cc-order-total-label {
  font-weight: 600;
}
.cc-order-total-value {
  text-align: right;
}
.cc-order-total-value .shipped_via {
  font-size: 10px;
  text-transform: none;
}
.cc-order-addresses {
  display: flex;
  gap: 40px;
}
.cc-address-col {
  flex: 1 1 50%;
}
.cc-block-subtitle {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.cc-address-box {
  border: 1px solid #f0f0f0;
  padding: 12px 14px;
  font-size: 11px;
  line-height: 1;
}
.cc-address-line {
  margin-top: 4px;
}
.cc-order-back {
  margin-top: 20px;
}
.cc-order-product-meta .wc-item-meta {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-order-product-meta .wc-item-meta li {
  display: inline;
}
.cc-order-product-meta .wc-item-meta .wc-item-meta-label {
  font-weight: 400;
}
.cc-order-product-meta .wc-item-meta p {
  display: inline;
  margin: 0;
}
@media (min-width: 1024px) {
  .cc-dashboard-main-only,
  .cc-dashboard-main-only p,
  .cc-dashboard-main-only a,
  .cc-dashboard-main-only span,
  .cc-dashboard-main-only li,
  .cc-dashboard-main-only h2,
  .cc-dashboard-main-only h3,
  .cc-dashboard-main-only small,
  .cc-dashboard-main-only .woocommerce-Price-amount {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }
}


/* =========================================
   6) ACCOUNT POPUP
========================================= */

.ds-account-popup {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ds-account-popup .ds-account-guest,
.ds-account-popup .ds-account-logged {
  width: 100%;
}
.ds-account-popup .ds-account-guest{
  display: block !important;
}
.ds-account-popup .ds-account-logged{
  display: none !important;
}
body.logged-in .ds-account-popup .ds-account-guest{
  display: none !important;
}
body.logged-in .ds-account-popup .ds-account-logged{
  display: block !important;
}
.ds-account-popup .elementor-heading-title,
.ds-account-popup .elementor-widget-text-editor,
.ds-account-popup .elementor-widget-text-editor p,
.ds-account-popup .elementor-widget-text-editor a,
.ds-account-popup .elementor-button,
.ds-account-popup .elementor-button-text,
.ds-account-popup .elementor-shortcode {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #000;
}
.ds-account-popup .ds-account-logged .elementor-shortcode{
  display: block;
  margin: 0 0 18px !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
.ds-account-popup .elementor-widget-text-editor,
.ds-account-popup .elementor-widget-text-editor p{
  font-size: 11px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  margin: 0 !important;
}
.ds-account-popup .ds-account-logged .elementor-widget-text-editor a{
  display: inline-block;
  font-size: 11px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-decoration: none !important;
}
.ds-account-popup .ds-account-logged .elementor-widget-text-editor a:hover{
  text-decoration: underline !important;
}
.ds-account-popup .elementor-heading-title{
  text-transform: uppercase;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  color: #000 !important;
  text-align: center !important;
  margin: 0 !important;
}
.ds-account-popup .elementor-heading-title a{
  color: #000 !important;
  text-decoration: none !important;
}
.ds-account-popup .elementor-heading-title a:hover{
  text-decoration: underline !important;
}
.ds-account-popup .elementor-button{
  width: 100% !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 16px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-decoration: none !important;
}
.ds-account-popup .elementor-button:hover{
  background: #000 !important;
  color: #fff !important;
}
.ds-account-popup .elementor-button-text,
.ds-account-popup .elementor-button-content-wrapper{
  color: inherit !important;
}
.ds-account-popup .elementor-widget{
  margin-bottom: 18px !important;
}
.ds-account-popup .elementor-widget:last-child{
  margin-bottom: 0 !important;
}

/* Nút đóng popup chỉ trong popup */
.ds-account-popup a.dialog-close-button.dialog-lightbox-close-button,
.ds-account-popup .dialog-close-button.dialog-lightbox-close-button{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #000 !important;
  -webkit-tap-highlight-color: transparent !important;
}
.ds-account-popup a.dialog-close-button.dialog-lightbox-close-button:focus,
.ds-account-popup a.dialog-close-button.dialog-lightbox-close-button:focus-visible,
.ds-account-popup a.dialog-close-button.dialog-lightbox-close-button:active{
  outline: none !important;
  box-shadow: none !important;
}
.ds-account-popup .dialog-close-button.dialog-lightbox-close-button svg{
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}


/* =========================================
   7) CHAT / NEED HELP
   Gộp rule trùng, tránh đè lẫn nhau
========================================= */

.cm-chat__launcher{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 12px !important;
  min-height:auto !important;
  height:auto !important;
  line-height:normal !important;
  background:rgba(0,0,0,0.75) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border:1px solid rgba(255,255,255,0.15) !important;
  border-radius:6px !important;
  box-shadow:0 2px 10px rgba(0,0,0,0.2) !important;
  color:#fff !important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size:10px !important;
  font-weight:500 !important;
  transition:all .2s ease !important;
}
.cm-chat__launcher:hover{
  background:rgba(0,0,0,0.9) !important;
  transform:translateY(-1px);
}
.cm-chat__launcher-icon svg{
  width:12px !important;
  height:12px !important;
}
.cm-chat__launcher-label{
  font-size:15px !important;
  line-height:1.2 !important;
  letter-spacing:0.02em !important;
}

.cm-chat__panel{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius:12px;
  border:none;
  box-shadow:0 12px 40px rgba(0,0,0,0.18);
}
.cm-chat__header{
  padding:16px 18px 10px;
  border-bottom:1px solid #eee;
}
.cm-chat__title{
  font-size:18px;
  font-weight:500;
  letter-spacing:-0.01em;
  color:#000;
}
.cm-chat__subtitle{
  font-size:11px;
  color:#666;
  margin-top:3px;
}
.cm-chat__welcome{
  padding:10px 18px 0;
  font-size:12px;
  color:#222;
}
.cm-chat__body{
  padding:14px 18px;
}
.cm-chat__msg{
  font-size:12px;
  padding:8px 10px;
  border-radius:8px;
}
.cm-chat__msg--visitor{
  background:rgba(0,0,0,0.85);
  color:#fff;
  border:none;
}
.cm-chat__time{
  font-size:9px;
  opacity:.7;
}
.cm-chat__form{
  padding:12px 16px;
  border-top:1px solid #eee;
  gap:8px;
}
.cm-chat__input,
.cm-chat__textarea{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:11px;
  padding:8px 10px;
  border-radius:6px;
  border:1px solid #ddd;
}
.cm-chat__textarea{
  min-height:70px;
}
.cm-chat__send{
  background:#000 !important;
  color:#fff !important;
  border:none !important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size:10px !important;
  letter-spacing:0.08em !important;
  height:36px;
  border-radius:6px;
}
.cm-chat__send:hover{
  background:#111 !important;
  color:#fff !important;
}
.cm-chat__close{
  border:none !important;
  background:transparent !important;
  color:#000 !important;
  top:12px;
  right:12px;
  width:28px;
  height:28px;
}
.cm-chat__close:hover{
  background:transparent !important;
  color:#000 !important;
}
.cm-chat__close svg{
  width:14px !important;
  height:14px !important;
  stroke:#000 !important;
}
.cm-chat__panel *{
  --accent:#000 !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.woocommerce-account .cc-account-wrapper {
    max-width: 360px;
    margin: 40px auto 60px;
  }
  body.woocommerce-account .cc-register-row-2col {
    flex-direction: column;
  }

  .ds-account-popup .ds-account-logged .elementor-shortcode,
  .ds-account-popup .elementor-widget-text-editor,
  .ds-account-popup .elementor-widget-text-editor p,
  .ds-account-popup .ds-account-logged .elementor-widget-text-editor a,
  .ds-account-popup .elementor-heading-title,
  .ds-account-popup .elementor-button{
    font-size: 10px !important;
  }

  .cm-chat__launcher{
    padding:6px 12px !important;
    gap:6px !important;
  }

  .cm-chat__launcher-label{
    font-size:15px !important;
    line-height:1.2 !important;
  }
}

@media (max-width: 768px) {
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    font-size: 10px;
    line-height: 1;
  }
  body.woocommerce-account .woocommerce-MyAccount-content h2,
  body.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-size: 10px;
  }
  .cc-dashboard-wrapper {
    margin: 50px auto 80px;
    padding: 0 16px;
  }
  .cc-dashboard-inner {
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
    align-items: center;
  }
  .cc-dashboard-orders {
    padding-right: 0;
    padding-bottom: 24px;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .cc-dashboard-account {
    padding-left: 0;
  }
  .cc-dashboard-column {
    text-align: center;
  }
  .cc-dashboard-column .cc-btn-outline {
    font-size: 10px;
    padding: 7px 22px;
    min-width: 0;
    width: auto;
  }
  .cc-address-wrapper {
    max-width: 100%;
    margin: 50px auto 90px;
    padding: 0 16px;
    font-size: 10px;
  }
  .cc-address-header {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
  .cc-address-header .cc-back-link {
    align-self: flex-start;
    font-size: 10px;
  }
  .cc-address-row {
    padding: 8px 0;
  }
  .cc-address-wrapper .cc-btn-outline {
    font-size: 10px;
    padding: 10px 28px;
    min-width: 0;
    width: auto;
  }
  .cc-edit-address-wrapper {
    margin: 50px auto 100px;
    font-size: 10px;
  }
  .cc-edit-address-wrapper .cc-address-title,
  .cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row label,
  .cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row input.input-text,
  .cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row textarea,
  .cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row select,
  .cc-edit-address-actions .cc-edit-cancel {
    font-size: 10px;
  }
  .cc-edit-address-wrapper .cc-address-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .cc-edit-address-wrapper .cc-back-link {
    align-self: flex-start;
  }
  .cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-first,
  .cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-last,
  .cc-edit-address-wrapper .woocommerce-address-fields__field-wrapper .form-row-wide {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .cc-edit-address-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .cc-edit-address-actions .cc-btn.cc-btn-outline {
    width: 100%;
    justify-content: center;
  }
  .cc-edit-address-actions .cc-edit-cancel {
    font-size: 10px;
  }
  body.woocommerce-account .cc-orders-list {
    margin: 40px auto 80px;
    font-size: 10px;
  }
  body.woocommerce-account .cc-order-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
  }
  body.woocommerce-account .cc-order-main {
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }
  body.woocommerce-account .cc-order-meta {
    width: 100%;
    min-width: 0;
  }
  body.woocommerce-account .cc-order-meta-label {
    font-size: 9px;
  }
  body.woocommerce-account .cc-order-number,
  body.woocommerce-account .cc-order-date,
  body.woocommerce-account .cc-order-status-text,
  body.woocommerce-account .cc-order-total {
    font-size: 10px;
  }
  body.woocommerce-account .cc-order-actions {
    width: 100%;
  }
  body.woocommerce-account .cc-order-actions .cc-order-action {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }
  body.woocommerce-account .cc-view-order-wrapper {
    margin: 50px auto 90px;
    font-size: 10px;
  }
  .cc-order-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .cc-order-summary-inner {
    flex-direction: column;
    gap: 24px;
  }
  .cc-order-items-head,
  .cc-order-row {
    grid-template-columns: minmax(0, 2fr) 0.5fr 1fr;
  }
  .cc-order-totals {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .cc-order-addresses {
    flex-direction: column;
    gap: 24px;
  }
  .cc-order-product-name,
  .cc-order-product-name a,
  .cc-order-total-row,
  .cc-address-box {
    font-size: 10px;
  }
}

@media (max-width: 1024px) {
  .cc-order-summary-inner {
    flex-direction: column;
    gap: 20px;
  }
  .cc-order-totals {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }
}
/* ===== TRANSLATEPRESS — FINAL CLEAN LUXURY ===== */

/* wrapper */
.trp_language_switcher_shortcode{
  display:inline-block !important;
  vertical-align:middle !important;
  line-height:1 !important;
}

/* remove default box */
.trp_language_switcher_shortcode .trp-language-switcher{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:0 !important;
}

/* ===== CURRENT LANGUAGE ===== */
.trp_language_switcher_shortcode .trp-ls-shortcode-current-language{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* button */
.trp_language_switcher_shortcode .trp-ls-shortcode-current-language > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:26px !important;
  padding:0 16px 0 0 !important;
  background:transparent !important;
  text-decoration:none !important;
  position:relative !important;
}

/* arrow */
.trp_language_switcher_shortcode .trp-ls-shortcode-current-language > a::after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  width:5px !important;
  height:5px !important;
  margin-top:-4px !important;
  border-right:1px solid #111 !important;
  border-bottom:1px solid #111 !important;
  transform:rotate(45deg) !important;
}

/* flag */
.trp_language_switcher_shortcode .trp-flag-image{
  width:20px !important;
  height:14px !important;
  min-width:20px !important;
  object-fit:cover !important;
  display:block !important;
}

/* ===== DROPDOWN ===== */

/* KHÔNG đụng display / position của plugin */
.trp_language_switcher_shortcode .trp-ls-shortcode-language{
  background:#fff !important;
  border:1px solid #111 !important;
  padding:4px 0 !important;
  box-shadow:none !important;
}

/* item */
.trp_language_switcher_shortcode .trp-ls-shortcode-language a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:32px !important;
  padding:0 14px !important;
  background:#fff !important;
  text-decoration:none !important;
  transition:background .2s ease;
}

/* hover */
.trp_language_switcher_shortcode .trp-ls-shortcode-language a:hover{
  background:#f2f2f2 !important;
}

/* divider */
.trp_language_switcher_shortcode .trp-ls-shortcode-language a + a{
  border-top:1px solid #eee;
}

/* reset */
.trp_language_switcher_shortcode a,
.trp_language_switcher_shortcode a:hover,
.trp_language_switcher_shortcode a:focus{
  text-decoration:none !important;
  box-shadow:none !important;
  outline:none !important;
}
/* =========================================================
   ECPDP — NET-A-PORTER INSPIRED LUXURY PDP CSS
   Scoped only to .ecpdp-root
========================================================= */

.ecpdp-root,
.ecpdp-root *{
  box-sizing:border-box;
}

.ecpdp-root{
  --ecpdp-text:#111111;
  --ecpdp-muted:#6d6d6d;
  --ecpdp-line:#d8d8d2;
  --ecpdp-line-soft:#ecece7;
  --ecpdp-bg:#ffffff;
  --ecpdp-black:#111111;
  --ecpdp-white:#ffffff;
  width:100%;
  color:var(--ecpdp-text);
}

/* reset lạ từ theme/plugin ngoài */
.ecpdp-root a,
.ecpdp-root button,
.ecpdp-root input,
.ecpdp-root select{
  font-family:Arial, Helvetica, sans-serif !important;
  box-shadow:none !important;
  text-shadow:none !important;
  outline:none !important;
}

.ecpdp-root svg.dalya-wl-svg{
  display:none !important;
}

/* ===== LAYOUT ===== */
.ecpdp-root .ecpdp-layout{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(360px,560px);
  gap:22px;
  align-items:start;
}

.ecpdp-root .ecpdp-layout__gallery,
.ecpdp-root .ecpdp-layout__buybox{
  min-width:0;
}

.ecpdp-root .ecpdp-layout__buybox{
  position:sticky;
  top:24px;
  align-self:start;
}

/* ===== GALLERY DESKTOP ===== */
.ecpdp-root .ecpdp-gallery{
  width:100%;
  background:transparent !important;
}

.ecpdp-root .ecpdp-gallery__desktop{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  align-items:start;
  background:transparent !important;
}

.ecpdp-root .ecpdp-gallery__main{
  position:sticky;
  top:24px;
  align-self:start;
  height:max-content;
}

.ecpdp-root .ecpdp-gallery__side{
  display:grid;
  gap:20px;
}

.ecpdp-root .ecpdp-gallery__link{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  text-decoration:none !important;
}

.ecpdp-root .ecpdp-gallery__img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* bỏ mọi viền/trắng do theme chèn */
.ecpdp-root .ecpdp-gallery,
.ecpdp-root .ecpdp-gallery__desktop,
.ecpdp-root .ecpdp-gallery__main,
.ecpdp-root .ecpdp-gallery__side,
.ecpdp-root .ecpdp-gallery__slide{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* ===== GALLERY MOBILE ===== */
.ecpdp-root .ecpdp-gallery__mobile{
  display:none;
  position:relative;
}

.ecpdp-root .ecpdp-gallery__track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
  margin:0;
  padding:0;
  gap:0;
}

.ecpdp-root .ecpdp-gallery__track::-webkit-scrollbar{
  display:none;
}

.ecpdp-root .ecpdp-gallery__slide{
  min-width:100%;
  scroll-snap-align:start;
  margin:0;
  padding:0;
}

.ecpdp-root .ecpdp-gallery__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border:0 !important;
  border-radius:999px;
  background:rgba(255,255,255,.92) !important;
  color:#4d4d4d !important;
  font-size:30px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:3;
}

.ecpdp-root .ecpdp-gallery__arrow--prev{ left:14px; }
.ecpdp-root .ecpdp-gallery__arrow--next{ right:14px; }

.ecpdp-root .ecpdp-gallery__dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:14px 0 0;
}

.ecpdp-root .ecpdp-gallery__dot{
  width:6px;
  height:6px;
  border-radius:999px;
  border:0 !important;
  padding:0;
  background:#c9c9c9 !important;
  cursor:pointer;
}

.ecpdp-root .ecpdp-gallery__dot.is-active{
  background:#111 !important;
}

/* ===== BUYBOX ===== */
.ecpdp-root .ecpdp-buybox{
  position:relative;
  background:#fff !important;
  border:1px solid #e6e6e1 !important;
  padding:24px 24px 20px !important;
  box-shadow:none !important;
}

/* ẩn icon lạ bị chèn sai chỗ trong buybox */
.ecpdp-root .ecpdp-buybox > svg,
.ecpdp-root .ecpdp-buybox > .dalya-wl-svg,
.ecpdp-root .ecpdp-buybox .dalya-wl-svg:not(.ecpdp-heart-svg){
  display:none !important;
}

/* TITLE */
.ecpdp-root .ecpdp-buybox__title{
  margin:0 0 18px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#111 !important;
}

/* STOCK */
.ecpdp-root .ecpdp-buybox__stock{
  margin:0 0 5px !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#666 !important;
}

/* PRICE */
.ecpdp-root .ecpdp-buybox__price{
  margin:0 0 20px !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  color:#111 !important;
}

.ecpdp-root .ecpdp-buybox__price .price,
.ecpdp-root .ecpdp-buybox__price .woocommerce-Price-amount,
.ecpdp-root .ecpdp-buybox__price bdi{
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  color:inherit !important;
}

/* COLOR */
.ecpdp-root .ecpdp-buybox__meta{
  margin:0 0 22px !important;
  font-size:14px !important;
  line-height:1.5 !important;
  color:#111 !important;
}

.ecpdp-root .ecpdp-buybox__meta.is-hidden{
  display:none !important;
}

.ecpdp-root .ecpdp-buybox__meta-label{
  color:#666 !important;
  font-weight:400 !important;
}

.ecpdp-root .ecpdp-buybox__meta-value{
  color:#111 !important;
  font-weight:400 !important;
}

/* SIZE HEAD */
.ecpdp-root .ecpdp-sizehead{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:18px !important;
  margin:0 0 12px !important;
}

.ecpdp-root .ecpdp-sizehead__left{
  font-size:14px !important;
  line-height:1.45 !important;
  color:#111 !important;
}

.ecpdp-root .ecpdp-sizehead__label{
  color:#666 !important;
  font-weight:400 !important;
}

.ecpdp-root .ecpdp-sizehead__value{
  color:#111 !important;
  font-weight:400 !important;
}

.ecpdp-root .ecpdp-sizehead__right a{
  font-size:13px !important;
  line-height:1.2 !important;
  color:#666 !important;
  text-decoration:none !important;
  border-bottom:1px solid #bdbdb7 !important;
  padding-bottom:1px !important;
}

.ecpdp-root .ecpdp-sizehead__right a:hover{
  color:#111 !important;
  border-bottom-color:#111 !important;
}

/* SIZE GRID */
.ecpdp-root .ecpdp-sizegrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 0 18px !important;
}

.ecpdp-root .ecpdp-sizebtn{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:44px !important;
  height:44px !important;
  padding:10px 14px !important;
  border:1px solid #d6d6d0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  box-shadow:none !important;
  text-align:center !important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.ecpdp-root .ecpdp-sizebtn:hover{
  border-color:#111 !important;
}

.ecpdp-root .ecpdp-sizebtn.is-active{
  border-color:#111 !important;
  box-shadow:inset 0 0 0 1px #111 !important;
}

.ecpdp-root .ecpdp-sizebtn.is-disabled{
  opacity:.42 !important;
  color:#9e9e9e !important;
  background:#fafafa !important;
  border-color:#e4e4de !important;
  cursor:not-allowed !important;
}

/* other attrs nếu có */
.ecpdp-root .ecpdp-other-attr{
  margin:0 0 14px !important;
}

.ecpdp-root .ecpdp-other-attr__label{
  display:block !important;
  margin:0 0 6px !important;
  font-size:13px !important;
  color:#666 !important;
}

.ecpdp-root .ecpdp-other-attr__select{
  width:100% !important;
  min-height:42px !important;
  border:1px solid #d6d6d0 !important;
  border-radius:0 !important;
  padding:0 12px !important;
  background:#fff !important;
  color:#111 !important;
}

/* ACTION BUTTONS */
.ecpdp-root .ecpdp-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:2px !important;
}

.ecpdp-root .ecpdp-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  min-height:46px !important;
  height:46px !important;
  padding:12px 18px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  cursor:pointer !important;
}

.ecpdp-root .ecpdp-btn--primary{
  background:#111 !important;
  border:1px solid #111 !important;
  color:#fff !important;
}

.ecpdp-root .ecpdp-btn--primary:hover:not(:disabled){
  background:#222 !important;
  border-color:#222 !important;
  color:#fff !important;
}

.ecpdp-root .ecpdp-btn--primary:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
}

.ecpdp-root .ecpdp-btn--secondary{
  background:#fff !important;
  border:1px solid #111 !important;
  color:#111 !important;
}

.ecpdp-root .ecpdp-btn--secondary:hover{
  background:#f7f7f7 !important;
}

.ecpdp-root .ecpdp-btn__icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
}

.ecpdp-root .ecpdp-heart-svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

.ecpdp-root .ecpdp-heart-outline{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.65 !important;
}

.ecpdp-root .ecpdp-heart-fill{
  display:none !important;
}

.ecpdp-root .ecpdp-wishlist-btn.is-added .ecpdp-heart-outline{
  display:none !important;
}

.ecpdp-root .ecpdp-wishlist-btn.is-added .ecpdp-heart-fill{
  display:block !important;
  fill:currentColor !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px){
  .ecpdp-root .ecpdp-layout{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .ecpdp-root .ecpdp-layout__buybox,
  .ecpdp-root .ecpdp-gallery__main,
  .ecpdp-root--buybox .ecpdp-buybox{
    position:static !important;
    top:auto !important;
  }
}

@media (max-width: 767px){
  .ecpdp-root .ecpdp-gallery__desktop{
    display:none !important;
  }

  .ecpdp-root .ecpdp-gallery__mobile{
    display:block !important;
  }

  .ecpdp-root .ecpdp-buybox{
    padding:20px 18px 18px !important;
  }

  .ecpdp-root .ecpdp-sizehead{
    margin-bottom:12px !important;
  }

  .ecpdp-root .ecpdp-sizegrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .ecpdp-root .ecpdp-actions{
    grid-template-columns:1fr 1fr !important;
  }

  .ecpdp-root .ecpdp-btn{
    min-height:44px !important;
    height:44px !important;
    font-size:14px !important;
  }
}
/* ===== REMOVE OUTER BOX ===== */
.ecpdp-root .ecpdp-buybox{
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
}

/* ===== SIZE BUTTON — GỌN NHƯ REF ===== */
.ecpdp-root .ecpdp-sizebtn{
  min-height:40px !important;
  height:40px !important;
  padding:6px 10px !important;
  font-size:13.5px !important;
}

/* spacing giữa size */
.ecpdp-root .ecpdp-sizegrid{
  gap:6px !important;
  margin-bottom:14px !important;
}

/* ===== SIZE HEAD ===== */
.ecpdp-root .ecpdp-sizehead{
  margin-bottom:10px !important;
}

/* ===== BUTTON GROUP ===== */
.ecpdp-root .ecpdp-actions{
  gap:6px !important;
  margin-top:6px !important;
}

/* ===== BUTTON BASE ===== */
.ecpdp-root .ecpdp-btn{
  height:42px !important;
  min-height:42px !important;
  padding:8px 14px !important;
  font-size:14px !important;
}

/* ===== PRIMARY (Add to Bag) ===== */
.ecpdp-root .ecpdp-btn--primary{
  background:#111 !important;
  border:1px solid #111 !important;
}

/* ===== SECONDARY (Wishlist) ===== */
.ecpdp-root .ecpdp-btn--secondary{
  background:#fff !important;
  border:1px solid #111 !important;
}

/* icon nhỏ lại giống ref */
.ecpdp-root .ecpdp-heart-svg{
  width:16px !important;
  height:16px !important;
}

/* ===== TEXT SPACING ===== */
.ecpdp-root .ecpdp-buybox__meta{
  margin-bottom:14px !important;
}

.ecpdp-root .ecpdp-buybox__price{
  margin-bottom:14px !important;
}
/* ========================================
HEADER ICON — FULL WHITE CLEAN (LUXURY)
Account / Wishlist / Search / Cart
======================================== */

/* ===== 1. ELEMENTOR ICON (ACCOUNT + SEARCH) ===== */
.elementor-icon svg {
  stroke: #fff !important;
  fill: none !important;
  transition: all .25s ease;
}

.elementor-icon svg * {
  stroke: #fff !important;
  fill: none !important;
}

/* fix inline stroke="#000" */
.elementor-icon svg[stroke="#000000"] * {
  stroke: #fff !important;
}


/* ===== 2. WISHLIST (HEART) ===== */
.fxh-heart-icon {
  filter: brightness(0) invert(1) !important;
  transition: all .25s ease;
}

/* nếu là svg */
.fxh-heart-icon svg,
.fxh-heart-icon svg * {
  fill: #fff !important;
  stroke: #fff !important;
}


/* ===== 3. SEARCH ICON (custom svg layer) ===== */
#Layer_1,
#Layer_1 path {
  fill: #fff !important;
  stroke: none !important;
}


/* ===== 4. CART ICON ===== */
.xoo-wsc-sc-bki {
  filter: brightness(0) invert(1) !important;
  transition: all .25s ease;
}

/* nếu dùng font icon */
.xoo-wsc-sc-bki::before {
  color: #fff !important;
}

/* count */
.xoo-wsc-sc-count {
  color: #fff !important;
  font-weight: 500;
}

/* giá cạnh cart */
.xoo-wsc-sc-subt,
.woocommerce-Price-amount {
  color: #fff !important;
}


/* ===== 5. HOVER — LUXURY EFFECT ===== */
.elementor-icon:hover svg,
.fxh-btn:hover .fxh-heart-icon,
.xoo-wsc-cart-trigger:hover .xoo-wsc-sc-bki {
  opacity: 0.65;
}

.elementor-icon:active svg,
.fxh-btn:active .fxh-heart-icon,
.xoo-wsc-cart-trigger:active .xoo-wsc-sc-bki {
  opacity: 1;
}


/* ===== 6. FIX ALIGN (OPTIONAL - nếu icon bị lệch) ===== */
.elementor-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* =========================================
   DALYA RAIL — MONSAND ARROW REBUILD
   Re-draw arrows by CSS for correct shape
========================================= */

.dalya-rail,
.dalya-rail.dalya-rail--simple{
  --rail-arrow-color: #9b9b9b;
  --rail-arrow-hover: #111111;

  --rail-arrow-thickness: 1px;

  --rail-arrow-head: 7px;          /* độ dài cạnh chéo đầu mũi tên */
  --rail-arrow-head-angle: 45deg;

  --rail-shaft: 26px;              /* thân mũi tên mặc định */
  --rail-shaft-hover: 40px;        /* thân mũi tên khi hover */

  --rail-btn-width: 64px;          /* vùng click */
  --rail-btn-height: 24px;
  --rail-btn-gap: 22px;            /* khoảng cách giữa 2 nút */

  --rail-offset-top: 44px;         /* cách sản phẩm xa hơn */

  --rail-ease: cubic-bezier(.22,.61,.36,1);
  --rail-dur: .34s;
  --rail-color-dur: .2s;
}

/* wrap */
.dalya-rail .dalya-rail__controls,
.dalya-rail.dalya-rail--simple .dalya-rail__controls{
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: var(--rail-offset-top) auto 0 !important;
  padding: 0 !important;
  gap: var(--rail-btn-gap) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* ẩn toàn bộ progress / bar cũ */
.dalya-rail .dalya-rail__progress,
.dalya-rail .dalya-rail__track,
.dalya-rail .dalya-rail__thumb,
.dalya-rail .dalya-rail__bar,
.dalya-rail .dalya-rail__bar-fill,
.dalya-rail .swiper-pagination-progressbar,
.dalya-rail .swiper-scrollbar,
.dalya-rail.dalya-rail--simple .dalya-rail__progress,
.dalya-rail.dalya-rail--simple .dalya-rail__track,
.dalya-rail.dalya-rail--simple .dalya-rail__thumb,
.dalya-rail.dalya-rail--simple .dalya-rail__bar,
.dalya-rail.dalya-rail--simple .dalya-rail__bar-fill,
.dalya-rail.dalya-rail--simple .swiper-pagination-progressbar,
.dalya-rail.dalya-rail--simple .swiper-scrollbar{
  display: none !important;
}

/* button base */
.dalya-rail .dalya-rail__btn,
.dalya-rail.dalya-rail--simple .dalya-rail__btn{
  position: relative !important;
  width: var(--rail-btn-width) !important;
  min-width: var(--rail-btn-width) !important;
  height: var(--rail-btn-height) !important;
  flex: 0 0 var(--rail-btn-width) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  cursor: pointer !important;
  overflow: visible !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* ẩn icon svg cũ hoàn toàn */
.dalya-rail .dalya-rail__btn svg,
.dalya-rail .dalya-rail__btn i,
.dalya-rail .dalya-rail__btn .icon,
.dalya-rail.dalya-rail--simple .dalya-rail__btn svg,
.dalya-rail.dalya-rail--simple .dalya-rail__btn i,
.dalya-rail.dalya-rail--simple .dalya-rail__btn .icon{
  display: none !important;
}

/* reset pseudo */
.dalya-rail .dalya-rail__btn::before,
.dalya-rail .dalya-rail__btn::after,
.dalya-rail.dalya-rail--simple .dalya-rail__btn::before,
.dalya-rail.dalya-rail--simple .dalya-rail__btn::after{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  transition:
    width var(--rail-dur) var(--rail-ease),
    background-size var(--rail-dur) var(--rail-ease),
    opacity var(--rail-color-dur) ease !important;
}

/* =====================================================
   PREV
   shape: head bên trái + shaft bên phải
===================================================== */

/* shaft */
.dalya-rail .dalya-rail__btn--prev::before,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--prev::before{
  left: 50% !important;
  width: var(--rail-shaft) !important;
  height: var(--rail-arrow-thickness) !important;
  background: var(--rail-arrow-color) !important;
}

/* head */
.dalya-rail .dalya-rail__btn--prev::after,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--prev::after{
  left: calc(50% - 1px) !important;
  width: var(--rail-arrow-head) !important;
  height: calc(var(--rail-arrow-head) * 2) !important;
  background:
    linear-gradient(
      135deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-color) calc(50% - .5px),
      var(--rail-arrow-color) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) top center / 100% 50% no-repeat,
    linear-gradient(
      45deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-color) calc(50% - .5px),
      var(--rail-arrow-color) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) bottom center / 100% 50% no-repeat !important;
}

/* hover prev */
.dalya-rail .dalya-rail__btn--prev:hover::before,
.dalya-rail .dalya-rail__btn--prev:focus-visible::before,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--prev:hover::before,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--prev:focus-visible::before{
  width: var(--rail-shaft-hover) !important;
  background: var(--rail-arrow-hover) !important;
}

.dalya-rail .dalya-rail__btn--prev:hover::after,
.dalya-rail .dalya-rail__btn--prev:focus-visible::after,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--prev:hover::after,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--prev:focus-visible::after{
  background:
    linear-gradient(
      135deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) top center / 100% 50% no-repeat,
    linear-gradient(
      45deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) bottom center / 100% 50% no-repeat !important;
}

/* =====================================================
   NEXT
   shape: shaft bên trái + head bên phải
===================================================== */

/* shaft */
.dalya-rail .dalya-rail__btn--next::before,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--next::before{
  right: 50% !important;
  width: var(--rail-shaft) !important;
  height: var(--rail-arrow-thickness) !important;
  background: var(--rail-arrow-color) !important;
}

/* head */
.dalya-rail .dalya-rail__btn--next::after,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--next::after{
  right: calc(50% - 1px) !important;
  width: var(--rail-arrow-head) !important;
  height: calc(var(--rail-arrow-head) * 2) !important;
  background:
    linear-gradient(
      45deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-color) calc(50% - .5px),
      var(--rail-arrow-color) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) top center / 100% 50% no-repeat,
    linear-gradient(
      135deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-color) calc(50% - .5px),
      var(--rail-arrow-color) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) bottom center / 100% 50% no-repeat !important;
}

/* hover next */
.dalya-rail .dalya-rail__btn--next:hover::before,
.dalya-rail .dalya-rail__btn--next:focus-visible::before,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--next:hover::before,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--next:focus-visible::before{
  width: var(--rail-shaft-hover) !important;
  background: var(--rail-arrow-hover) !important;
}

.dalya-rail .dalya-rail__btn--next:hover::after,
.dalya-rail .dalya-rail__btn--next:focus-visible::after,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--next:hover::after,
.dalya-rail.dalya-rail--simple .dalya-rail__btn--next:focus-visible::after{
  background:
    linear-gradient(
      45deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) top center / 100% 50% no-repeat,
    linear-gradient(
      135deg,
      transparent calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% - .5px),
      var(--rail-arrow-hover) calc(50% + .5px),
      transparent calc(50% + .5px)
    ) bottom center / 100% 50% no-repeat !important;
}

/* disabled */
.dalya-rail .dalya-rail__btn[disabled],
.dalya-rail .dalya-rail__btn.is-disabled,
.dalya-rail .swiper-button-disabled,
.dalya-rail.dalya-rail--simple .dalya-rail__btn[disabled],
.dalya-rail.dalya-rail--simple .dalya-rail__btn.is-disabled,
.dalya-rail.dalya-rail--simple .swiper-button-disabled{
  opacity: .35 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* hover no bg */
.dalya-rail .dalya-rail__btn:hover,
.dalya-rail .dalya-rail__btn:focus,
.dalya-rail .dalya-rail__btn:active,
.dalya-rail.dalya-rail--simple .dalya-rail__btn:hover,
.dalya-rail.dalya-rail--simple .dalya-rail__btn:focus,
.dalya-rail.dalya-rail--simple .dalya-rail__btn:active{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* tablet */
@media (max-width: 1024px){
  .dalya-rail,
  .dalya-rail.dalya-rail--simple{
    --rail-shaft: 22px;
    --rail-shaft-hover: 34px;
    --rail-btn-gap: 18px;
    --rail-offset-top: 34px;
    --rail-btn-width: 56px;
  }
}

/* mobile */
@media (max-width: 767px){
  .dalya-rail,
  .dalya-rail.dalya-rail--simple{
    --rail-shaft: 18px;
    --rail-shaft-hover: 28px;
    --rail-arrow-head: 6px;
    --rail-btn-gap: 14px;
    --rail-offset-top: 26px;
    --rail-btn-width: 46px;
    --rail-btn-height: 20px;
  }
}
@media (max-width: 1024px){
  .jwf6-filters__head{
    display: none !important;
  }
}
/* =========================
XOOTIX CART ICON FIX CLEAN
========================= */

/* giữ top header thẳng hàng */
.xoo-wsch-top{
  display:flex !important;
  align-items:center !important;
}

/* ===== basket header ===== */
.xoo-wsch-basket{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  margin-right:10px !important;
}

/* ẩn số lượng cạnh icon */
.xoo-wsch-basket .xoo-wscb-count{
  display:none !important;
}

/* tắt icon font cũ */
.xoo-wsch-basket .xoo-wscb-icon::before,
.xoo-wsch-basket .xoo-wscb-icon::after,
.xoo-wsch-close::before,
.xoo-wsch-close::after,
.xoo-wsc-smr-del::before,
.xoo-wsc-smr-del::after{
  content:none !important;
  display:none !important;
}

/* icon bag */
.xoo-wsch-basket .xoo-wscb-icon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  font-size:0 !important;
  line-height:0 !important;
  background:url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/bag.svg") center center / 18px 18px no-repeat !important;
}

/* ===== close icon ===== */
.xoo-wsch-close{
  display:inline-block !important;
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  margin-left:auto !important;
  font-size:0 !important;
  line-height:0 !important;
  background:url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/x-lg.svg") center center / 14px 14px no-repeat !important;
  opacity:1 !important;
  cursor:pointer !important;
}

/* ===== trash icon ===== */
.xoo-wsc-smr-del{
  display:inline-block !important;
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  font-size:0 !important;
  line-height:0 !important;
  background:url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/icons/trash3.svg") center center / 14px 14px no-repeat !important;
  opacity:1 !important;
  cursor:pointer !important;
}

/* hover nhẹ */
.xoo-wsch-close:hover,
.xoo-wsc-smr-del:hover{
  opacity:.65 !important;
}

/* tránh plugin cũ set font icon làm lệch layout */
.xoo-wscb-icon,
.xoo-wsch-close,
.xoo-wsc-smr-del{
  color:transparent !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
}
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi{
  color: #000 !important;
}

/* =========================================================
   MAEL / GENERIC CLEAN OVERRIDES
   Domain-agnostic patch, giữ nguyên design
========================================================= */

:root{
  --site-text:#000;
  --site-bg:#fff;
  --site-line:#e5e5e5;
  --site-line-soft:#f2f2f2;
  --site-muted:#666;
  --site-font:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* đảm bảo icon cart không phụ thuộc domain */
.xoo-wsc-sc-bki.xoo-wsc-icon-bag1{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 12H7L6 7Z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") !important;
}

/* bỏ phụ thuộc link cứng site cũ */
.cc-create-account .cc-btn.cc-btn-secondary,
a.cc-btn.cc-btn-secondary{
  display:block !important;
  width:100% !important;
  max-width:380px !important;
  margin:24px auto 0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* mini cart header icon generic nếu theme render icon khác */
.xoo-wsch-basket{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
}
.xoo-wsch-basket .xoo-wscb-icon{
  width:18px !important;
  height:18px !important;
  display:block !important;
  font-size:0 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:18px 18px !important;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 12H7L6 7Z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") !important;
}
.xoo-wsch-basket .xoo-wscb-icon:before,
.xoo-wsch-basket .xoo-wscb-icon:after{
  content:none !important;
  display:none !important;
}

/* chặn icon wishlist lạ bị chèn trong PDP */
.ecpdp-root svg.dalya-wl-svg{
  display:none !important;
}

/* giữ filter mobile gọn nếu plugin render head thừa */
@media (max-width:1024px){
  .jwf6-filters__head{
    display:none !important;
  }
}

/* giảm xung đột box-shadow từ theme/plugin */
.cc-account-wrapper *,
.cc-dashboard-wrapper *,
.cc-address-wrapper *,
.cc-edit-address-wrapper *,
.ds-account-popup *,
.ecpdp-root *,
.dalya-rail *{
  box-shadow:none;
}