:root {
  --gradient-gold-4: linear-gradient(90deg, #F1BC6D 3.37%, #F4DEBA 97.98%);
}
@font-face {
  font-family: 'Beautique Display Regular';
  src: url('https://cdn.hstatic.net/files/200000355853/file/beautiquedisplay-regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Beautique Display Medium';
  src: url('https://cdn.hstatic.net/files/200000355853/file/beautiquedisplay-medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Beautique Display Bold';
  src: url('https://cdn.hstatic.net/files/200000355853/file/beautiquedisplay-bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.breadcrumb-shop,
.header-menu,
.logo-store,
.header-bottom,
.floating-buttons,
.contact-form-bottom,
.header-bottom-new,
.menu-bar-bottom,
#ladi-popupx-backdrop,
#site-header-top,
#ladi-popupx-backdrop,
.ladi-popupx,
.row-left-list div:first-child ul,
.group-icon-cart-account {
  display: none !important;
}

.footer-logo-wd ul li:nth-child(2) img {
  content: url("https://file.hstatic.net/200000355853/file/ptgx4kqegispbklhmob5.webp");
}

.footer-logo-wd ul li:nth-child(3) img {
  content: url("https://file.hstatic.net/200000355853/file/ib7j0guz7ww3q7mos6ap.webp");
}

.social-footer img {
  background: white;
  border-radius: 4px;
}
.blur-fade {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
}

#footer-wd span,
#footer-wd li,
#footer-wd a,
#footer-wd div,
#footer-wd p {
  color: white !important;
}

#footer-wd {
  border-top: 0 !important;
  background: #500509;
}

#footer-wd svg {
  --fillcolor: white !important;
}

.only-mobile {
  display: inline;
}

.only-desktop {
  display: none;
}

@media (min-width: 768px) {
  .only-mobile {
    display: none;
  }

  .only-desktop {
    display: inline;
  }
}
html {
  padding-bottom: 0 !important;
}

body {
  width: 100%;
  place-self: center;
}

.social-footer img {
  background: white;
  border-radius: 4px;
}

.jemmia-loader-container {
  background: rgba(255, 255, 255, 0.4) !important;
}

body.no-scroll {
  overflow: hidden;
}
#diamond-ki-body {

  .bottom-safari {
    bottom: env(safe-area-inset-bottom);
    /* Đẩy lên trên safe area của Safari */
  }

  .font-beauti {
    font-family: 'Beautique Display Regular'
    , serif !important;
    font-weight: 400;
  }
  .font-beauti-medium {
    font-family: 'Beautique Display Medium'
    , serif !important;
    font-weight: 500;
  }
  .font-beauti-bold {
    font-family: 'Beautique Display Bold'
    , serif !important;
    font-weight: 700;
  }
  .font-philosopher {
    font-family: "Philosopher"
    , sans-serif;
  }

  .active-category {
    position: relative;
    /* cha làm mốc cho ::before */
    display: inline-block;
    /* để width/100% hoạt động ổn với inline */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFD47D 100%);
    color: #804B2C
  }

  .active-category::before {
    content: "";
    /* BẮT BUỘC cho ::before/::after */
    position: absolute;
    left: 50%;
    right: 50%;
    /* hoặc width: 100% + left: 0 */
    transform: translateX(-50%);
    bottom: 0;
    /* dùng 0 cho chuẩn */
    height: 3px;
    width: 60px;
    background: #804B2C;
    display: block;
    /* tuỳ chọn, giúp chiều cao áp dụng rõ ràng */
    border-radius: 24px;
  }

  .border-gradient {
    border: 1px solid transparent;
    /* Tạo không gian cho viền */
    border-radius: 8px;
    background: linear-gradient(#fff, #fff) padding-box, /* Lớp nền trong (thay #fff bằng màu nền của bạn) */
    var(--gradient-gold-4) border-box;
    /* Lớp gradient bên dưới */
  }

  .background-gradient-gold {
    background: linear-gradient(90deg, #F1BC6D 3.37%, #F4DEBA 97.98%);
  }
}