.home-feedback-card__photo {
        height: 230px;
    }
.home-stories__layout {
    display: grid;}
.home-stories__layout {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
.home-stories__description {
    width: 450px;}

/* =========================================================
   AURA & CO — TABLET NAV BALANCED FINAL
   750px → 1025px
   ========================================================= */

@media screen and (min-width: 750px) and (max-width: 1025px) {

  /* =====================================================
     1. DRAWER — KHÔNG FULL WIDTH
     ===================================================== */

  body .mobile-nav-drawer .mobile-nav-drawer__panel {
    --nav-sidebar-width: 380px !important;

    width: 380px !important;
    max-width: 82vw !important;

    height: 100vh !important;
    max-height: 100vh !important;

    inset: 0 auto 0 0 !important;
    right: auto !important;

    margin: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-right: 1px solid #e9e4dd !important;
    border-radius: 0 !important;

    box-shadow:
      14px 0 34px rgba(32, 27, 22, 0.07) !important;

    overflow: hidden !important;
  }

  /* =====================================================
     2. HEADER
     ===================================================== */

  body .mobile-nav-drawer__head {
    min-height: 64px !important;

    padding: 0 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #fff !important;

    border-bottom: 1px solid #ebe6df !important;
  }

  /* Logo */
  body .mobile-nav-drawer__head .logo,
  body .mobile-nav-drawer__head [class*="logo"] {
    font-family: "Cormorant Garamond", serif !important;

    font-size: 22px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: .025em !important;

    color: #443b34 !important;
  }

  /* Close */
  body .mobile-nav-drawer__head button {
    width: 32px !important;
    height: 32px !important;

    padding: 0 !important;

    color: #302b27 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  /* =====================================================
     3. BODY
     ===================================================== */

  body .site-nav--mobile .site-nav__body {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    gap: 0 !important;

    padding: 12px 22px 24px !important;

    background: #fff !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body .site-nav--mobile .site-nav__list {
    width: 100% !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;
  }

  body .site-nav--mobile .site-nav__list > li {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* =====================================================
     4. MENU ROW — CÂN ĐỀU
     ===================================================== */

  body .site-nav--mobile
  .site-nav__list
  > li
  > .site-nav__expand-toggle,

  body .site-nav--mobile
  .site-nav__list
  > li
  > a[href$="/product"] {

    width: 100% !important;

    height: 52px !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
  }

  body .site-nav--mobile
  .site-nav__expand-toggle {
    justify-content: space-between !important;
  }

  /* text mega menu */
  body .site-nav--mobile
  .site-nav__expand-toggle
  > .site-nav__mega-trigger {

    flex: 1 1 auto !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    font-family: "Jost", sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    color: #40372f !important;

    text-decoration: none !important;
  }

  /* BEST SELLERS */
  body .site-nav--mobile
  .site-nav__list
  > li
  > a[href$="/product"] {

    justify-content: flex-start !important;

    font-family: "Jost", sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    color: #40372f !important;

    text-decoration: none !important;
  }

  /* Chevron */
  body .site-nav--mobile .site-nav__expand-icon {
    width: 12px !important;
    height: 12px !important;

    flex: 0 0 12px !important;

    margin: 0 !important;

    color: #a67c46 !important;

    opacity: .85 !important;
  }

  /* =====================================================
     5. ACCOUNT — 1 HÀNG
     ===================================================== */

  body .site-nav--mobile
  .site-nav__account--desktop-dropdown {
    display: none !important;
  }

  body .site-nav--mobile
  .site-nav__account--mobile {

    width: 100% !important;
    min-height: 54px !important;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    border-top: 1px solid #e9e2d9 !important;
    border-bottom: 1px solid #e9e2d9 !important;

    background: transparent !important;
  }

  /* icon */
  body .site-nav--mobile
  .site-nav__account--mobile
  .site-nav__account-icon {

    width: 22px !important;
    height: 22px !important;

    flex: 0 0 22px !important;

    margin: 0 12px 0 2px !important;
    padding: 0 !important;

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

    color: #a67c46 !important;

    background: transparent !important;
    border: 0 !important;
  }

  body .site-nav--mobile
  .site-nav__account--mobile
  .site-nav__account-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  /* Sign in + Register */
  body .site-nav--mobile
  .site-nav__account--mobile
  > a.cart-link {

    width: auto !important;
    min-height: 32px !important;

    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 11px !important;

    font-family: "Jost", sans-serif !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: .05em !important;
    text-transform: uppercase !important;

    color: #4b423a !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    border: 0 !important;
  }

  body .site-nav--mobile
  .site-nav__account--mobile
  > a[href*="/register"] {

    border-left: 1px solid #ada59d !important;
  }

  /* =====================================================
     6. CURRENCY — GỌN
     ===================================================== */

  body .site-nav--mobile .currency-form {
    width: 100% !important;

    margin: 6px 0 0 !important;
    padding: 0 !important;
  }

  body .site-nav--mobile .currency-picker {
    width: 100% !important;
  }

  body .site-nav--mobile
  .currency-picker__trigger {

    width: 100% !important;

    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 2px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: transparent !important;

    border: 0 !important;

    font-family: "Jost", sans-serif !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    letter-spacing: .04em !important;

    color: #40372f !important;
  }

  /* =====================================================
     7. SUBMENU — KHÔNG NỔ LAYOUT
     ===================================================== */

  body .site-nav--mobile
  .site-nav__item--mega
  > .catalog-mega {

    position: static !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 8px !important;

    background: #fff !important;

    border: 1px solid #ece7e1 !important;
    border-radius: 2px !important;

    box-shadow: none !important;

    overflow: hidden !important;
  }

  body .site-nav--mobile .catalog-mega__list {
    width: 100% !important;

    max-height: 300px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  /* chặn scroll ngang */
  body .mobile-nav-drawer__panel,
  body .site-nav--mobile,
  body .site-nav--mobile .site-nav__body {
    overflow-x: hidden !important;
  }

}
/* =========================================================
   AURA & CO — SUBMENU TEXT HARMONY
   Mobile + Tablet
   ========================================================= */
@media screen and (max-width: 1025px) {

  /* Khung trong submenu */
  .site-nav--mobile .catalog-mega__inner {
    font-family: "Jost", sans-serif !important;
    color: #40372f !important;
  }

  /* Link đầu khối: VIEW ALL ... */
  .site-nav--mobile .catalog-mega__lede,
  .site-nav--mobile .catalog-mega__lede a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Jost", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #a67c46 !important;
    text-decoration: none !important;
  }

  .site-nav--mobile .catalog-mega__lede {
    padding: 14px 14px 10px !important;
    border-bottom: 1px solid #ece4d9 !important;
  }

  /* Danh sách item */
  .site-nav--mobile .catalog-mega__list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  /* Mỗi dòng item */
  .site-nav--mobile .catalog-mega__group {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ece4d9 !important;
  }

  .site-nav--mobile .catalog-mega__group:last-child {
    border-bottom: 0 !important;
  }

  /* Link item sản phẩm */
  .site-nav--mobile .catalog-mega__product-link,
  .site-nav--mobile .catalog-mega__direct {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    min-height: 42px !important;
    padding: 8px 14px !important;
    margin: 0 !important;

    text-decoration: none !important;
    color: #40372f !important;
    background: transparent !important;
  }

  /* Thumb sản phẩm */
  .site-nav--mobile .catalog-mega__product-thumb {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;

    border-radius: 4px !important;
    overflow: hidden !important;
    border: 1px solid #e8dfd3 !important;
    background: #f8f5f0 !important;
  }

  .site-nav--mobile .catalog-mega__product-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Text sản phẩm */
  .site-nav--mobile .catalog-mega__product-name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
    color: #40372f !important;
  }

  /* Text link thường: NEWS / ABOUT / CONTACT */
  .site-nav--mobile .catalog-mega__direct {
    justify-content: flex-start !important;

    font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #40372f !important;
  }

  /* Hover / tap nhẹ nhàng hơn */
  .site-nav--mobile .catalog-mega__product-link:hover,
  .site-nav--mobile .catalog-mega__product-link:focus,
  .site-nav--mobile .catalog-mega__direct:hover,
  .site-nav--mobile .catalog-mega__direct:focus {
    background: #fcfaf7 !important;
    color: #2f2925 !important;
  }

  .site-nav--mobile .catalog-mega__product-link:hover .catalog-mega__product-name,
  .site-nav--mobile .catalog-mega__direct:hover {
    color: #2f2925 !important;
  }
}

/* =========================================================
   AURA & CO — MOBILE/TABLET NAV SMOOTH INTERACTION
   Chỉ xử lý chuyển động, không đổi layout / ảnh / typography
   ========================================================= */

@media screen and (max-width: 1025px) {

  /* easing kiểu luxury */
  .site-nav--mobile {
    --luxury-ease: cubic-bezier(.22, 1, .36, 1);
  }

  /* =====================================================
     1. DRAWER MỞ / ĐÓNG MƯỢT HƠN
     ===================================================== */

  .mobile-nav-drawer__panel {
    will-change: transform !important;

    transition:
      transform .48s var(--luxury-ease) !important;
  }

  .mobile-nav-drawer__backdrop {
    transition:
      opacity .35s ease !important;
  }

  /* =====================================================
     2. MENU ROW
     ===================================================== */

  .site-nav--mobile .site-nav__expand-toggle,
  .site-nav--mobile .site-nav__list > li > a {

    -webkit-tap-highlight-color: transparent !important;

    transition:
      color .22s ease,
      background-color .22s ease !important;
  }

  .site-nav--mobile .site-nav__expand-toggle:active {
    background: rgba(160, 125, 80, .035) !important;
  }

  /* =====================================================
     3. SUBMENU
     QUAN TRỌNG:
     override hidden để có thể animate thay vì bật/tắt ngay
     ===================================================== */

  .site-nav--mobile
  .site-nav__item--mega
  > .catalog-mega,

  .site-nav--mobile
  .site-nav__item--mega
  > .catalog-mega[hidden] {

    display: grid !important;

    grid-template-rows: 0fr !important;

    width: 100% !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
      translate3d(0, -7px, 0) !important;

    transform-origin: top center !important;

    border-color: transparent !important;

    overflow: hidden !important;

    will-change:
      grid-template-rows,
      opacity,
      transform !important;

    transition:
      grid-template-rows .46s var(--luxury-ease),
      opacity .22s ease,
      transform .42s var(--luxury-ease),
      margin-bottom .42s var(--luxury-ease),
      border-color .18s ease,
      visibility 0s linear .46s !important;
  }

  /* =====================================================
     4. TRẠNG THÁI OPEN
     DOM của bạn:
     button + div.catalog-mega
     ===================================================== */

  .site-nav--mobile
  .site-nav__item--mega
  > .site-nav__expand-toggle[aria-expanded="true"]
  + .catalog-mega {

    grid-template-rows: 1fr !important;

    margin-bottom: 10px !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
      translate3d(0, 0, 0) !important;

    border-color: #ece7e1 !important;

    transition:
      grid-template-rows .46s var(--luxury-ease),
      opacity .28s ease .05s,
      transform .42s var(--luxury-ease),
      margin-bottom .42s var(--luxury-ease),
      border-color .22s ease,
      visibility 0s !important;
  }

  /* =====================================================
     5. INNER PHẢI CÓ min-height:0
     để grid 0fr đóng thật sự
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__inner {

    min-height: 0 !important;

    overflow: hidden !important;
  }

  /* =====================================================
     6. CONTENT FADE NHẸ
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__lede,

  .site-nav--mobile
  .catalog-mega__list {

    opacity: 0 !important;

    transform:
      translate3d(0, -4px, 0) !important;

    transition:
      opacity .20s ease,
      transform .32s var(--luxury-ease) !important;
  }

  .site-nav--mobile
  .site-nav__expand-toggle[aria-expanded="true"]
  + .catalog-mega
  .catalog-mega__lede,

  .site-nav--mobile
  .site-nav__expand-toggle[aria-expanded="true"]
  + .catalog-mega
  .catalog-mega__list {

    opacity: 1 !important;

    transform:
      translate3d(0, 0, 0) !important;

    transition:
      opacity .28s ease .10s,
      transform .38s var(--luxury-ease) .04s !important;
  }

  /* =====================================================
     7. CHEVRON XOAY MƯỢT
     ===================================================== */

  .site-nav--mobile
  .site-nav__expand-icon {

    transform:
      rotate(0deg) !important;

    transform-origin: 50% 50% !important;

    will-change: transform !important;

    transition:
      transform .38s var(--luxury-ease),
      color .20s ease !important;
  }

  .site-nav--mobile
  .site-nav__expand-toggle[aria-expanded="true"]
  .site-nav__expand-icon {

    transform:
      rotate(180deg) !important;
  }

  /* =====================================================
     8. PRODUCT LIST
     scroll vẫn giữ nguyên sau khi mở
     ===================================================== */

  .site-nav--mobile .catalog-mega__list {

    max-height: 310px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain !important;

    -webkit-overflow-scrolling: touch !important;
  }

  /* =====================================================
     9. PRODUCT ROW — MICRO INTERACTION
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__product-link,

  .site-nav--mobile
  .catalog-mega__direct {

    transition:
      background-color .18s ease,
      color .18s ease,
      transform .24s var(--luxury-ease) !important;
  }

  .site-nav--mobile
  .catalog-mega__product-link:active,

  .site-nav--mobile
  .catalog-mega__direct:active {

    transform:
      translate3d(2px, 0, 0) !important;

    background:
      rgba(166, 124, 70, .035) !important;
  }

}
/* =========================================================
   AURA & CO — SMOOTH MOBILE / TABLET ACCORDION V3
   Chỉ animation, KHÔNG đổi layout / text / ảnh
   ========================================================= */

@media screen and (max-width: 1025px) {

  /* Cho phép Chrome transition height -> auto */
  .site-nav--mobile {
    interpolate-size: allow-keywords;

    --nav-motion:
      cubic-bezier(.23, 1, .32, 1);

    --nav-fast:
      cubic-bezier(.4, 0, .2, 1);
  }

  /* =====================================================
     1. MENU ROW
     ===================================================== */

  .site-nav--mobile .site-nav__expand-toggle {
    -webkit-tap-highlight-color: transparent !important;

    transition:
      background-color .18s ease,
      color .18s ease !important;
  }

  .site-nav--mobile .site-nav__expand-toggle:active {
    background: rgba(166, 124, 70, .035) !important;
  }

  /* =====================================================
     2. CLOSED PANEL
     QUAN TRỌNG: không dùng grid animation nữa
     ===================================================== */

  .site-nav--mobile
  .site-nav__item--mega
  > .catalog-mega,

  .site-nav--mobile
  .site-nav__item--mega
  > .catalog-mega[hidden] {

    display: block !important;

    height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    opacity: 0 !important;

    transform:
      translate3d(0, -3px, 0) !important;

    visibility: hidden !important;
    pointer-events: none !important;

    overflow: clip !important;

    box-sizing: border-box !important;

    border-color: transparent !important;

    will-change:
      height,
      opacity,
      transform !important;

    transition:
      height .38s var(--nav-motion),
      opacity .14s ease,
      transform .30s var(--nav-motion),
      visibility 0s linear .38s !important;
  }

  /* =====================================================
     3. OPEN PANEL
     ===================================================== */

  .site-nav--mobile
  .site-nav__item--mega
  > .site-nav__expand-toggle[aria-expanded="true"]
  + .catalog-mega {

    height: auto !important;

    opacity: 1 !important;

    transform:
      translate3d(0, 0, 0) !important;

    visibility: visible !important;
    pointer-events: auto !important;

    border-color: #ece7e1 !important;

    transition:
      height .42s var(--nav-motion),
      opacity .18s ease .04s,
      transform .34s var(--nav-motion),
      visibility 0s !important;
  }

  /* =====================================================
     4. INNER CONTENT
     không animate height lần thứ 2
     ===================================================== */

  .site-nav--mobile .catalog-mega__inner {
    min-height: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;
  }

  /* =====================================================
     5. CONTENT FADE
     rất nhẹ — tránh cảm giác "bay"
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__lede,

  .site-nav--mobile
  .catalog-mega__list {

    opacity: 0 !important;

    transform:
      translate3d(0, -2px, 0) !important;

    transition:
      opacity .12s ease,
      transform .22s var(--nav-fast) !important;
  }

  .site-nav--mobile
  .site-nav__expand-toggle[aria-expanded="true"]
  + .catalog-mega
  .catalog-mega__lede,

  .site-nav--mobile
  .site-nav__expand-toggle[aria-expanded="true"]
  + .catalog-mega
  .catalog-mega__list {

    opacity: 1 !important;

    transform:
      translate3d(0, 0, 0) !important;

    transition:
      opacity .20s ease .08s,
      transform .26s var(--nav-motion) .04s !important;
  }

  /* =====================================================
     6. CHEVRON
     ===================================================== */

  .site-nav--mobile .site-nav__expand-icon {

    transform: rotate(0deg) !important;

    transform-origin: center !important;

    transition:
      transform .34s var(--nav-motion),
      color .18s ease !important;
  }

  .site-nav--mobile
  .site-nav__expand-toggle[aria-expanded="true"]
  .site-nav__expand-icon {

    transform:
      rotate(180deg) !important;
  }

  /* =====================================================
     7. PRODUCT LIST
     Scroll sau khi panel mở
     ===================================================== */

  .site-nav--mobile .catalog-mega__list {

    max-height: 310px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior-y: contain !important;

    -webkit-overflow-scrolling: touch !important;

    scrollbar-gutter: stable !important;
  }

  /* =====================================================
     8. PRODUCT ROW
     Không translate cả item khi tap
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__product-link,

  .site-nav--mobile
  .catalog-mega__direct {

    transition:
      background-color .16s ease,
      color .16s ease,
      opacity .16s ease !important;
  }

  .site-nav--mobile
  .catalog-mega__product-link:active,

  .site-nav--mobile
  .catalog-mega__direct:active {

    background:
      rgba(166, 124, 70, .035) !important;

    opacity: .76 !important;
  }

  /* =====================================================
     9. DRAWER OPEN / CLOSE
     ===================================================== */

  .mobile-nav-drawer__panel {

    will-change: transform !important;

    transition:
      transform .44s cubic-bezier(.23, 1, .32, 1) !important;
  }

  .mobile-nav-drawer__backdrop {

    transition:
      opacity .28s ease !important;
  }

}
/* =========================================================
   AURA & CO — TABLET NAV FINAL
   custom-theme-tablet.css
   KHÔNG CẦN @media
   ========================================================= */

/* =========================================================
   1. DRAWER
   ========================================================= */

.mobile-nav-drawer__panel {
  --nav-sidebar-width: 390px !important;

  width: 390px !important;
  max-width: 52vw !important;

  height: 100vh !important;
  max-height: 100vh !important;

  inset: 0 auto 0 0 !important;

  margin: 0 !important;

  background: #fff !important;

  border: 0 !important;
  border-right: 1px solid #e9e4dd !important;
  border-radius: 0 !important;

  box-shadow:
    14px 0 36px rgba(33, 27, 21, 0.075) !important;

  overflow: hidden !important;}

/* =========================================================
   2. HEADER
   ========================================================= */

.mobile-nav-drawer__head {
  min-height: 64px !important;

  padding: 0 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  background: #fff !important;

  border-bottom: 1px solid #ebe6df !important;}

.mobile-nav-drawer__head .logo,
.mobile-nav-drawer__head [class*="logo"] {
  font-family: "Cormorant Garamond", serif !important;

  font-size: 22px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  letter-spacing: .025em !important;

  color: #443b34 !important;}

.mobile-nav-drawer__head button {
  width: 32px !important;
  height: 32px !important;

  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;

  color: #302b27 !important;

  box-shadow: none !important;

  cursor: pointer !important;}

/* =========================================================
   3. BODY
   ========================================================= */

.site-nav--mobile .site-nav__body {
  display: flex !important;
  flex-direction: column !important;

  flex: 1 1 auto !important;

  gap: 0 !important;

  padding: 12px 22px 24px !important;

  background: #fff !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  overscroll-behavior: contain !important;}

.site-nav--mobile .site-nav__list {
  width: 100% !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 0 !important;}

.site-nav--mobile .site-nav__list > li {
  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;}

/* =========================================================
   4. MENU ROW
   tất cả nằm cùng một trục
   ========================================================= */

.site-nav--mobile
.site-nav__list
> li
> .site-nav__expand-toggle,

.site-nav--mobile
.site-nav__list
> li
> a[href$="/product"] {

  width: 100% !important;

  height: 54px !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;

  box-sizing: border-box !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;}

.site-nav--mobile .site-nav__expand-toggle {
  justify-content: space-between !important;

  cursor: pointer !important;

  -webkit-tap-highlight-color: transparent !important;}

/* =========================================================
   5. TEXT MENU
   ========================================================= */

.site-nav--mobile
.site-nav__expand-toggle
> .site-nav__mega-trigger {

  flex: 1 1 auto !important;

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;

  font-family: "Jost", sans-serif !important;

  font-size: 12px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  color: #40372f !important;

  text-decoration: none !important;}

/* BEST SELLERS */
.site-nav--mobile
.site-nav__list
> li
> a[href$="/product"] {

  justify-content: flex-start !important;

  font-family: "Jost", sans-serif !important;

  font-size: 12px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  color: #40372f !important;

  text-decoration: none !important;}

/* =========================================================
   6. QUAN TRỌNG:
   CLICK CHỮ CATEGORY = MỞ MENU
   không chuyển trang / đóng drawer
   ========================================================= */

.site-nav--mobile
.site-nav__expand-toggle
> .site-nav__mega-trigger {

  pointer-events: none !important;
  user-select: none !important;}

.site-nav--mobile
.site-nav__expand-icon,
.site-nav--mobile
.site-nav__expand-toggle > svg {

  pointer-events: none !important;}

/* =========================================================
   7. CHEVRON
   ========================================================= */

.site-nav--mobile .site-nav__expand-icon {
  width: 12px !important;
  height: 12px !important;

  flex: 0 0 12px !important;

  margin: 0 !important;

  color: #a67c46 !important;

  transform: rotate(0deg) !important;
  transform-origin: center !important;

  transition:
    transform .30s cubic-bezier(.22, 1, .36, 1),
    color .18s ease !important;}

.site-nav--mobile
.site-nav__expand-toggle[aria-expanded="true"]
.site-nav__expand-icon {

  transform: rotate(180deg) !important;}

/* =========================================================
   8. SUBMENU
   ========================================================= */

.site-nav--mobile
.site-nav__item--mega
> .catalog-mega {

  position: static !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 10px !important;

  background: #fff !important;

  border: 1px solid #ebe5dd !important;
  border-radius: 3px !important;

  box-shadow:
    0 8px 22px rgba(40, 32, 25, .04) !important;

  overflow: hidden !important;}

/* =========================================================
   9. VIEW ALL
   ========================================================= */

.site-nav--mobile .catalog-mega__lede {
  margin: 0 !important;
  padding: 0 !important;

  border-bottom: 1px solid #eee8e1 !important;}

.site-nav--mobile .catalog-mega__lede a {
  min-height: 42px !important;

  padding: 0 14px !important;

  display: flex !important;
  align-items: center !important;

  font-family: "Jost", sans-serif !important;

  font-size: 10px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  letter-spacing: .09em !important;
  text-transform: uppercase !important;

  color: #9a7447 !important;

  text-decoration: none !important;}

/* =========================================================
   10. PRODUCT LIST
   ========================================================= */

.site-nav--mobile .catalog-mega__list {
  width: 100% !important;

  max-height: 300px !important;

  margin: 0 !important;
  padding: 4px 12px !important;

  box-sizing: border-box !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  overscroll-behavior: contain !important;

  -webkit-overflow-scrolling: touch !important;

  scrollbar-width: thin !important;
  scrollbar-color: #a7a19a transparent !important;}

.site-nav--mobile .catalog-mega__list::-webkit-scrollbar {
  width: 4px !important;}

.site-nav--mobile .catalog-mega__list::-webkit-scrollbar-track {
  background: transparent !important;}

.site-nav--mobile .catalog-mega__list::-webkit-scrollbar-thumb {
  background: #a7a19a !important;
  border-radius: 10px !important;}

/* =========================================================
   11. PRODUCT ROW
   ========================================================= */

.site-nav--mobile .catalog-mega__group--link {
  margin: 0 !important;
  padding: 0 !important;

  border-bottom: 1px solid #eee9e3 !important;}

.site-nav--mobile .catalog-mega__group--link:last-child {
  border-bottom: 0 !important;}

.site-nav--mobile .catalog-mega__product-link {
  min-height: 50px !important;

  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;

  align-items: center !important;

  gap: 11px !important;

  padding: 6px 2px !important;

  text-decoration: none !important;

  background: transparent !important;

  transition:
    background-color .16s ease,
    color .16s ease !important;}

/* giữ nguyên ảnh */
.site-nav--mobile .catalog-mega__product-thumb {
  width: 36px !important;
  height: 36px !important;

  overflow: hidden !important;

  border: 1px solid #e9e3dc !important;
  border-radius: 4px !important;

  background: #faf8f5 !important;}

.site-nav--mobile .catalog-mega__product-thumb img {
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  display: block !important;}

/* product name */
.site-nav--mobile .catalog-mega__product-name {
  margin: 0 !important;
  padding: 0 !important;

  font-family: "Jost", sans-serif !important;

  font-size: 11px !important;
  font-weight: 400 !important;

  line-height: 1.25 !important;

  letter-spacing: .035em !important;

  text-transform: uppercase !important;

  color: #40372f !important;}

/* NEWS / ABOUT / CONTACT */
.site-nav--mobile .catalog-mega__direct {
  min-height: 42px !important;

  padding: 0 14px !important;

  display: flex !important;
  align-items: center !important;

  font-family: "Jost", sans-serif !important;

  font-size: 11px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  letter-spacing: .055em !important;
  text-transform: uppercase !important;

  color: #40372f !important;

  text-decoration: none !important;}

/* =========================================================
   12. ACCOUNT
   ========================================================= */

.site-nav--mobile .site-nav__account--desktop-dropdown {
  display: none !important;}

.site-nav--mobile .site-nav__account--mobile {
  width: 100% !important;

  min-height: 54px !important;

  display: flex !important;
  flex-direction: row !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 0 !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border-top: 1px solid #e9e2d9 !important;
  border-bottom: 1px solid #e9e2d9 !important;}

/* icon */
.site-nav--mobile
.site-nav__account--mobile
.site-nav__account-icon {

  width: 22px !important;
  height: 22px !important;

  flex: 0 0 22px !important;

  margin: 0 12px 0 2px !important;

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

  color: #a67c46 !important;}

/* links */
.site-nav--mobile
.site-nav__account--mobile
> a.cart-link {

  min-height: 32px !important;

  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 11px !important;

  font-family: "Jost", sans-serif !important;

  font-size: 11px !important;
  font-weight: 400 !important;

  line-height: 1 !important;

  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  color: #4b423a !important;

  text-decoration: none !important;

  white-space: nowrap !important;}

.site-nav--mobile
.site-nav__account--mobile
> a[href*="/register"] {

  border-left: 1px solid #aaa198 !important;}

/* =========================================================
   13. CURRENCY
   ========================================================= */

.site-nav--mobile .currency-form {
  width: 100% !important;

  margin: 6px 0 0 !important;
  padding: 0 !important;}

.site-nav--mobile .currency-picker {
  width: 100% !important;}

.site-nav--mobile .currency-picker__trigger {
  width: 100% !important;

  min-height: 52px !important;

  padding: 0 2px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  background: transparent !important;

  border: 0 !important;

  font-family: "Jost", sans-serif !important;

  font-size: 11px !important;
  font-weight: 400 !important;

  letter-spacing: .04em !important;

  color: #40372f !important;}
/* =========================================
   AURA & CO — LUXURY PAGINATION
   ========================================= */

.pagination-wrap {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  gap: 16px !important;

  margin: 38px auto 52px !important;
  padding: 24px 0 0 !important;

  border-top: 1px solid #eee8e1 !important;}

/* SUMMARY */
.pagination-wrap__summary {
  margin: 0 !important;

  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;

  line-height: 1.4 !important;
  letter-spacing: .045em !important;

  color: #6f675f !important;}

.pagination-wrap__summary strong {
  font-weight: 500 !important;
  color: #3e3731 !important;}

/* LIST */
.pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;}

/* ALL PAGE ITEMS */
.pagination li {
  margin: 0 !important;
  padding: 0 !important;}

/* LINKS + ACTIVE + DISABLED */
.pagination li a,
.pagination li span {
  min-width: 38px !important;
  height: 38px !important;

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

  padding: 0 12px !important;

  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;

  line-height: 1 !important;
  letter-spacing: .025em !important;

  color: #3f3832 !important;

  background: #fff !important;

  border: 1px solid #e5ddd4 !important;
  border-radius: 8px !important;

  text-decoration: none !important;

  box-shadow: none !important;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .18s ease !important;}

/* HOVER */
.pagination li a:hover {
  background: #faf7f2 !important;

  border-color: #c7ae8d !important;

  color: #8c6538 !important;

  transform: translateY(-1px) !important;}

/* ACTIVE PAGE */
.pagination li.active span {
  background: #f5ecdf !important;

  border-color: #b98a4f !important;

  color: #7b582f !important;

  font-weight: 500 !important;}

/* DISABLED */
.pagination li.disabled span {
  color: #aaa29b !important;

  background: #fbfaf8 !important;

  border-color: #ece7e1 !important;

  opacity: .72 !important;}

/* PREVIOUS / NEXT
   cho rộng hơn số trang */
.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span {
  min-width: 76px !important;

  padding: 0 16px !important;

  font-size: 11px !important;
  font-weight: 400 !important;

  letter-spacing: .05em !important;

  text-transform: uppercase !important;}
/* =========================================================
   7. TABLET
   ========================================================= */
    main.site-main .btn, main.site-main button[type="submit"], main.site-main input[type="submit"] {
    font-size: 13px  !important;
        height: 20px !important;
        min-height: 25px !important;
}