main#main.site-main:has(> form.auth-form[action*="/login"])
> .login-note {
  font-size: 13px !important;
}

main#main.site-main:has(> form.auth-form[action*="/login"])
> .page-head p {
  font-size: 13px !important;
}


  main#main.site-main:has(> form.auth-form[action*="/login"])
  > .page-head {
    padding-top: 28px !important;
  }
}
.catalog-mega__summary-label {
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}
@media screen and (max-width: 749px) {

  #welcome-popup .welcome-popup__dialog {
    width: calc(100% - 30px) !important;
    max-width: 440px !important;
  }


  #welcome-popup .welcome-popup__card {
    display: grid !important;

    grid-template-columns: 1fr !important;
    grid-template-rows: 210px auto !important;

    min-height: 0 !important;
  }


  #welcome-popup .welcome-popup__bg {
    grid-column: 1 !important;
    grid-row: 1 !important;

    min-height: 210px !important;

    background-position: center 35% !important;
  }


  #welcome-popup .welcome-popup__content {
    grid-column: 1 !important;
    grid-row: 2 !important;

    padding: 32px 24px 28px !important;
  }


  #welcome-popup .welcome-popup__title {
    font-size: 21px !important;
    margin-bottom: 20px !important;
  }


  #welcome-popup .welcome-popup__close {
    top: 12px !important;
    right: 12px !important;

    color: #fff !important;
  }


  #welcome-popup .welcome-popup__close svg {
    stroke: #fff !important;
  }
}

.site-nav--mobile .site-nav__list a, .site-nav--mobile .site-nav__mega-trigger, .site-nav--mobile .site-nav__account a, .site-nav--mobile .site-signout {
    font-family: "Jost", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
    color: #302c27 !important;

}
    .site-nav--mobile .site-nav__account .cart-link, .site-nav--mobile .site-signout {
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  color: #403b35 !important;
}
.currency-picker__option-copy strong {
 font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}


.catalog-mega__summary {
    color: var(--ink);
    font-size: 0.9rem;
    font-family: "Source Sans 3", system-ui, sans-serif;
}

.shop-product-card--missoma .shop-product-card__title {
font-size: 13px;
}
.home-brand-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-journal-slider__slide .home-news-card__media img {
        height: 450px;
    } 
article.post-detail img {
    object-fit: cover;
}
.product-detail__description-body.is-collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.catalog-mega__summary { 
text-transform: uppercase;
  }
 .catalog-toolbar__filters-btn {
justify-content: unset;
}
.catalog-toolbar__sort-label, .catalog-toolbar__sort-select {
    border-radius: 8px;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.75rem;
    color: var(--ink);
}

.shop-product-card--missoma .shop-product-card__cart-btn {
border: 1.5px solid #ffffff;
box-shadow: none;
}

.site-main--home .home-section.is-visible .section__title {
font-size: x-large;
}
.home-section--stories.is-visible .home-stories__reveal {
width: 400px;
}
.home-stories__layout {
grid-template-columns: 1fr;
    display: grid;
}
.home-section--stories.is-visible .home-stories__reveal {
text-align: center;
    width: 400px;
}
    .home-stories__description-body.is-collapsed {
width: 400px;
}
    .home-stories__description-body.is-expanded {
        display: table-row;
}

.home-hero__title{
font-size: 85%;
}

.home-hero__slide-hit .home-hero__cta {
    font-size: 12px !important;
padding: 5px;
}
    .site-nav--mobile .site-nav__account--signed-in .site-nav__account-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    color: #71706f;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.site-nav__body {
gap: 0.25rem;
}


.catalog-chips {
    margin: 25px 0px 0.5rem;
}
    .catalog-page-head__title {
        margin: -4px 0 -0.8rem;
    }
.site-nav__list {
  text-transform: uppercase;
}
.catalog-mega__list{
  text-transform: math-auto;
}
.site-nav__account--mobile {
        display: grid !important;
        grid-template-columns: 30px max-content max-content;
        align-items: center;
        justify-content: start;
        gap: 0;
        padding: 20px 20px;
    }

    .site-nav__account--mobile .site-nav__account-icon {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-right: 10px;
    }

    .site-nav__account--mobile .cart-link {
        display: inline-flex !important;
        align-items: center;
        width: auto !important;
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #111;
        font-size: 15px;
        line-height: 1;
        text-decoration: none;
        text-transform: none;
    }
 /* Dấu | giữa Sign In và Register */
    .site-nav__account--mobile .cart-link + .cart-link {
        margin-left: 10px !important;
        padding-left: 10px !important;
        border-left: 1px solid #222;

    }
.site-nav__account--mobile.site-nav__account--signed-in {
  display: flex !important;
  grid-template-columns: unset;
  border-left: unset;
}
.site-nav__account--mobile .cart-link {
    text-transform: capitalize;
}

.home-service-band{
  display: flex;
}
.home-category-feature__media img{
width: 46%;
height : 100%;
}
.home-category-feature__media {
min-height: 25rem;
}
.catalog-category-hero__media {
height: 450px;
}
  
.category-card__title {
font-size: 14px !important;
}
.home-feedback-card__photo {
height: 250px;
}

}
.shop-product-card--missoma .shop-product-card__badge--label {
    background-color: transparent;
    color: black;
    font-size: 9px;
}
.shop-product-card--missoma .shop-product-card__badge--label {
padding: 0.1rem 0.1rem;
}
    .site-header__logo {
widht:110px;
}
.logo__name {
overflow : unset;
font-size: 100%;
}

.catalog-page-head__summary {
margin: revert;
    margin-bottom: 0px;
}
.logo {
letter-spacing: 0em;
}
.site-header__logo {
    max-width: 200%;
}
     .site-nav--mobile .site-nav__account--mobile {
        padding: 1rem 0rem 9px;
}
 
/*whatsapp*/
.floating-actions__btn  {
height: 0rem;
}  

/* Đồng bộ chiều cao nội dung product card */
.shop-product-card__body {
  display: grid !important;
  grid-template-rows:
    auto       /* rating */
    2.6em      /* product name - tối đa 2 dòng */
    1.5em      /* material */
    1.5em      /* price */;
  row-gap: 5px !important;

  align-content: start !important;
}
.shop-product-card__title,
.shop-product-card__name {
  min-height: 2.6em !important;

  line-height: 1.3 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;

  overflow: hidden !important;
}
.shop-product-card__material,
.shop-product-card__meta {
  min-height: 1.5em !important;
  line-height: 1.5 !important;
}
.shop-product-card__material,
.shop-product-card__meta {
  min-height: 1.5em !important;
  line-height: 1.5 !important;
}
.shop-product-card__price {
  min-height: 1.5em !important;
  line-height: 1.5 !important;
}

/* PRODUCT PRICE — LUXURY STYLE */
.product-detail__price {
  margin: 10px 0 24px !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.product-detail__price [data-pd-price-current] {
  font-family: "Jost", sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;

  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  color: #302c27 !important;
}
/* =========================================
   PRODUCT RATING — LUXURY STYLE
   ========================================= */

.product-detail__rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  letter-spacing: 0.015em !important;

  color: #514b46 !important;

  text-decoration: none !important;

  margin: 8px 0 22px !important;

  transition: opacity 0.25s ease !important;
}

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

  main#main.site-main:has(> section.order-items) {
    width: calc(100% - 36px) !important;
    max-width: none !important;

    padding: 36px 0 60px !important;
  }

  main#main.site-main:has(> section.order-items)
  .page-head__title {
    font-size: 18px !important;
  }

  main#main.site-main:has(> section.order-items)
  > .banner.banner--info {
    font-size: 10.5px !important;
    padding: 14px !important;
  }

  main#main.site-main:has(> section.order-items)
  .order-items__row {
    gap: 16px !important;
  }

  main#main.site-main:has(> section.order-items)
  .order-items__continue > .btn.btn--primary {
    width: 100% !important;
  }
}

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

  body.checkout-page .checkout-header__inner {
    width: calc(100% - 32px) !important;

    min-height: 58px !important;
  }

  body.checkout-page .checkout-header__logo,
  body.checkout-page .checkout-header__logo * {
    font-size: 22px !important;
  }

  body.checkout-page .checkout-header__actions {
    gap: 12px !important;
  }

  body.checkout-page .currency-form--checkout select {
    min-width: 80px !important;

    height: 34px !important;

    font-size: 10px !important;
  }

  body.checkout-page .checkout-header__cart {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 900px) {

  body.checkout-page .checkout-header__inner {
    width: calc(100% - 32px) !important;

    min-height: 58px !important;
  }

  body.checkout-page .checkout-header__logo,
  body.checkout-page .checkout-header__logo * {
    font-size: 22px !important;
  }

  body.checkout-page .checkout-header__actions {
    gap: 12px !important;
  }

  body.checkout-page .currency-form--checkout select {
    min-width: 80px !important;

    height: 34px !important;

    font-size: 10px !important;
  }

  body.checkout-page .checkout-header__cart {
    font-size: 10px !important;
  }






  /* NÚT SHOW / HIDE ORDER SUMMARY */
  body.checkout-page .checkout-aside__toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

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

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

    background: transparent !important;

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

    box-shadow: none !important;

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

    color: #333 !important;

    text-decoration: underline !important;
    text-underline-offset: 3px !important;

    cursor: pointer !important;
  }
}
@media screen and (max-width: 760px) {

  body.checkout-page .checkout-layout {
    width: calc(100% - 28px) !important;

    display: block !important;
  }


  body.checkout-page .checkout-layout__main {
    max-width: none !important;

    padding: 26px 0 50px !important;
  }


  body.checkout-page .checkout-fields-row,
  body.checkout-page .checkout-field-row {
    grid-template-columns: 1fr !important;
  }


  body.checkout-page .checkout-block {
    margin-bottom: 26px !important;
  }


  body.checkout-page #checkout-contact-title,
  body.checkout-page #checkout-delivery-title,
  body.checkout-page #checkout-shipping-method-title,
  body.checkout-page #checkout-payment-title {
    font-size: 17px !important;
  }
}
/* =========================================================
   CART PAGE — MOBILE FIX
   DÁN Ở CUỐI CSS
   ========================================================= */

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

  /* ======================================
     1. MAIN CART
     ====================================== */

  main.site-main--cart {
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden !important;
  }

  main.site-main--cart .cart-page {
    width: calc(100% - 32px) !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 28px 0 56px !important;

    box-sizing: border-box !important;
  }


  /* ======================================
     2. TITLE
     ====================================== */

  main.site-main--cart .cart-page__head {
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 !important;

    text-align: center !important;
  }

  main.site-main--cart .cart-page__title {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }


  /* ======================================
     3. FREE SHIPPING
     ====================================== */

  main.site-main--cart .checkout-free-shipping {
    width: 100% !important;
    max-width: none !important;

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

    box-sizing: border-box !important;
  }


  /* ======================================
     4. QUAN TRỌNG:
     BỎ GRID DESKTOP 2 CỘT
     ====================================== */

  main.site-main--cart .cart-page__layout {
    display: block !important;

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

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

    grid-template-columns: none !important;
    column-gap: 0 !important;
  }


  /* CỘT SẢN PHẨM */
  main.site-main--cart .cart-page__main {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

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


  /* ======================================
     5. PRODUCT LIST
     ====================================== */

  main.site-main--cart .cart-page__lines-wrap,
  main.site-main--cart .cart-page__lines {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

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


  main.site-main--cart .cart-page__lines > li {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

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

    box-sizing: border-box !important;
  }


  /* QUAN TRỌNG:
     không cho product name vỡ thành từng ký tự */
  main.site-main--cart .cart-page__lines a,
  main.site-main--cart .cart-page__lines p,
  main.site-main--cart .cart-page__lines strong {
    min-width: 0 !important;

    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;

    writing-mode: horizontal-tb !important;
  }


  /* ẢNH SẢN PHẨM MOBILE */
  main.site-main--cart .cart-page__lines img {
    width: 72px !important;
    height: 72px !important;

    max-width: 72px !important;

    object-fit: cover !important;
  }


  /* ======================================
     6. CONTINUE SHOPPING
     ====================================== */

  main.site-main--cart .cart-page__continue {
    margin: 24px 0 0 !important;
  }


  /* ======================================
     7. ORDER SUMMARY WRAPPER
     ĐẨY XUỐNG DƯỚI PRODUCT LIST
     ====================================== */

  main.site-main--cart [data-cart-page-summary-wrap] {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

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

    position: static !important;

    transform: none !important;
  }


  /* ======================================
     8. ORDER SUMMARY
     TẮT STICKY DESKTOP
     ====================================== */

  main.site-main--cart .cart-page__summary {
    position: static !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 24px 20px !important;

    box-sizing: border-box !important;

    border-radius: 0 !important;

    overflow: visible !important;
  }


  /* Text trong summary không được co thành cột */
  main.site-main--cart .cart-page__summary,
  main.site-main--cart .cart-page__summary * {
    min-width: 0 !important;

    writing-mode: horizontal-tb !important;
    word-break: normal !important;
  }


  /* ======================================
     9. SECURE CHECKOUT
     ====================================== */

  main.site-main--cart .cart-page__summary .btn--primary,
  main.site-main--cart .cart-page__summary a[href*="/checkout"] {
    width: 100% !important;

    min-height: 46px !important;

    margin-top: 20px !important;

    border-radius: 0 !important;
  }
}
/* MOBILE — ĐẨY SCROLLBAR ORDER SUMMARY SÁT MÉP PHẢI */
/* =========================================================
   MOBILE CHECKOUT SUMMARY — FIX SCROLLBAR ĐÚNG
   ========================================================= */

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

  /* 1. CONTAINER NGOÀI KHÔNG ĐƯỢC SCROLL */
  body.checkout-page .checkout-layout__aside,
  body.checkout-page .checkout-order-column,
  body.checkout-page .checkout-aside,
  body.checkout-page .checkout-aside__summary {
    max-height: none !important;

    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }


  /* 2. CHỈ PRODUCT LIST ĐƯỢC SCROLL */
  body.checkout-page .checkout-aside__list {
    display: block !important;

    width: calc(100% + 16px) !important;
    max-width: none !important;

    max-height: 340px !important;

    margin-left: 0 !important;
    margin-right: -16px !important;

    padding-left: 0 !important;
    padding-right: 16px !important;

    box-sizing: border-box !important;

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

    scrollbar-gutter: stable !important;
  }


  /* 3. TUYỆT ĐỐI KHÔNG CÓ THANH KÉO NGANG */
  body.checkout-page .checkout-aside__list {
    overscroll-behavior-x: none !important;
  }


  /* 4. SCROLLBAR MẢNH */
  body.checkout-page .checkout-aside__list::-webkit-scrollbar {
    width: 4px !important;
    height: 0 !important;
  }

  body.checkout-page .checkout-aside__list::-webkit-scrollbar-track {
    background: transparent !important;
  }

  body.checkout-page .checkout-aside__list::-webkit-scrollbar-thumb {
    background: #8a8a8a !important;
    border-radius: 10px !important;
  }

  body.checkout-page .checkout-aside__list {
    scrollbar-width: thin !important;
    scrollbar-color: #8a8a8a transparent !important;
  }
}
/* MOBILE — ORDER SUMMARY TOGGLE */
@media screen and (max-width: 749px) {

  body.checkout-page .checkout-aside__toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

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

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

    font-family: "Jost", sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;

    color: #222 !important;
    background: transparent !important;

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

    text-decoration: none !important;
    box-shadow: none !important;

    cursor: pointer !important;

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

  body.checkout-page .checkout-aside__toggle:hover {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
  }
}
@media screen and (max-width: 749px) {

  .checkout-aside__toggle[aria-expanded="true"]::after {
    content: "−";
    margin-left: 7px;
    font-size: 12px;
  }

  .checkout-aside__toggle[aria-expanded="false"]::after {
    content: "+";
    margin-left: 7px;
    font-size: 12px;
  }
}
.catalog-category-hero__title {
font-size: 25px !important;
}
.catalog-category-hero__description {
font-size: 15px !important;
}
@media screen and (max-width: 749px) {

  body.checkout-page .checkout-voucher__row {
    display: flex !important;
    align-items: stretch !important;

    gap: 8px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.checkout-page .checkout-voucher__field {
    flex: 1 1 auto !important;
    min-width: 0 !important;

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

  body.checkout-page #voucher_code {
    width: 100% !important;

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

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

    box-sizing: border-box !important;
  }

  body.checkout-page
  .checkout-voucher__btn[data-voucher-apply] {
    flex: 0 0 60px !important;

    width: 60px !important;

    height: 30px !important;
    min-height: 40px !important;

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

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

    box-sizing: border-box !important;

    line-height: 1 !important;
  }
}
@media screen and (max-width: 749px) {

  .catalog-filters-drawer__panel {
    width: 88vw !important;
    max-width: 360px !important;
  }

  .catalog-filters-drawer__head {
    min-height: 64px !important;

    padding: 0 22px !important;
  }

  .catalog-filters {
    padding: 26px 22px 34px !important;
  }

  .catalog-filters > label {
    margin-bottom: 38px !important;
  }
}
@media screen and (max-width: 749px) {

  #catalog-filters-panel .catalog-filters-drawer__panel {
    width: 88vw !important;
    max-width: 340px !important;
  }

  #catalog-filters-panel form.catalog-filters {
    padding: 28px 24px 36px !important;
  }

  #catalog-filters-panel form.catalog-filters > label {
    margin-bottom: 42px !important;
  }
}
/* =========================================================
   MOBILE NAV — COMPACT / LUXURY
   ========================================================= */

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

  /* 1. TOÀN BỘ MENU MOBILE */
  .mobile-nav-drawer__panel {
    width: 88vw !important;
    max-width: 360px !important;

    background: #fff !important;

    box-shadow:
      8px 0 28px rgba(0, 0, 0, 0.06) !important;
  }


  /* =====================================================
     2. KHUNG CON: NECKLACES / BRACELETS / EARRINGS...
     ===================================================== */

  .mobile-nav-drawer .catalog-mega {
    width: 100% !important;
    max-width: 100% !important;

    margin: 8px 0 10px !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #e7e2dc !important;
    border-radius: 6px !important;

    box-shadow: none !important;

    overflow: hidden !important;
  }


  /* không làm rộng content bên trong */
  .mobile-nav-drawer .catalog-mega__inner {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     3. PRODUCT LIST
     chỉ scroll dọc, không được có thanh ngang
     ===================================================== */

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

    max-height: 390px !important;

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

    box-sizing: border-box !important;

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


  /* Firefox */
  .mobile-nav-drawer .catalog-mega__list {
    scrollbar-width: thin !important;
    scrollbar-color: #969696 transparent !important;
  }

  /* Chrome / Edge / Safari */
  .mobile-nav-drawer .catalog-mega__list::-webkit-scrollbar {
    width: 4px !important;
    height: 0 !important;
  }

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

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


  /* =====================================================
     4. CHẶN BẤT KỲ OVERFLOW NGANG NÀO
     ===================================================== */

  .mobile-nav-drawer,
  .mobile-nav-drawer__panel,
  .mobile-nav-drawer .catalog-mega,
  .mobile-nav-drawer .catalog-mega__inner {
    overflow-x: hidden !important;
  }
}
/* =========================================================
/* =========================================================
   AURA & CO — MOBILE NAV LUXURY FINAL
   Giữ nguyên cấu trúc, chỉ chỉnh presentation
   ========================================================= */

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

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

  .mobile-nav-drawer__panel {
    width: 86vw !important;
    max-width: 360px !important;

    background: #fdfcf9 !important;

    box-shadow:
      12px 0 34px rgba(31, 25, 19, 0.09) !important;
  }


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

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

    padding: 0 20px !important;

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

    background: #fdfcf9 !important;

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


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

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

    gap: 0 !important;

    padding: 8px 0 24px !important;

    background: #fdfcf9 !important;
  }


  .site-nav--mobile .site-nav__list {
    display: block !important;

    width: 100% !important;

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


  /* =====================================================
     4. TẤT CẢ MENU ITEM CÙNG 1 TRỤC
     ===================================================== */

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

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


  /* button của Necklaces / Bracelets / Collections... */
  .site-nav--mobile
  .site-nav__list
  > li
  > .site-nav__expand-toggle {

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

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

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

    box-sizing: border-box !important;

    background: transparent !important;

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

    box-shadow: none !important;
  }


  /* text trong button */
  .site-nav--mobile
  .site-nav__expand-toggle
  .site-nav__mega-trigger {

    flex: 1 1 auto !important;

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

    min-height: 52px !important;

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

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

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

    line-height: 1 !important;

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

    color: #40372f !important;

    text-decoration: none !important;
  }


  /* BEST SELLERS — cùng lề tuyệt đối */
  .site-nav--mobile
  .site-nav__list
  > li
  > a[href$="/product"] {

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

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

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

    box-sizing: border-box !important;

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

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

    line-height: 1 !important;

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

    color: #40372f !important;

    text-decoration: none !important;
  }


  /* =====================================================
     5. CHEVRON
     ===================================================== */

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

    flex: 0 0 14px !important;

    margin-left: 14px !important;

    color: #a67c46 !important;

    opacity: .9 !important;
  }


  /* =====================================================
     6. HOVER / ACTIVE
     ===================================================== */

  .site-nav--mobile
  .site-nav__expand-toggle:hover,

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

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


  .site-nav--mobile
  .site-nav__expand-toggle:hover
  .site-nav__mega-trigger,

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

    color: #9a7040 !important;
  }


  /* =====================================================
     7. DESKTOP ACCOUNT TUYỆT ĐỐI KHÔNG HIỆN TRÊN MOBILE
     ===================================================== */

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


  /* =====================================================
     8. ACCOUNT MOBILE
     icon + SIGN IN | REGISTER cùng một hàng
     ===================================================== */

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

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

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

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

    margin: 14px 20px 0 !important;
    padding: 0 !important;

    gap: 0 !important;

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

    box-sizing: border-box !important;

    background: transparent !important;
  }


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

    width: 28px !important;
    height: 28px !important;

    flex: 0 0 28px !important;

    margin: 0 12px 0 0 !important;

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

    color: #a67c46 !important;

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

    background: transparent !important;
  }


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


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

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

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

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

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

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

    line-height: 1 !important;

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

    color: #4e443b !important;

    text-decoration: none !important;

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

    white-space: nowrap !important;
  }


  /* divider SIGN IN | REGISTER */
  .site-nav--mobile
  .site-nav__account--mobile
  > a[href*="/register"] {

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


  .site-nav--mobile
  .site-nav__account--mobile
  > a:hover {
    color: #9a7040 !important;
  }


  /* =====================================================
     9. CURRENCY
     ===================================================== */

  .site-nav--mobile
  .currency-form {

    width: auto !important;

    margin: 0 20px !important;
    padding: 8px 0 0 !important;

    border: 0 !important;

    background: transparent !important;
  }


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

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

    padding: 0 4px !important;

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

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

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

    letter-spacing: .05em !important;

    color: #40372f !important;

    background: transparent !important;

    border: 0 !important;
  }


  /* =====================================================
     10. CHẶN THANH CUỘN NGANG
     ===================================================== */

  .mobile-nav-drawer__panel,
  .site-nav--mobile,
  .site-nav--mobile .site-nav__body {

    overflow-x: hidden !important;
  }

}

/* =========================================================
   MOBILE NAV — EQUAL ROW SPACING
   ========================================================= */

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

  /* bỏ mọi gap/margin khác nhau giữa các <li> */
  .site-nav--mobile .site-nav__list {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

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


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

  /* =====================================================
     TẤT CẢ MENU ROW CÙNG 1 HỆ
     ===================================================== */

  .site-nav--mobile .site-nav__list {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

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

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


  /* ROW CÓ MEGA MENU */
  .site-nav--mobile
  .site-nav__list
  > li
  > .site-nav__expand-toggle {

    width: 100% !important;
    height: 72px !important;

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

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

    box-sizing: border-box !important;
  }


  /* TEXT BÊN TRONG MEGA:
     bỏ việc tự quyết định width / padding */
  .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;

    line-height: 1 !important;
  }


  /* BEST SELLERS — giống chính xác row phía trên */
  .site-nav--mobile
  .site-nav__list
  > li
  > a[href$="/product"] {

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

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

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

    box-sizing: border-box !important;

    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

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

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


  /* ARROW */
  .site-nav--mobile .site-nav__expand-icon {
    flex: 0 0 14px !important;

    width: 14px !important;
    height: 14px !important;

    margin-left: 14px !important;
  }
}
/* =========================================================
   MOBILE NAV — FIX OVERLAP KHI MỞ MEGA MENU
   ========================================================= */

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

  /* QUAN TRỌNG:
     LI phải tự tăng chiều cao khi menu con mở */
  .site-nav--mobile .site-nav__list > li {
    width: 100% !important;

    height: auto !important;
    min-height: 72px !important;

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

    overflow: visible !important;
  }


  /* Chỉ ROW chính cao 72px */
  .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: 72px !important;
    min-height: 72px !important;

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

    box-sizing: border-box !important;

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

    background: transparent !important;
  }


  /* Mega panel phải nằm trong flow,
     mở ra thì đẩy menu phía dưới xuống */
  .site-nav--mobile
  .site-nav__item--mega
  > .catalog-mega {

    position: static !important;

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

    margin: 0 !important;

    box-sizing: border-box !important;
  }


  /* Khung sản phẩm */
  .site-nav--mobile .catalog-mega__inner {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
  }


  /* Danh sách sản phẩm chỉ scroll bên trong */
  .site-nav--mobile .catalog-mega__list {
    width: 100% !important;

    max-height: 400px !important;

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

    box-sizing: border-box !important;
  }

}
/* =========================
   MOBILE NAV – LUXURY REFINEMENT
   Giữ nguyên cấu trúc + ảnh sản phẩm
========================= */
@media screen and (max-width: 1023px) {

  /* Tổng thể drawer */
  .mobile-nav-drawer__panel,
  .site-nav-mobile {
    background: #fcfbf8 !important;
  }

  .site-nav-mobile {
    color: #3b322c !important;
  }

  /* Header drawer */
  .mobile-nav-drawer__head {
    padding: 20px 20px 18px !important;
    border-bottom: 1px solid rgba(176, 138, 83, 0.22) !important;
    background: #fcfbf8 !important;
  }

  /* List menu chính */
  .site-nav__list {
    padding: 8px 0 0 !important;
    gap: 0 !important;
  }

  .site-nav__item {
    margin: 0 !important;
  }

  /* Nút từng mục */
  .site-nav__expand-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 62px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(176, 138, 83, 0.14) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Text menu */
  .site-nav__mega-trigger,
  .site-nav__list > li > a {
    display: block !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Jost", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #40372f !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  /* Icon mũi tên */
  .site-nav__expand-icon,
  .site-nav__expand-toggle svg {
    flex: 0 0 auto !important;
    color: #b08a53 !important;
    stroke: #b08a53 !important;
    opacity: 0.95 !important;
  }

  /* Panel con đang mở */
  .catalog-mega {
    margin: 10px 16px 14px !important;
    border: 1px solid rgba(176, 138, 83, 0.22) !important;
    border-radius: 14px !important;
    background: #fffdfa !important;
    overflow: hidden !important;
    box-shadow: 0 10px 24px rgba(58, 44, 30, 0.06) !important;
  }

  .catalog-mega__inner {
    padding: 0 !important;
    background: transparent !important;
  }

  /* Dòng "View all ..." */
  .catalog-mega__lede {
    margin: 0 !important;
    padding: 0 !important;
  }

  .catalog-mega__lede a {
    display: block !important;
    padding: 14px 16px 12px !important;
    font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #8f6a3c !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(176, 138, 83, 0.16) !important;
    background: #fffdfa !important;
  }

  /* Danh sách sản phẩm */
  .catalog-mega__list {
    display: block !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(140, 118, 90, 0.7) transparent !important;
  }

  .catalog-mega__list::-webkit-scrollbar {
    width: 6px !important;
  }

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

  .catalog-mega__list::-webkit-scrollbar-thumb {
    background: rgba(140, 118, 90, 0.55) !important;
    border-radius: 999px !important;
  }

  /* Từng item sản phẩm */
  .catalog-mega__group--link {
    margin: 0 !important;
    border-bottom: 1px solid rgba(176, 138, 83, 0.14) !important;
  }

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

  .catalog-mega__product-link {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    min-height: 58px !important;
    background: transparent !important;
  }

  /* Ảnh sản phẩm – giữ nguyên ảnh, chỉ làm frame sang hơn */
  .catalog-mega__product-thumb {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f8f2e9 !important;
    border: 1px solid rgba(176, 138, 83, 0.16) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }

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

  /* Tên sản phẩm */
  .catalog-mega__product-name {
    display: block !important;
    margin: 0 !important;
    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.04em !important;
    color: #40372f !important;
    text-transform: uppercase !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* Nhẹ nhàng hơn khi chạm */
  .catalog-mega__lede a:active,
  .catalog-mega__product-link:active,
  .site-nav__expand-toggle:active {
    background: rgba(176, 138, 83, 0.06) !important;
  }

  /* Khu sign in / register cho cân hơn */
  .site-nav__account--mobile {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 20px 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(176, 138, 83, 0.18) !important;
  }

  .site-nav__account--mobile .site-nav__account-icon {
    flex: 0 0 auto !important;
    color: #b08a53 !important;
  }

  .site-nav__account--mobile .cart-link {
    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #40372f !important;
    text-decoration: none !important;
  }

  .site-nav__account--mobile .cart-link + .cart-link::before {
    content: "|" !important;
    display: inline-block !important;
    margin: 0 10px 0 6px !important;
    color: rgba(64, 55, 47, 0.45) !important;
  }

  /* Currency block */
  .currency-form {
    margin-top: 10px !important;
    padding: 0 20px 18px !important;
  }

  .currency-picker {
    border-top: 1px solid rgba(176, 138, 83, 0.18) !important;
    padding-top: 14px !important;
  }

  .currency-picker__trigger {
    min-height: 44px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .currency-picker__trigger-inner {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #40372f !important;
  }
}  
/* =========================================================
   AURA & CO — MOBILE NAV LUXURY V2
   Giữ nguyên cấu trúc + ảnh sản phẩm
   ========================================================= */

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

  /* =====================================================
     1. NỀN TỔNG THỂ
     ===================================================== */

  .mobile-nav-drawer__panel,
  .site-nav--mobile,
  .site-nav--mobile .site-nav__body {
    background: #fff !important;
  }


  /* =====================================================
     2. HEADER — GỌN, EDITORIAL HƠN
     ===================================================== */

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

    padding: 0 20px !important;

    border-bottom: 1px solid #ece8e2 !important;

    background: #fff !important;
  }


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

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

    letter-spacing: .02em !important;

    color: #463d36 !important;
  }


  /* close */
  .mobile-nav-drawer__head button {
    background: transparent !important;

    border: 0 !important;

    color: #302b27 !important;

    box-shadow: none !important;
  }


  /* =====================================================
     3. MENU CHÍNH — ĐỀU HÀNG HƠN
     ===================================================== */

  .site-nav--mobile .site-nav__list {
    padding-top: 8px !important;
  }


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

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

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

    padding: 0 20px !important;

    border: 0 !important;

    background: transparent !important;
  }


  .site-nav--mobile
  .site-nav__mega-trigger,

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

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

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

    line-height: 1 !important;

    letter-spacing: .065em !important;

    color: #3d3732 !important;

    text-transform: uppercase !important;
  }


  /* arrow mảnh hơn */
  .site-nav--mobile .site-nav__expand-icon {
    width: 13px !important;
    height: 13px !important;

    color: #a88456 !important;

    opacity: .85 !important;
  }


  /* =====================================================
     4. SUBMENU PRODUCT — BỎ CẢM GIÁC CARD
     ===================================================== */

  .site-nav--mobile .catalog-mega {
    width: calc(100% - 32px) !important;

    margin: 0 16px 16px !important;

    background: #fff !important;

    border: 1px solid #ece6de !important;

    border-radius: 4px !important;

    box-shadow:
      0 8px 26px rgba(43, 35, 28, .045) !important;

    overflow: hidden !important;
  }


  .site-nav--mobile .catalog-mega__inner {
    padding: 0 !important;
  }


  /* =====================================================
     5. VIEW ALL — NHẸ VÀ EDITORIAL
     ===================================================== */

  .site-nav--mobile .catalog-mega__lede a {
    display: flex !important;
    align-items: center !important;

    min-height: 44px !important;

    padding: 0 14px !important;

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

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

    letter-spacing: .11em !important;

    color: #8f7048 !important;

    text-transform: uppercase !important;

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

    background: #fff !important;
  }


  /* =====================================================
     6. PRODUCT LIST
     ===================================================== */

  .site-nav--mobile .catalog-mega__list {
    max-height: 335px !important;

    padding: 4px 10px 4px 12px !important;

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

    background: #fff !important;
  }


  /* scrollbar kín đáo */
  .site-nav--mobile
  .catalog-mega__list::-webkit-scrollbar {
    width: 3px !important;
  }

  .site-nav--mobile
  .catalog-mega__list::-webkit-scrollbar-thumb {
    background: #aaa39a !important;

    border-radius: 20px !important;
  }


  /* =====================================================
     7. PRODUCT ROW
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__group--link {

    border-bottom: 1px solid #f0ece7 !important;

    background: #fff !important;
  }


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


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

    min-height: 54px !important;

    display: grid !important;

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

    align-items: center !important;

    gap: 11px !important;

    padding: 7px 2px !important;

    background: transparent !important;

    text-decoration: none !important;
  }


  /* =====================================================
     8. ẢNH SẢN PHẨM
     giữ nguyên ảnh, chỉ làm frame sạch hơn
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__product-thumb {

    width: 38px !important;
    height: 38px !important;

    border: 1px solid #eee9e3 !important;

    border-radius: 5px !important;

    background: #faf9f7 !important;

    overflow: hidden !important;
  }


  .site-nav--mobile
  .catalog-mega__product-thumb img {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    display: block !important;
  }


  /* =====================================================
     9. TÊN SẢN PHẨM
     ===================================================== */

  .site-nav--mobile
  .catalog-mega__product-name {

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

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

    line-height: 1.25 !important;

    letter-spacing: .035em !important;

    color: #403932 !important;

    text-transform: uppercase !important;

    white-space: normal !important;
  }


  /* =====================================================
     10. ACCOUNT — CLEANER
     ===================================================== */

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

    min-height: 54px !important;

    margin: 14px 20px 0 !important;

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

    background: transparent !important;
  }


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

    width: 24px !important;
    height: 24px !important;

    margin-right: 12px !important;

    color: #a67d49 !important;
  }


  .site-nav--mobile
  .site-nav__account--mobile
  > a {

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

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

    letter-spacing: .06em !important;

    color: #463e37 !important;

    text-transform: uppercase !important;
  }


  /* =====================================================
     11. CURRENCY
     ===================================================== */

  .site-nav--mobile .currency-form {
    margin: 0 20px !important;

    padding-top: 6px !important;
  }


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

    min-height: 50px !important;

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

    font-size: 11px !important;

    letter-spacing: .05em !important;

    color: #463e37 !important;
  }

}

/* =========================================================
   AURA & CO — MOBILE/TABLET NAV CLICK FIX + SMOOTH FEEL
   Fix việc click text làm drawer đóng
   ========================================================= */

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

  /* =====================================================
     1. QUAN TRỌNG NHẤT
     Không cho <a> bên trong button nhận click.
     Toàn bộ row sẽ click vào BUTTON cha.
     ===================================================== */

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

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

    cursor: pointer !important;
  }


  /* Button cha nhận toàn bộ tap */
  .site-nav--mobile
  .site-nav__expand-toggle {

    cursor: pointer !important;

    touch-action: manipulation !important;

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

    user-select: none !important;
  }


  /* =====================================================
     2. GIỮ CẢ ROW CLICK ĐƯỢC
     ===================================================== */

  .site-nav--mobile
  .site-nav__expand-toggle {

    position: relative !important;

    width: 100% !important;

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


  /* SVG cũng không chặn event */
  .site-nav--mobile
  .site-nav__expand-toggle
  > svg,

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

    pointer-events: none !important;
  }


  /* =====================================================
     3. FEEDBACK KHI TAP
     rất nhẹ, không nhảy vị trí
     ===================================================== */

  .site-nav--mobile
  .site-nav__expand-toggle {

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


  .site-nav--mobile
  .site-nav__expand-toggle:active {

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


  /* =====================================================
     4. CHEVRON
     ===================================================== */

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

    transform: rotate(0deg) !important;

    transform-origin: center !important;

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


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

    transform: rotate(180deg) !important;
  }


  /* =====================================================
     5. PANEL
     Không dùng transform mạnh / bounce
     ===================================================== */

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

    transform: none !important;

    transition:
      opacity .22s ease !important;
  }


  /* Khi đóng */
  .site-nav--mobile
  .site-nav__item--mega
  > .catalog-mega[hidden] {

    opacity: 0 !important;
  }


  /* Khi mở */
  .site-nav--mobile
  .site-nav__expand-toggle[aria-expanded="true"]
  + .catalog-mega {

    opacity: 1 !important;
  }


  /* =====================================================
     6. CONTENT
     Bỏ animation riêng từng phần để giảm khựng
     ===================================================== */

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

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

    transform: none !important;

    transition:
      opacity .18s ease !important;
  }


  /* =====================================================
     7. SCROLL DANH SÁCH
     ===================================================== */

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

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

    overscroll-behavior: contain !important;

    -webkit-overflow-scrolling: touch !important;

    scroll-behavior: smooth !important;
  }

}

/* =========================================================
   HOME STORIES — MOBILE
   Ảnh trên / Text dưới
   ========================================================= */

.home-stories {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;

  background: #f8f8f6 !important;
  box-sizing: border-box !important;

  overflow: hidden !important;
}


/* 1 CỘT */
.home-stories__layout {
  display: grid !important;
  grid-template-columns: 1fr !important;

  width: 100% !important;

  gap: 0 !important;

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


/* =========================================================
   IMAGE
   ========================================================= */

.home-stories__media {
  width: 100% !important;
  height: auto !important;

  aspect-ratio: 4 / 3 !important;

  margin: 0 !important;

  overflow: hidden !important;

  border-radius: 10px !important;
}


.home-stories__img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  border-radius: inherit !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.home-stories__body {
  width: 100% !important;

  display: block !important;

  margin: 0 !important;

  padding: 26px 4px 8px !important;

  box-sizing: border-box !important;

  text-align: left !important;
}


/* HEADING */
.home-stories__heading {
  width: 100% !important;
  max-width: none !important;

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

  font-family: "Cormorant Garamond", serif !important;

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

  line-height: 1.08 !important;

  letter-spacing: -0.01em !important;

  color: #302a26 !important;

  text-align: left !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.home-stories__text,
.home-stories__description,
.home-stories__description-body {
  width: 100% !important;
  max-width: none !important;

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

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

  font-size: 13px !important;
  font-weight: 300 !important;

  line-height: 1.65 !important;

  letter-spacing: .01em !important;

  color: #625b55 !important;

  text-align: left !important;
}


/* =========================================================
   SHOW MORE
   ========================================================= */

.home-stories__read-more {
  display: inline-block !important;

  margin: 16px 0 0 !important;
  padding: 0 0 3px !important;

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

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

  line-height: 1.2 !important;

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

  color: #50463f !important;

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid currentColor !important;

  border-radius: 0 !important;

  text-align: left !important;
}
.home-stories__read-more {
  display: block !important;
  width: max-content !important;

  margin: 18px auto 0 !important;

  padding-bottom: 3px !important;

  text-align: center !important;
}
.home-stories__heading {
  max-width: 340px !important;

  margin: 0 0 16px !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: 27px !important;
  font-weight: 400 !important;

  line-height: 1.12 !important;
  letter-spacing: -0.012em !important;

  color: #312b27 !important;
}


.home-stories__description-body {
  max-width: 350px !important;

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

  line-height: 1.72 !important;
  letter-spacing: 0.012em !important;

  color: #6a625c !important;
}
.home-stories__read-more {
  margin-top: 20px !important;

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

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

  color: #5a514a !important;
}
/* =========================================================
   AURA & CO — LUXURY SLIDER DOTS
   ========================================================= */

.home-product-slider__dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  margin-top: 22px !important;
  padding: 4px 0 !important;
}


/* DOT THƯỜNG */
.home-product-slider__dot {
  width: 7px !important;
  height: 7px !important;

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

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

  background: #ded3c3 !important;

  opacity: 0.72 !important;

  cursor: pointer !important;

  transform: scale(1) !important;

  transition:
    width .32s cubic-bezier(.22, 1, .36, 1),
    background-color .25s ease,
    opacity .25s ease,
    transform .25s ease !important;
}


/* ACTIVE */
.home-product-slider__dot.is-active,
.home-product-slider__dot[aria-selected="true"] {
  width: 22px !important;
  height: 7px !important;

  background: #a97c42 !important;

  opacity: 1 !important;

  transform: scale(1) !important;
}


/* HOVER */
.home-product-slider__dot:hover {
  background: #b99364 !important;

  opacity: 1 !important;

  transform: scale(1.08) !important;
}


/* ACTIVE HOVER */
.home-product-slider__dot.is-active:hover,
.home-product-slider__dot[aria-selected="true"]:hover {
  transform: scale(1) !important;
}
@media (max-width: 767px) {
  .checkout-voucher__row {
    flex-wrap: nowrap !important;
  }

  .checkout-voucher__field {
    flex: 1 1 0 !important;
  }

  .checkout-voucher__btn[data-voucher-apply] {
    flex: 0 0 76px !important;
  }
}
@media (max-width: 767px) {

  .page-head {
    padding: 32px 18px 20px !important;
  }

  .page-head__title {
    font-size: 32px !important;
  }

  .account-grid {
    grid-template-columns: 1fr !important;

    gap: 18px !important;

    padding: 0 18px !important;
    margin-bottom: 48px !important;
  }

  .account-card {
    padding: 24px 20px !important;

    border-radius: 10px !important;
  }

  .account-card__title {
    font-size: 25px !important;
    margin-bottom: 20px !important;
  }

  .account-dl__row {
    grid-template-columns: 78px minmax(0, 1fr) !important;

    gap: 12px !important;
  }

  .account-order-button {
    grid-template-columns:
      minmax(0, 1fr)
      auto !important;

    gap: 6px 12px !important;

    padding: 12px 0 !important;
  }

  .account-order-button > span:not(.account-order-button__icon) {
    grid-column: 1 / 2 !important;
  }

  .account-order-button__icon {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;

    align-self: center !important;
  }
}
/* =========================================================
   MOBILE — ORDER INFO FULL + STRAIGHT ALIGN
   Chỉ sửa ORDER / DATE / STATUS / TOTAL
   ========================================================= */

.account-orders-table td[data-label="Order"],
.account-orders-table td[data-label="Date"],
.account-orders-table td[data-label="Status"],
.account-orders-table td[data-label="Total"] {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;

  align-items: center !important;
  column-gap: 16px !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

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

  text-align: left !important;

  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;

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


/* LABEL bên trái */
.account-orders-table td[data-label="Order"]::before,
.account-orders-table td[data-label="Date"]::before,
.account-orders-table td[data-label="Status"]::before,
.account-orders-table td[data-label="Total"]::before {
  display: block !important;

  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .09em !important;

  text-transform: uppercase !important;

  color: #81756c !important;

  white-space: nowrap !important;
}


/* ORDER NUMBER — bỏ dấu ... */
.account-orders-table td[data-label="Order"] .account-orders-table__order-no {
  display: block !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  overflow: visible !important;

  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;

  text-overflow: clip !important;

  font-size: 12px !important;

  color: #302a26 !important;
}


/* DATE */
.account-orders-table td[data-label="Date"] {
  color: #514942 !important;
}


/* STATUS */
.account-orders-table td[data-label="Status"] {
  color: #987047 !important;
}


/* TOTAL */
.account-orders-table td[data-label="Total"] {
  font-weight: 500 !important;
  color: #302a26 !important;
}
.catalog-page-head__summary::after {
margin-top: 10px ;
}
    .catalog-chips {
margin: 18px 0px 0.5rem;
}