/*ẩn Spend $20.00 USD more for FREE delivery */
.pc-drawer__shipping-msg {
  display: none !important;}
.pc-drawer .pc-drawer__shipping-msg {
  display: none !important;}


/*icon whatsapp*/
    .floating-actions__btn {
  padding : 0;}
.floating-actions__icon {
  width: 0rem;
  height: 0rem;}

.auth-form__footer .btn--ghost {
text-decoration: underline;
}}


main#main.site-main:has(> form.auth-form[action*="/login"]) {
  --login-width: 572px;}
/* =====================================================
   CREATE ACCOUNT PAGE ONLY
   Không ảnh hưởng Login / Product / Cart / Collection
   ===================================================== */

/* Nhận diện riêng trang Register qua field password_confirmation */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
) {
  --register-width: 572px;}


/* 1. Đưa tất cả các block của Register về cùng 1 chiều rộng */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
> :is(
  .page-head,
  .auth-form,
  .auth-form__switch,
  .auth-form__divider,
  .login-google-wrap,
  .login-note
) {
  width: min(var(--register-width), calc(100% - 48px)) !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;}


/* 2. Heading CREATE ACCOUNT cùng mép với form */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
> .page-head {
  text-align: left !important;
  padding-top: 38px !important;
  margin-bottom: 28px !important;}


/* 3. Form phải full 572px, không bị CSS cũ ép nhỏ */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
> form.auth-form {
  display: block !important;
  max-width: none !important;
  padding: 0 !important;}


/* 4. Mọi input full chiều rộng form */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
.auth-form input[type="text"],

main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
.auth-form input[type="email"],

main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
.auth-form input[type="password"] {
  display: block !important;

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

  box-sizing: border-box !important;}


/* 5. Nút CREATE ACCOUNT full width */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
.auth-form .btn,
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
.auth-form button[type="submit"] {
  width: 100% !important;
  max-width: none !important;}


/* 6. Already have an account? */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
> .auth-form__switch {
  margin-top: 22px !important;}


/* 7. OR căn chính giữa */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
> .auth-form__divider {
  width: min(var(--register-width), calc(100% - 48px)) !important;

  display: block !important;
  text-align: center !important;

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


/* 8. Google cùng chiều rộng với form */
main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
> .login-google-wrap {
  width: min(var(--register-width), calc(100% - 48px)) !important;}

main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
.login-google-wrap > button,

main#main.site-main:has(
  > form.auth-form input[name="password_confirmation"]
)
.login-google-wrap > a {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;}

/* =========================================================
   1. CĂN GIỮ TOÀN BỘ CỤM LOGIN
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
> :is(
  .page-head,
  .auth-form,
  .auth-form__switch,
  .auth-form__divider,
  .login-google-wrap,
  .login-note
) {
  width: min(var(--login-width), calc(100% - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;}


/* =========================================================
   2. PAGE HEAD — SIGN IN + DESCRIPTION
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
> .page-head {
  padding-top: 22px !important;
  margin-bottom: 24px !important;
  text-align: left !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
> .page-head h1 {
  font-family: "Jost", sans-serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #111111 !important;

  margin: 0 0 12px !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
> .page-head p {
  font-family: "Jost", sans-serif !important;
  font-size: 1px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: #55514d !important;

  max-width: 420px !important;}


/* =========================================================
   3. FORM
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form {
  padding: 0 !important;}


/* LABEL: Email / Password */

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form > label:not(.auth-form__remember) {
  display: block !important;

  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: #302c27 !important;

  margin: 0 !important;}


/* =========================================================
   4. EMAIL / PASSWORD — CHỈ CÓ LINE DƯỚI
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form input[type="email"],

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form input[type="password"] {
  width: 100% !important;
  height: 52px !important;

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

  color: #28241f !important;
  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #d4d4d4 !important;
  border-radius: 0 !important;

  outline: none !important;
  box-shadow: none !important;

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

  appearance: none !important;
  -webkit-appearance: none !important;}


/* FOCUS */

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form input[type="email"]:focus,

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form input[type="password"]:focus {
  border-bottom-color: #111111 !important;
  outline: none !important;
  box-shadow: none !important;}


/* =========================================================
   5. FORGOT PASSWORD
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form a[href*="recover"] {
  font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

  color: #111111 !important;

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

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


/* =========================================================
   6. REMEMBER ME
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form__remember {
  font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  color: #28241f !important;

  margin-top: 16px !important;
  margin-bottom: 26px !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form__remember input[type="checkbox"] {
  width: 13px !important;
  height: 13px !important;
  margin-right: 6px !important;
  accent-color: #000000 !important;}


/* =========================================================
   7. NÚT SIGN IN — BLACK FULL WIDTH
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form .btn.btn--primary {
  width: 100% !important;
  min-height: 40px !important;

  font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;

  color: #ffffff !important;
  background: #000000 !important;

  border: 1px solid #000000 !important;


  box-shadow: none !important;

  margin: 0 !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
.auth-form .btn.btn--primary:hover {
  background: #ffffff !important;
  color: #000000 !important;}


/* =========================================================
   8. NO ACCOUNT YET? CREATE ONE
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form__switch {
  margin-top: 22px !important;
  margin-bottom: 0 !important;

  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #5d5852 !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form__switch a {
  font-weight: 400 !important;
  color: #111111 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;}


/* =========================================================
   9. OR — GIỐNG REFERENCE, KHÔNG CẦN LINE HAI BÊN
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form__divider {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;

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

  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #55514d !important;
  text-align: center !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form__divider::before,
main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form__divider::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: #ddd6cc !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form__divider::before,

main#main.site-main:has(> form.auth-form[action*="/login"])
> .auth-form__divider::after {
  display: none !important;}


/* =========================================================
   10. GOOGLE LOGIN — FULL WIDTH
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
> .login-google-wrap {
  margin: 0 !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
.login-google-wrap button,

main#main.site-main:has(> form.auth-form[action*="/login"])
.login-google-wrap a {
  width: 100% !important;
  min-height: 46px !important;

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

  font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;

  color: #111111 !important;
  background: #ffffff !important;

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

  box-shadow: none !important;}


/* =========================================================
   11. GOOGLE NOTE
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/login"])
> .login-note {
  margin-top: 26px !important;

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

  color: #625d56 !important;}

main#main.site-main:has(> form.auth-form[action*="/login"])
> :is(
  .page-head,
  .auth-form,
  .auth-form__switch,
  .auth-form__divider,
  .login-google-wrap,
  .login-note
) {
  width: min(420px, calc(100% - 32px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !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;
  color: #302c27 !important;}

.home-hero__title {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin: 0 0 px !important;}


.login-note {
font-family: "Jost", sans-serif !important;
    font-size: 13px !important;}

.auth-form .btn.btn--primary{
 width: 100% !important;
  min-height: 44px !important;

  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;

  color: #28241f !important;
  background: #ffffff !important;

  border: 1px solid #28241f !important;


  box-shadow: none !important;

  margin-top: 10px !important;}

.auth-form input[type="email"], .auth-form input[type="password"], .auth-form input[type="text"] {
background: transparent !important;
    border: solid 1px #e0e0e0;
    /* border-bottom: 1px solid rgba(40, 36, 31, .28) !important; */
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    padding: 8px 0 10px !important;}
.pd-gallery__video-label {
position: unset;}
.pd-gallery__play {
position: unset;}

.btn--google {
  font-family: "Jost", sans-serif !important;
    font-size: 11.5px !important;
     border-radius: 0 !important;
    border: 1px solid rgba(40, 36, 31, .24) !important;
    background: #fff !important;
    box-shadow: none !important;
    font-weight: 400 !important;}

   .btn.btn--primary {
  width: 100% !important;
  min-height: 44px !important;

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

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

  color: #28241f !important;
  background: #ffffff !important;

  border: 1px solid #28241f !important;


  box-shadow: none !important;}
.auth-form__switch {
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;

  letter-spacing: 0.02em !important;
  text-transform: none !important;

  color: #68625c !important;
   text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;}
.auth-form label {
 font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: #68625c !important;
  text-underline-offset: 4px !important;

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(40, 36, 31, 0.28) !important;

  border-radius: 0 !important;
  box-shadow: none !important;
}
.page-head__summary {
font-family: "Jost", sans-serif !important;
 font-size: 15px !important;}
.page-head__title {
 font-family: "Jost", sans-serif !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #292622 !important;}
   .catalog-mega {
  font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  color: #302c27 !important;}
.site-account-menu__panel {
 font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #302c27 !important;}
.currency-form  {
  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: #2f2a25 !important;}
.checkout-free-shipping__msg {
  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: #403b35 !important;}
.cart-page__trust {
  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: #403b35 !important;}
.cart-page__empty-cta {
  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;

  background: transparent !important;
  color: #3a352f !important;

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

  padding: 5px 0 !important;
  width: auto !important;
  min-width: 0 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 5px !important;}
.cart-page__empty-auth {
 font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: #625d56 !important;}
.cart-page__empty-msg {
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  color: #403b35 !important;}
.cart-page__title {
 font-family: "Cormorant Garamond", serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  color: #28241f !important;}


btn btn--primary pc-drawer__checkout {
color: #68625c !important;}
.btn--ghost {
 font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    color: #68625c !important;
    border-color: rgb(255 255 255 / 35%);
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}


.reviews__count {
  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #625d56 !important;}
.reviews__avg-num {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #28241f !important;}
.product-detail__section-title {
 font-family: "Cormorant Garamond", serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  color: #28241f !important;}
.review-card__content {
 font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.005em !important;
  color: #4f4a44 !important;}

.product-upsell__name {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #28241f !important;}
.product-upsell__price--sale {
 font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  color: #302c27 !important;}
.product-upsell__claim {
    font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  }

.product-detail__info .product-upsell__title {
    font-family: "Cormorant Garamond", serif !important;
    font-size: 21px !important;
    /* font-weight: 400 !important; */
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    color: #28241f !important;}
.pd-accordion__panel {
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  color: #302c27 !important;
  font-size: 14px !important;}

.pd-accordion__btn-text {
font-family: "Jost", sans-serif !important;
 
  letter-spacing: 0.025em !important;
  color: #302c27 !important;}

.product-detail--missoma .add-form .btn--primary {
     font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
    background: var(--ink);
    text-transform: uppercase;}
.product-detail--missoma .add-form .btn--buy-now {
      font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
      text-transform: uppercase;}


.product-detail__description .prose > :first-child {
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  color: #302c27 !important;}
.product-detail__read-more {
 font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
 
}

.product-detail--missoma .product-detail__eyebrow {
    font-family: "Jost", sans-serif !important;
    /* font-size: 10px !important; */
    font-weight: 400 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;}
.product-detail__title {
    font-family: "Cormorant Garamond", serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;}

.site-footer__copy {
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  color: #6e6963 !important;}
.footer-newsletter__consent {
font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em !important;
    color: #6e6963 !important;}
.footer-newsletter__input {
    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    letter-spacing: 0.01em !important;
    color: #28241f !important;}

.site-footer__group {  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #9a7136 !important;}

.footer-newsletter__title {
 font-family: "Cormorant Garamond", serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  color: #28241f !important;}


.catalog-toolbar {
font-family: "Jost", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #302c27 !important;}
.catalog-chips__track {
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;}

.catalog-breadcrumb__item a {
font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.02em !important;
    color: #625d56 !important;}
.catalog-page-head__title {
    font-family: "Cormorant Garamond", serif !important;
    /* font-size: 18px !important; */
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    color: #403b35 !important;}
.catalog-page-head__summary {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  color: #403b35 !important;}


.home-news-card__link {
  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #8d6a37 !important;}
.home-journal .home-news-card__excerpt {
 font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.005em !important;
  color: #625d56 !important;}
.home-news-card__date {
 font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: rgba(40, 36, 31, 0.52) !important;}
.home-news-card__title a {
    font-family: "Cormorant Garamond", serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #28241f !important;}

.home-stories__heading {
font-family: "Cormorant Garamond", serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #28241f !important;}
.home-stories__description {
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  color: #625d56 !important;
  max-width: 720px !important;}

.home-service-band__label {
font-family: "Jost", sans-serif !important;
    /* font-size: 12px !important; */
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #fff !important;}

.home-feedback-card__name {
font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  color: #28241f !important;}
.home-feedback-card__date {
 font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: rgba(40, 36, 31, 0.45) !important;}
.home-feedback-card__quote p {
  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.005em !important;
  color: #4f4a44 !important;}

.home-video-slider__price {
 font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  color: #28241f !important;}

.home-video-slider__name {
    font-family: "Cormorant Garamond", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #28241f !important;}

.home-category-feature__title {
font-family: "Cormorant Garamond", serif !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;}

.home-category-feature__desc {
font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em !important;
    color: rgba(255, 255, 255, 0.94) !important;
    max-width: 520px !important;}

.shop-product-card--missoma .shop-product-card__price {
font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    color: #5f5a54 !important;}

.shop-product-card--missoma .shop-product-card__desc {
font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    color: #5f5a54 !important;
}

.shop-product-card--missoma .shop-product-card__title a {
    font-family: "Cormorant Garamond", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #28241f !important;
 margin-bottom: 5px !important;}

.category-card__title {
 font-family: "Bodoni Moda", serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    color: #28241f !important;
  text-align: center;}

.site-main--home .home-section.is-visible .section__title {
    font-family: "Cormorant Garamond", serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    color: #28241f !important;}
.home-brand-card__name {
    font-family: "Cormorant Garamond", serif;
font-size: 26px;
font-weight: 400;
line-height: 1.15;
letter-spacing: 0;
text-transform: none;}

.home-hero__slide-hit .home-hero__cta {
  font-family: "Jost", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;

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

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

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 4px 0 5px !important;

    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.8) !important;
    margin: 2px auto 15px !important;}

.home-hero__lede {
       font-family: "Jost", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.92) !important;
    max-width: 260px !important;
    margin: 0 0 15px !important;
}
.home-hero__overlay {
font-family: "Cormorant Garamond", serif !important;
  font-size: 44px !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;}

.catalog-mega__inner {
font-family: "Jost", sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.035em;}
.site-promo-bar__link {
font-family: "Jost", sans-serif !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;}

.currency-picker__code {
font-family: "Jost", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;}
.site-header__nav-desktop .site-nav__list a, .site-header__nav-desktop .site-nav__mega-trigger {
     font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;}

.logo__name {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 27px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  font-style: normal !important;
  font-synthesis: none !important;}


.catalog-mega__summary {
    color: var(--ink);
    font-family: "Source Sans 3", system-ui, sans-serif;}
.shop-product-card--missoma .shop-product-card__review-count {
    font-size: 0;} 


.shop-product-card--missoma .shop-product-card__desc {
    font-size: 16px;
color: #020202;}
.site-footer {
      border-top: 1px solid rgb(0 0 0 / 35%);
    background: rgb(255 255 255);}
.product-upsell__claim-label {
    text-transform: uppercase;}

.site-header__nav-desktop .site-nav__list {
    gap: 20px;}


.catalog-toolbar {
  background: rgb(255 255 255 / 96%);}
.site-header {
    background: rgb(255 255 255 / 92%);}
.product-upsell__price--sale {
       color: black;}
.product-detail__price--sale [data-pd-price-current] {
    color: black;}
.shop-product-card--missoma .shop-product-card__prices--sale .shop-product-card__price {
    color: black;}
:root{
--cream: #ffffff;}


 .site-header__inner {
max-width: 1200px;}
.home-journal-slider__slide .home-news-card__media img {
        height: 650px;
    } 
 .home-brand-rail {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

.home-feedback-card__quote-mark {
font-size: 0;}


.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 {
max-width: unset;}

.home-stories__description {
width: 750px;}
.home-stories__body {
text-align: justify;}
.home-stories__layout {
    display: -webkit-box;}
.home-stories {
    max-width: none;}
.site-main--catalog {
max-width: none;}

.category-card-grid--collections {
    max-width: none;}
.home-stories__layout {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);}
.site-main--home > .home-section {
max-width: unset;} 

   .site-header__nav-desktop .site-nav__account--desktop-dropdown {
text-transform: capitalize;}
.home-section__head-row  {
.btn{
     display: none;}}
.home-section__head-row {
    justify-content: center;}


 
.home-category-feature__desc {
padding-top: 10px;;}
.site-main--home .home-section.is-visible .section__title {
    text-transform: uppercase;}
.section__title-link{
    text-transform: uppercase;}
.home-hero__slide-hit .home-hero__cta  {
box-shadow: unset;  
background: unset;
     font-size: 18px;
    text-decoration: underline;
    max-width: 200px;}
.home-hero__title{
    text-transform: uppercase;}

.auth-form__switch {
    margin: 0rem 0px 0px;

.btn{
     color:#be995d;
    padding: 5px 1px;
    display: unset;
    border-color: aliceblue;
    background: unset;
    text-decoration: revert;}
}
.btn--ghost{
 background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);
    color: #fff;
   text-decoration: unset;
    padding-left: 20px;
    padding-right: 20px;}
.home-section__head-row{
.btn{
    background: transparent;
    color: var(--gold-deep);
    border: white;
    text-decoration: underline;
    text-underline-offset: 1px;
  font-weight: 1000;}
}
.product-detail__read-more {
background: transparent;
    color: var(--gold-deep);
    border: white;
    text-decoration: underline;
    text-underline-offset: 1px;
    font-weight: 1000;}
.site-footer__group:last-of-type {
    text-transform: capitalize;}

.catalog-page-head {
margin: -10px 0 -0.5rem;}
.catalog-chips {
    margin: 13px 0px 0.5rem;}
.catalog-page-head__title {
    margin: 0px 0px -0.25rem;}
.account-profile-form__actions{
justify-content: space-between;}

.shop-product-card--missoma .shop-product-card__badge--label{
  background-color: transparent;
  color: black ;
  font-size: 17px;}
.shop-product-card--missoma .shop-product-card__badge{
  text-transform: none;
}
.shop-product-card--missoma .shop-product-card__title{
  font-size: 19px;
  font-weight: 500;
  min-height: 0px;
  max-height: 50px;}
.home-category-feature__body{
  text-shadow: none;}
.home-category-feature__media{
  filter: brightness(0.85);
  min-height: 35rem;}
.home-category-feature__media img {
height: 105%;}
/* popup */
/* Popup nhỏ gọn */
.welcome-popup__dialog {
    position: relative;
    width: min(90vw, 590px);
    margin: 0 auto;}

/* Card bám theo dialog */
.welcome-popup__card {
    position: relative;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 28px;
    overflow: hidden;}

/* Nội dung bên trong */
.welcome-popup__content {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 64px 20px !important;
    box-sizing: border-box;}

/* Title */
.welcome-popup__title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    color: #26231f !important;

    max-width: 460px;
    margin: 0 auto 28px !important;
    text-align: center;}

.welcome-popup-email{
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
  color: #2a2825 !important;
  border: 1px solid rgba(190, 145, 70, 0.65) !important;
  box-shadow: 0 0 0 1px rgba(190, 145, 70, 0.25) !important;}


.welcome-popup__legal p {
    font-family: 'Jost', sans-serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    line-height: 1.55 !important;
    letter-spacing: 0.01em !important;
    color: rgba(55, 50, 45, 0.52) !important;
    text-align: left !important;}

/* Form gọn lại */
.welcome-popup__form {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;}

/* Input + nút */
.welcome-popup__input,


.welcome-popup__input {
    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    letter-spacing: 0.01em !important;
    color: #2a2825 !important;
    
    height: 50px !important;
    padding: 0 18px;
    border-radius: 14px;}

.welcome-popup__submit {
  font-family: "Jost", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;

    width: 100%;
    box-sizing: border-box;
    height: 50px !important;
    margin-top: 5px;
    border-radius: 20px;
    padding: 0.8rem 0.1rem;}

/* Text điều khoản */
.welcome-popup__legal,
.welcome-popup__terms,
.welcome-popup__content > p {
    max-width: 410px;
    margin: 14px auto 0 !important;
    font-size: 13px !important;
    line-height: 1.55;}

/* X bám góc popup */
.welcome-popup__close {
    position: absolute !important;
    z-index: 10;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;

    width: 36px;
    height: 36px;
    font-size: 29px;
    line-height: 34px;}

/* Mobile */
@media (max-width: 767px) {
    .welcome-popup__dialog {
        width: calc(100vw - 28px) !important;
    }

    .welcome-popup__content {
        padding: 48px 24px 30px !important;
    }

    .welcome-popup__title {
        font-size: 35px !important;
        margin-bottom: 22px !important;
    }

    .welcome-popup__form {
        max-width: 100%;
    }

    .welcome-popup__legal,
    .welcome-popup__terms,
    .welcome-popup__content > p {
        font-size: 10.5px !important;
    }
}
@media (min-width: 1024px) {
  .welcome-popup__dialog {
    width: min(90vw, 600px);
  }
}
/* check out  */
.checkout-aside__subtotal {
  font-size: 14px;
  font-weight: normal;}
.checkout-aside__shipping, .cart-page__shipping {
  font-size: 14px;
  color: black;
}
.checkout-aside__subtotal strong{
  font-size: 14px;
  color: black;
  font-weight: normal;}
.checkout-aside__line {
  color: black;}
/* Menu */
.site-header__nav-desktop .site-nav__list {
  text-transform: uppercase;}
.site-nav__expand-toggle{
  text-transform: uppercase;}
@media (min-width: 1024px) {
  .site-header__nav-desktop .site-nav__list {
text-transform: uppercase;
}
.home-feedback-card__photo {
height : 400px;}
.catalog-category-hero__img {
height: 800px;}
.cart-page__line-thumb {
    height: 87%;}

/* ==================================================
   FORGOT PASSWORD ONLY
   ================================================== */

/* Căn giữa heading */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) > .page-head {
  width: 572px !important;
  max-width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 38px 0 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;}

/* Title */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) > .page-head h1 {
  font-family: "Jost", sans-serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #111 !important;
  margin: 0 0 16px !important;}

/* Description */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) > .page-head p {
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: #302c27 !important;
  margin: 0 !important;
  white-space: nowrap !important;}

/* Thu card về 572px + bỏ khung */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) > section.account-card.auth-card {
  width: 572px !important;
  max-width: calc(100% - 40px) !important;
  margin: 30px auto 60px !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;}

/* Form bên trong */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) section.account-card.auth-card form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;}

/* Email label */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) section.account-card.auth-card label {
  display: block !important;
  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #625d56 !important;
  margin: 0 0 4px !important;}

/* Email input: chỉ 1 line dưới */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) section.account-card.auth-card input[type="email"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 46px !important;

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

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

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #d4d4d4 !important;
  border-radius: 0 !important;

  outline: none !important;
  box-shadow: none !important;

  box-sizing: border-box !important;}

/* Focus */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) section.account-card.auth-card input[type="email"]:focus {
  border-bottom-color: #111 !important;
  outline: none !important;
  box-shadow: none !important;}

/* Button */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) section.account-card.auth-card button[type="submit"] {
  width: 100% !important;
  max-width: none !important;
  min-height: 40px !important;

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

  font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;

  color: #fff !important;
  background: #000 !important;

  border: 1px solid #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;}

/* Back to sign in */
main#main.site-main:has(> section.account-card.auth-card input[type="email"]):not(:has(> section.account-card.auth-card input[type="password"])) section.account-card.auth-card a {
  font-family: "Jost", sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #302c27 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;}


}
/* =====================================================
   ACCOUNT PROFILE BUTTONS
   Đồng bộ với nút SIGN IN
   Chỉ ảnh hưởng trang Profile
   ===================================================== */

main#main.site-main
.account-profile-card
.account-profile-form button[type="submit"],
main#main.site-main
.account-profile-card
.account-profile-form .btn.btn--primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: none !important;
  min-height: 40px !important;

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

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

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

  color: #ffffff !important;
  background: #000000 !important;

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

  outline: none !important;
  box-shadow: none !important;

  cursor: pointer !important;}

.home-hero__cta {
  position: relative !important;
  display: inline-block !important;

  color: #fff !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;

  padding: 4px 0 6px !important;

  transition: letter-spacing 0.3s ease !important;}

/* underline mặc định */
.home-hero__cta::before {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;

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

  background: rgba(255,255,255,.75) !important;}

/* underline hover chạy đè lên */
.home-hero__cta::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;

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

  background: #fff !important;

  transform: scaleX(0) !important;
  transform-origin: right center !important;

  transition: transform .35s cubic-bezier(.4,0,.2,1) !important;}

.home-hero__cta:hover::after {
  transform: scaleX(1) !important;
  transform-origin: left center !important;}

/* chữ giãn cực nhẹ */
.home-hero__cta:hover {
  letter-spacing: 0.13em !important;}

/* =========================================================
   CREATE ACCOUNT PAGE ONLY
   Đồng bộ với SIGN IN
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"]) {
  --register-width: 420px;}


/* =========================================================
   1. CĂN GIỮ TOÀN BỘ KHỐI
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
> :is(
  .page-head,
  .auth-form,
  .auth-form__switch,
  .auth-form__divider,
  .login-google-wrap
) {
  width: min(var(--register-width), calc(100% - 40px)) !important;
  max-width: var(--register-width) !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;}


/* =========================================================
   2. PAGE HEAD
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
> .page-head {
  padding: 46px 0 0 !important;
  margin-bottom: 34px !important;

  text-align: left !important;

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


/* CREATE ACCOUNT */
main#main.site-main:has(> form.auth-form[action*="/register"])
> .page-head .page-head__title {
  margin: 0 0 12px !important;
  padding: 0 !important;

  font-family: "Jost", sans-serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;

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

  text-transform: uppercase !important;

  color: #111111 !important;}


/* Description */
main#main.site-main:has(> form.auth-form[action*="/register"])
> .page-head .page-head__summary {
  margin: 0 !important;
  padding: 0 !important;

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

  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  color: #4f4a44 !important;

  white-space: nowrap !important;}


/* =========================================================
   3. FORM RESET
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
> form.auth-form {
  display: block !important;

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

  background: transparent !important;

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

  box-shadow: none !important;}


/* =========================================================
   4. LABEL
   Full name / Email / Password / Confirm password
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form label {
  display: block !important;

  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;

  color: #302c27 !important;

  border: none !important;}


/* =========================================================
   5. INPUT — GIỐNG SIGN IN
   chỉ có line dưới
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form input[type="text"],

main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form input[type="email"],

main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form input[type="password"] {
  display: block !important;

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

  height: 52px !important;

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

  box-sizing: border-box !important;

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

  color: #28241f !important;

  background: transparent !important;

  border: none !important;
  border-bottom: 1px solid #d4d4d4 !important;

  border-radius: 0 !important;

  outline: none !important;
  box-shadow: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;}


/* FOCUS */
main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form input:focus,
main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form input:focus-visible {
  border: none !important;
  border-bottom: 1px solid #111111 !important;

  outline: none !important;
  box-shadow: none !important;}


/* =========================================================
   6. CREATE ACCOUNT BUTTON
   giống SIGN IN: nền đen, full width
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form button[type="submit"],

main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form .btn.btn--primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

  min-height: 40px !important;

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

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

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

  text-transform: uppercase !important;

  color: #ffffff !important;
  background: #000000 !important;

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

  box-shadow: none !important;}


/* HOVER */
main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form button[type="submit"]:hover,
main#main.site-main:has(> form.auth-form[action*="/register"])
.auth-form .btn.btn--primary:hover {
  background: #ffffff !important;
  color: #000000 !important;}


/* =========================================================
   7. ALREADY HAVE AN ACCOUNT? SIGN IN
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
> .auth-form__switch {
  margin-top: 24px !important;
  margin-bottom: 0 !important;

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

  line-height: 1.4 !important;

  color: #5d5852 !important;

  text-align: left !important;}


/* Sign in link */
main#main.site-main:has(> form.auth-form[action*="/register"])
> .auth-form__switch a {
  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;

  color: #111111 !important;

  background: transparent !important;
  border: none !important;

  padding: 0 !important;

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

  box-shadow: none !important;}


/* =========================================================
   8. OR
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
> .auth-form__divider {
  display: block !important;

  width: min(var(--register-width), calc(100% - 40px)) !important;

  margin-top: 30px !important;
  margin-bottom: 18px !important;
  padding: 0 !important;

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

  line-height: 1 !important;

  color: #55514d !important;

  text-align: center !important;}


/* Bỏ line hai bên OR */
main#main.site-main:has(> form.auth-form[action*="/register"])
> .auth-form__divider::before,
main#main.site-main:has(> form.auth-form[action*="/register"])
> .auth-form__divider::after {
  display: none !important;
  content: none !important;}


/* =========================================================
   9. GOOGLE
   full width giống SIGN IN
   ========================================================= */

main#main.site-main:has(> form.auth-form[action*="/register"])
> .login-google-wrap {
  margin-top: 0 !important;
  margin-bottom: 70px !important;

  padding: 0 !important;}


main#main.site-main:has(> form.auth-form[action*="/register"])
.login-google-btn {
  display: flex !important;

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

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

  min-height: 46px !important;

  box-sizing: border-box !important;

  padding: 0 20px !important;

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

  line-height: 1 !important;
  letter-spacing: 0.02em !important;

  text-transform: uppercase !important;

  color: #111111 !important;
  background: #ffffff !important;

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

  text-decoration: none !important;

  box-shadow: none !important;}


/* Google hover */
main#main.site-main:has(> form.auth-form[action*="/register"])
.login-google-btn:hover {
  border-color: #111111 !important;}


/* =========================================================
   10. MOBILE
   ========================================================= */

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

  main#main.site-main:has(> form.auth-form[action*="/register"]) {
    --register-width: 100%;
  }


  main#main.site-main:has(> form.auth-form[action*="/register"])
  > :is(
    .page-head,
    .auth-form,
    .auth-form__switch,
    .auth-form__divider,
    .login-google-wrap
  ) {
    width: calc(100% - 36px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  main#main.site-main:has(> form.auth-form[action*="/register"])
  > .page-head {
    padding-top: 30px !important;
  }


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


  main#main.site-main:has(> form.auth-form[action*="/register"])
  > .page-head .page-head__summary {
    font-size: 12px !important;
    white-space: normal !important;
  }
}
/* =========================================================
   WELCOME POPUP — MISSOMA INSPIRED
   ========================================================= */

#welcome-popup .welcome-popup__dialog {
  width: min(900px, calc(100% - 40px)) !important;
  max-width: 900px !important;

  background: #fff !important;

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

  overflow: hidden !important;

  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.16) !important;}


/* ========================================
   1. POPUP 2 CỘT
   ======================================== */

#welcome-popup .welcome-popup__card {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;

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

  padding: 0 !important;

  background: #fff !important;

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

  overflow: hidden !important;}


/* ========================================
   2. ẢNH BÊN TRÁI
   ======================================== */

#welcome-popup .welcome-popup__bg {
  position: relative !important;
  inset: auto !important;

  grid-column: 1 !important;
  grid-row: 1 !important;

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

  background-size: cover !important;
  background-position: center center !important;

  opacity: 1 !important;

  filter: none !important;}


/* Bỏ overlay trắng cũ nếu bạn từng thêm */
#welcome-popup .welcome-popup__card::after,
#welcome-popup .welcome-popup__card::before {
  display: none !important;
  content: none !important;}


/* ========================================
   3. CONTENT BÊN PHẢI
   ======================================== */

#welcome-popup .welcome-popup__content {
  position: relative !important;

  grid-column: 2 !important;
  grid-row: 1 !important;

  z-index: 2 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  width: 100% !important;

  padding: 54px 56px 46px !important;

  box-sizing: border-box !important;

  background: #fff !important;

  text-align: left !important;}


/* ========================================
   4. TITLE
   ======================================== */

#welcome-popup .welcome-popup__title {
  font-family: "Jost", sans-serif !important;

  font-size: 25px !important;
  font-weight: 600 !important;

  line-height: 1.1 !important;

  letter-spacing: -0.01em !important;

  text-transform: uppercase !important;

  color: #050505 !important;

  text-align: left !important;

  margin: 0 0 20px !important;
  padding: 0 !important;}
#welcome-popup .welcome-popup__input {
  width: 100% !important;
  height: 48px !important;

  box-sizing: border-box !important;

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

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

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

  color: #111 !important;

  background: #fff !important;

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

  outline: none !important;
  box-shadow: none !important;}


#welcome-popup .welcome-popup__input::placeholder {
  color: #777 !important;
  opacity: 1 !important;}


#welcome-popup .welcome-popup__input:focus {
  border-color: #000 !important;
  outline: 1px solid #000 !important;
  outline-offset: -1px !important;

  box-shadow: none !important;}
#welcome-popup .welcome-popup__submit {
  width: 100% !important;
  height: 47px !important;

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

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

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

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

  letter-spacing: 0.01em !important;

  text-transform: none !important;

  color: #fff !important;
  background: #000 !important;

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

  box-shadow: none !important;

  cursor: pointer !important;

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


#welcome-popup .welcome-popup__submit:hover {
  background: #fff !important;
  color: #000 !important;}
#welcome-popup .welcome-popup__legal {
  margin-top: 16px !important;

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

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

  line-height: 1.45 !important;

  color: #111 !important;

  text-align: left !important;}


#welcome-popup .welcome-popup__legal a {
  color: #111 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;}
#welcome-popup .welcome-popup__close {
  position: absolute !important;

  top: 20px !important;
  right: 20px !important;

  z-index: 10 !important;

  width: 30px !important;
  height: 30px !important;

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

  padding: 0 !important;

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

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

  box-shadow: none !important;

  font-size: 25px !important;
  font-weight: 300 !important;}

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

.catalog-show-more-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;

  margin: 36px 0 48px !important;}


/* reset style button cũ */
button.btn.btn--ghost.catalog-show-more {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

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

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

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #77716b !important;

  border-radius: 0 !important;

  box-shadow: none !important;
  outline: none !important;

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

  line-height: 1.2 !important;

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

  color: #514b46 !important;

  cursor: pointer !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  transition:
    color .25s ease,
    border-color .25s ease,
    letter-spacing .25s ease !important;}
button.btn.btn--ghost.catalog-show-more:hover {
  background: transparent !important;

  color: #111111 !important;
  border-bottom-color: #111111 !important;

  letter-spacing: 0.15em !important;}
button.btn.btn--ghost.catalog-show-more::before,
button.btn.btn--ghost.catalog-show-more::after {
  content: none !important;
  display: none !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: 15px !important;
  font-weight: 500 !important;

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

  color: #302c27 !important;
   margin-top: 10px;}
/* =========================================================
   AURA & CO — THANK YOU / ORDER CONFIRMATION
   ========================================================= */

main#main.site-main:has(> section.order-items) {
  width: min(720px, calc(100% - 40px)) !important;
  max-width: 720px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 52px 0 80px !important;

  box-sizing: border-box !important;}


/* =========================================================
   1. PAGE HEAD
   ========================================================= */

main#main.site-main:has(> section.order-items) > .page-head {
  margin: 0 0 30px !important;
  padding: 0 !important;

  text-align: left !important;
  border: 0 !important;}


/* THANK YOU */

main#main.site-main:has(> section.order-items)
.page-head__title {
  margin: 0 0 12px !important;

  font-family: "Jost", sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;

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

  text-transform: uppercase !important;

  color: #171411 !important;}


/* Order GS-... has been placed */

main#main.site-main:has(> section.order-items)
.page-head__summary {
  margin: 0 !important;

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

  line-height: 1.5 !important;

  color: #4f4943 !important;}

main#main.site-main:has(> section.order-items)
.page-head__summary strong {
  font-weight: 500 !important;
  color: #211d19 !important;}


/* =========================================================
   2. PAYMENT STATUS
   bỏ banner xanh hiện tại
   ========================================================= */

main#main.site-main:has(> section.order-items)
> .banner.banner--info {
  width: 100% !important;

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

  box-sizing: border-box !important;

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

  line-height: 1.55 !important;

  color: #403a34 !important;

  background: #f7f5f1 !important;

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

  box-shadow: none !important;}

main#main.site-main:has(> section.order-items)
> .banner.banner--info strong {
  font-weight: 500 !important;
  color: #211d19 !important;}


/* =========================================================
   3. ORDER INFORMATION
   ========================================================= */

main#main.site-main:has(> section.order-items)
> .prose {
  margin: 0 0 38px !important;

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

  color: #4f4943 !important;}

main#main.site-main:has(> section.order-items)
> .prose p {
  margin: 0 0 10px !important;

  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;}

main#main.site-main:has(> section.order-items)
> .prose strong {
  font-weight: 500 !important;
  color: #211d19 !important;}


/* Total nổi hơn một chút */

main#main.site-main:has(> section.order-items)
> .prose p:last-child {
  margin-top: 18px !important;

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

  color: #211d19 !important;}


/* =========================================================
   4. YOUR ITEMS
   ========================================================= */

main#main.site-main:has(> section.order-items)
> .order-items {
  margin: 0 !important;
  padding: 0 !important;}


/* Section title */

main#main.site-main:has(> section.order-items)
.order-items > .product-detail__section-title {
  margin: 0 0 18px !important;

  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;

  line-height: 1.2 !important;

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

  color: #211d19 !important;}


/* =========================================================
   5. ORDER ITEM LIST
   bỏ card bo góc
   ========================================================= */

main#main.site-main:has(> section.order-items)
.order-items__list {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;

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


/* Từng sản phẩm */

main#main.site-main:has(> section.order-items)
.order-items__row {
  display: flex !important;

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

  gap: 24px !important;

  min-height: 76px !important;

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

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #ded9d2 !important;

  border-radius: 0 !important;

  box-shadow: none !important;}


/* Tên sản phẩm */

main#main.site-main:has(> section.order-items)
.order-items__row strong {
  font-family: "Jost", sans-serif !important;

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

  color: #211d19 !important;}


/* Text quantity + price */

main#main.site-main:has(> section.order-items)
.order-items__row {
  font-family: "Jost", sans-serif !important;

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

  line-height: 1.55 !important;

  color: #5c5650 !important;}


/* =========================================================
   6. WRITE A REVIEW
   ========================================================= */

main#main.site-main:has(> section.order-items)
.order-items__row a {
  font-family: "Jost", sans-serif !important;

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

  letter-spacing: 0.02em !important;

  color: #403a34 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;

  white-space: nowrap !important;

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

  transition: opacity .2s ease !important;}

main#main.site-main:has(> section.order-items)
.order-items__row a:hover {
  opacity: .6 !important;}


/* =========================================================
   7. CONTINUE SHOPPING
   đồng bộ nút SIGN IN
   ========================================================= */

main#main.site-main:has(> section.order-items)
.order-items__continue {
  margin: 32px 0 0 !important;
  padding: 0 !important;}


/* Chính nút */

main#main.site-main:has(> section.order-items)
.order-items__continue > .btn.btn--primary {
  display: inline-flex !important;

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

  min-width: 210px !important;
  min-height: 42px !important;

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

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

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

  line-height: 1 !important;

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

  color: #ffffff !important;
  background: #000000 !important;

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

  box-shadow: none !important;

  text-decoration: none !important;

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


/* Hover */

main#main.site-main:has(> section.order-items)
.order-items__continue > .btn.btn--primary:hover {
  color: #000000 !important;
  background: #ffffff !important;}
/* =========================================================
   PC DRAWER — WHY NOT ADD / UPSELLS
   Luxury jewelry style
   ========================================================= */

.pc-drawer__upsells {
  padding: 30px 28px 32px !important;
  margin: 0 !important;

  background: #fbfaf7 !important;

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


/* =========================================================
   TITLE — WHY NOT ADD
   ========================================================= */

.pc-drawer__upsells-title {
  margin: 0 0 26px !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.14em !important;

  text-transform: uppercase !important;

  color: #29241f !important;

  text-align: left !important;}


/* =========================================================
   LIST
   ========================================================= */

.pc-drawer__upsells-list {
  list-style: none !important;

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

  gap: 0 !important;

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


/* =========================================================
   EACH PRODUCT
   ========================================================= */

.pc-drawer__upsell-item {
  display: grid !important;

  grid-template-columns: 88px minmax(0, 1fr) !important;
  column-gap: 18px !important;

  align-items: start !important;

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

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #e3ded6 !important;

  border-radius: 0 !important;

  box-shadow: none !important;}


/* First product bớt khoảng trống trên */
.pc-drawer__upsell-item:first-child {
  padding-top: 0 !important;}


/* Last product không cần line dưới */
.pc-drawer__upsell-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;}


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

.pc-drawer__upsell-item img {
  width: 88px !important;
  height: 108px !important;

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

  display: block !important;

  background: #f7f7f5 !important;

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

  box-shadow: none !important;}

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

.pc-drawer__upsell-item a {
  font-family: "Jost", sans-serif !important;

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

  line-height: 1.4 !important;

  letter-spacing: 0.01em !important;

  color: #29241f !important;

  text-decoration: none !important;

  transition: opacity .2s ease !important;}


.pc-drawer__upsell-item a:hover {
  opacity: .62 !important;}


/* Các text thông tin/giá bên trong item */
.pc-drawer__upsell-item p,
.pc-drawer__upsell-item span {
  font-family: "Jost", sans-serif !important;}


/* Price */
.pc-drawer__upsell-item [class*="price"] {
  margin-top: 7px !important;

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

  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;

  color: #514b45 !important;}
/* =========================================================
   ADD TO BAG
   ========================================================= */

.pc-drawer__upsell-item button {
  width: auto !important;
  min-width: 94px !important;

  min-height: 34px !important;

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

  margin-top: 12px !important;
  padding: 0 15px !important;

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

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

  line-height: 1 !important;
  letter-spacing: 0.08em !important;

  text-transform: uppercase !important;

  color: #211d19 !important;
  background: transparent !important;

  border: 1px solid #29241f !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  cursor: pointer !important;

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


/* Hover luxury */
.pc-drawer__upsell-item button:hover {
  background: #211d19 !important;
  color: #ffffff !important;}
.pc-drawer__upsell-item .btn,
.pc-drawer__upsell-item button.btn {
  border-radius: 0 !important;
  box-shadow: none !important;}
/* =========================================================
   CART DRAWER — YOUR BAG
   Luxury / fine jewelry style
   ========================================================= */

.pc-drawer__bag {
  font-family: "Jost", sans-serif !important;

  background: #ffffff !important;
  color: #2b2723 !important;

  padding: 0 !important;

  box-shadow: none !important;}


/* =========================================================
   1. HEADER — YOUR BAG (2)
   ========================================================= */

.pc-drawer__bag-head {
  min-height: 70px !important;

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

  padding: 0 28px !important;

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

  background: #ffffff !important;}


.pc-drawer__bag-title {
  margin: 0 !important;

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

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

  line-height: 1 !important;

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

  color: #29241f !important;}


/* X */
.pc-drawer__close {
  width: 30px !important;
  height: 30px !important;

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

  padding: 0 !important;

  background: transparent !important;
  color: #29241f !important;

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

  box-shadow: none !important;

  cursor: pointer !important;

  transition: opacity .2s ease !important;}

.pc-drawer__close:hover {
  opacity: .55 !important;}

/* =========================================================
   2. RECENTLY ADDED / QUICK ADD PRODUCT
   ========================================================= */

.pc-drawer__add-product {
  padding: 18px 28px 22px !important;

  background: #fbfaf7 !important;

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


.pc-drawer__add-row {
  display: grid !important;

  grid-template-columns: 74px minmax(0, 1fr) !important;
  column-gap: 16px !important;

  align-items: start !important;

  margin: 0 0 16px !important;}


.pc-drawer__add-thumb {
  width: 74px !important;
  height: 74px !important;

  display: block !important;

  object-fit: cover !important;

  background: #f7f7f5 !important;

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


/* Product information */
.pc-drawer__add-info {
  min-width: 0 !important;

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

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

  line-height: 1.45 !important;

  color: #514b45 !important;}


.pc-drawer__add-info a,
.pc-drawer__add-info strong {
  font-size: 12px !important;
  font-weight: 400 !important;

  line-height: 1.35 !important;

  color: #29241f !important;

  text-decoration: none !important;}

.pc-drawer__add-btn {
  width: 100% !important;
  min-height: 38px !important;

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

  padding: 0 18px !important;

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

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

  line-height: 1 !important;

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

  color: #29241f !important;
  background: transparent !important;

  border: 1px solid #29241f !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  cursor: pointer !important;

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


.pc-drawer__add-btn:hover {
  background: #29241f !important;
  color: #ffffff !important;}
/* =========================================================
   3. FREE SHIPPING
   ========================================================= */

.pc-drawer__bag-body {
  padding: 0 28px !important;}


.pc-drawer__shipping-msg {
  margin: 0 !important;

  padding: 18px 0 10px !important;

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

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

  line-height: 1.4 !important;

  letter-spacing: .01em !important;

  text-align: center !important;

  color: #5d5751 !important;}


.pc-drawer__shipping-bar {
  width: 100% !important;
  height: 2px !important;

  margin: 0 0 22px !important;

  background: #e7e2dc !important;

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

  overflow: hidden !important;}


.pc-drawer__shipping-bar-fill {
  height: 100% !important;

  background: #29241f !important;

  border-radius: 0 !important;}
/* =========================================================
   4. BAG ITEMS
   ========================================================= */

.pc-drawer__lines {
  list-style: none !important;

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


.pc-drawer__line {
  position: relative !important;

  display: grid !important;

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

  column-gap: 16px !important;

  align-items: start !important;

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

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #e5e0d9 !important;

  border-radius: 0 !important;

  box-shadow: none !important;}
.pc-drawer__line-thumb {
  width: 82px !important;
  height: 82px !important;

  object-fit: cover !important;

  display: block !important;

  background: #f7f7f5 !important;

  border: 0 !important;
  border-radius: 0 !important;}
.pc-drawer__line-body {
  min-width: 0 !important;

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

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

  line-height: 1.45 !important;

  color: #5b554f !important;}


/* Tên sản phẩm */
.pc-drawer__line-body a,
.pc-drawer__line-body strong {
  font-family: "Jost", sans-serif !important;

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

  line-height: 1.35 !important;

  color: #29241f !important;

  text-decoration: none !important;}

.pc-drawer__line-body [class*="price"],
.pc-drawer__line-body [data-price] {
  font-size: 11px !important;
  font-weight: 300 !important;

  letter-spacing: .02em !important;

  color: #514b45 !important;}

.pc-drawer__line-remove {
  align-self: start !important;

  width: 26px !important;
  height: 26px !important;

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

  padding: 0 !important;

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

  color: #625c56 !important;

  background: transparent !important;

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

  box-shadow: none !important;

  opacity: .75 !important;

  transition: opacity .2s ease !important;}


.pc-drawer__line-remove:hover {
  opacity: 1 !important;}

/* =========================================================
   5. CART FOOTER
   ========================================================= */

.pc-drawer__footer {
  padding: 22px 28px 26px !important;

  background: #ffffff !important;

  border: 0 !important;

  box-shadow: none !important;}


.pc-drawer__subtotal {
  display: flex !important;

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

  margin: 0 0 8px !important;

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

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

  line-height: 1.4 !important;

  color: #29241f !important;}


/* Giá subtotal */
.pc-drawer__subtotal strong,
.pc-drawer__subtotal span:last-child {
  font-weight: 500 !important;

  letter-spacing: .02em !important;}
.pc-drawer__note {
  margin: 0 0 18px !important;

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

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

  line-height: 1.5 !important;

  color: #716b65 !important;}
/* =========================================================
   6. SECURE CHECKOUT
   ========================================================= */

.pc-drawer__checkout {
  width: 100% !important;
  min-height: 44px !important;

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

  padding: 0 22px !important;

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

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

  line-height: 1 !important;

  letter-spacing: .08em !important;

  text-transform: uppercase !important;

  color: #ffffff !important;
  background: #000000 !important;

  border: 1px solid #000000 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  text-decoration: none !important;

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


.pc-drawer__checkout:hover {
  background: #ffffff !important;
  color: #000000 !important;}
/* READ MORE — luxury hover */
.home-news-card__link {
  position: relative !important;
  display: inline-block !important;

  text-decoration: none !important;

  transition:
    transform 0.28s ease,
    color 0.28s ease !important;}

/* underline ẩn */
.home-news-card__link::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  bottom: -4px !important;

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

  background: currentColor !important;

  transform: scaleX(0) !important;
  transform-origin: right center !important;

  transition: transform 0.32s cubic-bezier(.4, 0, .2, 1) !important;}

/* hover */
.home-news-card__link:hover {
  color: #28241f !important;
  transform: translateX(3px) !important;}

.home-news-card__link:hover::after {
  transform: scaleX(1) !important;
  transform-origin: left center !important;}
/* =========================================================
   AURA & CO — CART PAGE
   Luxury / minimal jewelry style
   ========================================================= */

main.site-main--cart {
  background: #fff !important;}


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

.cart-page {
  width: min(1240px, calc(100% - 64px)) !important;
  max-width: 1240px !important;

  margin: 0 auto !important;
  padding: 43px 0 80px !important;

  box-sizing: border-box !important;}


/* =========================================================
   2. TITLE — YOUR BAG (2)
   ========================================================= */

.cart-page__head {
  margin: 0 0 28px !important;
  padding: 0 !important;

  text-align: center !important;}

.cart-page__title {
  margin: 0 !important;

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

  font-size: 34px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;

  letter-spacing: 0.01em !important;

  color: #28241f !important;}

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

.checkout-free-shipping {
  width: min(520px, 100%) !important;

  margin: 0 auto 44px !important;
  padding: 14px 16px 12px !important;

  background: transparent !important;

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

  box-shadow: none !important;}

.checkout-free-shipping__track {
  width: 100% !important;
  height: 3px !important;

  margin: 0 0 10px !important;

  background: #e9e5de !important;

  border-radius: 0 !important;
  overflow: hidden !important;}

.checkout-free-shipping__fill {
  height: 100% !important;

  background: #9a7745 !important;

  border-radius: 0 !important;}

.checkout-free-shipping__msg {
  margin: 0 !important;

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

  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;

  letter-spacing: 0.01em !important;

  color: #514b45 !important;

  text-align: center !important;}

.checkout-free-shipping__msg strong {
  font-weight: 500 !important;
  color: #29241f !important;}
/* =========================================================
   4. CART LAYOUT
   ========================================================= */

.cart-page__layout {
  display: grid !important;

  grid-template-columns: minmax(0, 1fr) 350px !important;
  column-gap: 72px !important;

  align-items: start !important;}


/* LEFT */
.cart-page__main {
  min-width: 0 !important;}


/* RIGHT */
[data-cart-page-summary-wrap] {
  width: 100% !important;}
/* =========================================================
   5. CART PRODUCTS
   ========================================================= */

.cart-page__lines-wrap {
  width: 100% !important;}

.cart-page__lines {
  list-style: none !important;

  width: 100% !important;

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


/* Nếu item của theme dùng li trực tiếp */
.cart-page__lines > li {
  position: relative !important;

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

  border-top: 1px solid #e5e0d9 !important;

  background: transparent !important;

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

.cart-page__lines > li:last-child {
  border-bottom: 1px solid #e5e0d9 !important;}
.cart-page__lines a {
  font-family: "Jost", sans-serif !important;

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

  line-height: 1.4 !important;

  color: #29241f !important;

  text-decoration: none !important;}

.cart-page__lines p,
.cart-page__lines span {
  font-family: "Jost", sans-serif !important;

  color: #514b45 !important;}

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

.cart-page__continue {
  display: inline-block !important;

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

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

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

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

  line-height: 1.2 !important;

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

  color: #514b45 !important;

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #77716b !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  text-decoration: none !important;

  transition:
    color .25s ease,
    border-color .25s ease,
    letter-spacing .25s ease !important;}

.cart-page__continue:hover {
  color: #111 !important;
  border-bottom-color: #111 !important;

  letter-spacing: .13em !important;}
.cart-page__summary h2,
.cart-page__summary h3 {
  margin: 0 0 26px !important;

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

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

  line-height: 1.2 !important;

  color: #29241f !important;}
.cart-page__summary p,
.cart-page__summary li,
.cart-page__summary div {
  font-family: "Jost", sans-serif !important;}

.cart-page__summary strong {
  font-weight: 600 !important;}
.cart-page__summary [class*="price"],
.cart-page__summary [class*="total"] strong {
  color: #302b26 !important;
  font-size: 90%;
  font-weight: 500 !important;}
.cart-page__summary hr {
  height: 0 !important;

  margin: 18px 0 !important;

  border: 0 !important;
  border-top: 1px solid #dcd7cf !important;}
/* =========================================================
   8. SECURE CHECKOUT
   ========================================================= */

.cart-page__summary .btn--primary,
.cart-page__summary a[href*="/checkout"],
.cart-page__summary button[type="submit"] {
  display: flex !important;

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

  width: 100% !important;

  min-height: 44px !important;

  margin-top: 22px !important;
  padding: 0 20px !important;

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

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

  line-height: 1 !important;

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

  color: #fff !important;
  background: #111 !important;

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

  box-shadow: none !important;

  text-decoration: none !important;

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

.cart-page__summary .btn--primary:hover,
.cart-page__summary a[href*="/checkout"]:hover {
  background: #fff !important;
  color: #111 !important;}
.cart-page__summary a:not(.btn) {
  color: #514b45 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;}

/* =========================================================
body.checkout-page .checkout-aside {
body.checkout-page .checkout-aside button,
body.checkout-page .checkout-aside [class*="summary-toggle"],

body.checkout-page .checkout-aside [class*="summary-toggle"],

/* =========================================================
   CHECKOUT RIGHT COLUMN
   Shopify / Missoma inspired
   ========================================================= */

body.checkout-page .checkout-order-column {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  background: #f5f5f5 !important;

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

  box-sizing: border-box !important;}


/* =========================================================
   1. BỎ CARD "YOUR ORDER"
   ========================================================= */

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

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

  background: transparent !important;

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

  box-shadow: none !important;}


/* Header */
body.checkout-page .checkout-aside__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

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

  border: 0 !important;}


/* YOUR ORDER */
body.checkout-page .checkout-aside__title {
  margin: 0 !important;

  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;

  line-height: 1.3 !important;

  letter-spacing: 0 !important;

  color: #171717 !important;}


/* Desktop không cần pill Order summary */
body.checkout-page .checkout-aside__toggle {
  display: none !important;}
/* =========================================================
   2. PRODUCT LIST
   ========================================================= */

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

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

  background: transparent !important;

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

  box-shadow: none !important;}


body.checkout-page .checkout-aside__list {
  display: block !important;

  width: 100% !important;
  max-height: 365px !important;

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

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

  list-style: none !important;

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


/* Chrome / Edge scrollbar */
body.checkout-page .checkout-aside__list::-webkit-scrollbar {
  width: 5px !important;}

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

body.checkout-page .checkout-aside__list::-webkit-scrollbar-thumb {
  background: #8d8d8d !important;
  border-radius: 10px !important;}
body.checkout-page .checkout-aside__item {
  width: 100% !important;

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

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #e3e3e3 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  box-sizing: border-box !important;}


body.checkout-page .checkout-aside__item:last-child {
  border-bottom: 0 !important;}
body.checkout-page .checkout-aside__item img {
  width: 64px !important;
  height: 64px !important;

  object-fit: cover !important;

  background: #ffffff !important;

  border: 1px solid #dedede !important;
  border-radius: 10px !important;

  box-shadow: none !important;}
body.checkout-page .checkout-aside__item a,
body.checkout-page .checkout-aside__item strong {
  font-family: "Jost", sans-serif !important;

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

  line-height: 1.35 !important;

  color: #171717 !important;}


body.checkout-page .checkout-aside__item span,
body.checkout-page .checkout-aside__item p {
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
   line-height: 1.35 !important;
   color: #707070 !important;}
body.checkout-page .checkout-aside__item [class*="price"],
body.checkout-page .checkout-aside__item [data-price] {
  font-size: 12px !important;
  font-weight: 400 !important;

  color: #171717 !important;

  white-space: nowrap !important;}
/* =========================================================
   3. VOUCHER — INLINE LIKE SHOPIFY
   ========================================================= */

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

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

  background: transparent !important;

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

  box-shadow: none !important;}


/* Ẩn chữ VOUCHER */
body.checkout-page #checkout-voucher-title,
body.checkout-page .checkout-voucher > .checkout-block__title {
  display: none !important;}

body.checkout-page .checkout-voucher__field {
  margin: 0 !important;
  padding: 0 !important;

  width: 100% !important;}


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

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

  box-sizing: border-box !important;

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

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

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

  border: 1px solid #d6d6d6 !important;
  border-radius: 10px !important;

  outline: none !important;
  box-shadow: none !important;}


/* vì field floating nên dùng label làm placeholder */
body.checkout-page .checkout-voucher__field label {
  font-family: "Jost", sans-serif !important;
  color: #777 !important;}
body.checkout-page .checkout-voucher__btn[data-voucher-apply],
body.checkout-page .checkout-voucher__btn:first-of-type {
  width: auto !important;
  min-width: 66px !important;
  height: 50px !important;

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

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

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

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

  color: #777 !important;

  background: #f1f1f1 !important;

  border: 1px solid #dedede !important;
  border-radius: 10px !important;

  box-shadow: none !important;}
body.checkout-page .checkout-voucher__btn[data-voucher-remove] {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

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

  justify-self: end !important;

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

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

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

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

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

  box-shadow: none !important;}
body.checkout-page .checkout-aside__total {
  padding: 16px 0 4px !important;

  font-size: 17px !important;
  font-weight: 500 !important;}


body.checkout-page .checkout-aside__total span {
  font-size: 17px !important;
  font-weight: 500 !important;}


body.checkout-page .checkout-aside__total strong {
  font-size: 19px !important;
  font-weight: 600 !important;

  letter-spacing: -0.01em !important;

  color: #171717 !important;}
body.checkout-page .checkout-aside__tax {
  margin: 0 !important;
  padding: 0 !important;

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

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

  line-height: 1.4 !important;

  color: #777 !important;}
body.checkout-page .checkout-layout__aside {
  background: #f5f5f5 !important;

  border-left: 1px solid #dddddd !important;

  padding: 38px 36px 60px !important;}
body.checkout-page .checkout-order-column {
  position: sticky !important;
  top: 20px !important;}
.checkout-voucher__btn[data-voucher-apply] {
  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease !important;}

.checkout-voucher__btn[data-voucher-apply]:hover {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;}
.checkout-voucher__btn[data-voucher-remove] {
  transition:
    color .22s ease,
    opacity .22s ease !important;}

.checkout-voucher__btn[data-voucher-remove]:hover {
  color: #111111 !important;
  opacity: .65 !important;}
.checkout-voucher__btn[data-voucher-remove] {
  position: relative !important;
  text-decoration: none !important;}
/* =========================================================
   CHECKOUT HEADER — LUXURY / MINIMAL
   ========================================================= */

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

  background: #ffffff !important;

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

  box-shadow: none !important;}


/* =========================================================
   INNER
   Cùng chiều rộng với checkout content
   ========================================================= */

body.checkout-page .checkout-header__inner {
  position: relative !important;

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

  width: min(1040px, calc(100% - 48px)) !important;
  max-width: 1040px !important;

  min-height: 60px !important;

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

  box-sizing: border-box !important;}


/* =========================================================
   LOGO
   ========================================================= */

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

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

  color: #49433d !important;

  text-decoration: none !important;

  white-space: nowrap !important;}


body.checkout-page .checkout-header__logo,
body.checkout-page .checkout-header__logo * {
  font-family: "Cormorant Garamond", serif !important;

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

  line-height: 1 !important;

  letter-spacing: 0.01em !important;}
/* =========================================================
   RIGHT ACTIONS
   ========================================================= */

body.checkout-page .checkout-header__actions {
  display: flex !important;

  align-items: center !important;

  gap: 18px !important;

  margin: 0 !important;
  padding: 0 !important;}
body.checkout-page .currency-form--checkout {
  margin: 0 !important;
  padding: 0 !important;}


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

  height: 36px !important;

  padding: 0 30px 0 12px !important;

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

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

  line-height: 1 !important;

  color: #302c27 !important;

  background-color: #ffffff !important;

  border: 1px solid #d8d2ca !important;

  border-radius: 8px !important;

  box-shadow: none !important;
  outline: none !important;

  cursor: pointer !important;

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


body.checkout-page .currency-form--checkout select:hover {
  border-color: #8c857d !important;}


body.checkout-page .currency-form--checkout select:focus {
  border-color: #302c27 !important;

  box-shadow: none !important;
  outline: none !important;}
body.checkout-page .checkout-header__cart {
  position: relative !important;

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

  padding: 4px 0 !important;

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

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

  line-height: 1.2 !important;

  letter-spacing: 0.01em !important;

  color: #5c5650 !important;

  background: transparent !important;

  border: 0 !important;

  text-decoration: none !important;

  white-space: nowrap !important;

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


/* underline hover */
body.checkout-page .checkout-header__cart::after {
  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  bottom: 0 !important;

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

  background: currentColor !important;

  transform: scaleX(0) !important;
  transform-origin: right center !important;

  transition: transform .25s ease !important;}


body.checkout-page .checkout-header__cart:hover {
  color: #111111 !important;

  transform: translateX(-2px) !important;}


body.checkout-page .checkout-header__cart:hover::after {
  transform: scaleX(1) !important;
  transform-origin: left center !important;}

/* =========================================================
   CHECKOUT LEFT FORM — SHOPIFY / MISSOMA STYLE
   ========================================================= */

body.checkout-page .checkout-layout {
  width: min(1080px, calc(100% - 48px)) !important;
  max-width: 1080px !important;

  display: grid !important;
  grid-template-columns: minmax(0, 600px) 420px !important;
  gap: 40px !important;

  align-items: start !important;

  margin: 0 auto !important;}


/* =========================================================
   LEFT COLUMN
   ========================================================= */

body.checkout-page .checkout-layout__main {
  width: 100% !important;
  max-width: 600px !important;

  margin: 0 !important;
  padding: 38px 0 60px !important;

  background: #ffffff !important;

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

  box-shadow: none !important;

  box-sizing: border-box !important;}


body.checkout-page .checkout-form {
  display: block !important;

  width: 100% !important;

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

  background: transparent !important;

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

  box-shadow: none !important;}
body.checkout-page .checkout-express {
  width: 100% !important;

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

  background: transparent !important;

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

  box-shadow: none !important;}


body.checkout-page .checkout-express__title {
  margin: 0 0 14px !important;

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

  text-align: center !important;

  color: #5f5a55 !important;}
body.checkout-page .checkout-express__buttons {
  width: 100% !important;

  display: grid !important;
  grid-template-columns: 1fr !important;

  gap: 10px !important;}


body.checkout-page .checkout-express__slot {
  width: 100% !important;}
body.checkout-page .checkout-express__divider {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 22px 0 30px !important;}


body.checkout-page .checkout-express__divider-line {
  height: 1px !important;

  background: #dedede !important;}


body.checkout-page .checkout-express__divider-text {
  font-family: "Jost", sans-serif !important;

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

  color: #777 !important;}
body.checkout-page .checkout-block {
  width: 100% !important;

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

  background: transparent !important;

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

  box-shadow: none !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,
body.checkout-page .checkout-block__title {
  margin: 0 0 12px !important;

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

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

  line-height: 1.25 !important;

  letter-spacing: 0 !important;

  color: #151515 !important;}
body.checkout-page .checkout-form input:not([type="checkbox"]):not([type="radio"]),
body.checkout-page .checkout-form select,
body.checkout-page .checkout-form textarea {
  width: 100% !important;

  min-height: 49px !important;

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

  box-sizing: border-box !important;

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

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

  line-height: 1.35 !important;

  color: #282828 !important;
  background: #ffffff !important;

  border: 1px solid #d4d4d4 !important;

  border-radius: 9px !important;

  box-shadow: none !important;
  outline: none !important;

  transition:
    border-color .18s ease,
    box-shadow .18s ease !important;}


body.checkout-page .checkout-form input:focus,
body.checkout-page .checkout-form select:focus,
body.checkout-page .checkout-form textarea:focus {
  border-color: #222222 !important;

  box-shadow: 0 0 0 1px #222222 !important;

  outline: none !important;}


body.checkout-page .checkout-form input::placeholder,
body.checkout-page .checkout-form textarea::placeholder {
  color: #777 !important;

  opacity: 1 !important;}

body.checkout-page .checkout-field {
  margin-bottom: 10px !important;}


body.checkout-page .checkout-field-floating {
  position: relative !important;}


body.checkout-page .checkout-field-floating label {
  font-family: "Jost", sans-serif !important;

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

  color: #777 !important;}
body.checkout-page .checkout-field-row,
body.checkout-page .checkout-fields-row {
  display: grid !important;

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 10px !important;

  width: 100% !important;}
body.checkout-page .checkout-contact-auth {
  margin: 0 0 18px !important;

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

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

  line-height: 1.45 !important;

  color: #666 !important;}


body.checkout-page .checkout-contact-auth {
  margin: 0 0 18px !important;

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

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

  line-height: 1.45 !important;

  color: #666 !important;}


body.checkout-page .checkout-contact-auth a {
  color: #222 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;}
body.checkout-page .checkout-checkbox {
  display: flex !important;

  align-items: flex-start !important;

  gap: 9px !important;

  margin: 12px 0 0 !important;

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

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

  line-height: 1.45 !important;

  color: #353535 !important;}


body.checkout-page .checkout-checkbox input[type="checkbox"] {
  width: 16px !important;
  height: 17px !important;

  min-width: 16px !important;
  min-height: 16px !important;

  margin: 1px 0 0 !important;

  padding: 0 !important;

  accent-color: #000000 !important;}
body.checkout-page
.checkout-block[aria-labelledby="checkout-shipping-method-title"] {
  margin-top: 32px !important;}


body.checkout-page
.checkout-block[aria-labelledby="checkout-shipping-method-title"]
[class*="shipping"] {
  font-family: "Jost", sans-serif !important;}

body.checkout-page
.checkout-block[aria-labelledby="checkout-shipping-method-title"]
[class*="notice"],
body.checkout-page
.checkout-block[aria-labelledby="checkout-shipping-method-title"]
[class*="placeholder"] {
  padding: 16px !important;

  background: #f5f5f5 !important;

  border: 0 !important;

  border-radius: 9px !important;}
body.checkout-page .checkout-block--missoma-payment {
  margin-top: 32px !important;

  padding: 0 !important;

  background: transparent !important;

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

  box-shadow: none !important;}
body.checkout-page .checkout-block--missoma-payment
[class*="option"],
body.checkout-page .checkout-block--missoma-payment
[class*="method"] {
  font-family: "Jost", sans-serif !important;

  font-size: 15px !important;}
body.checkout-page .checkout-actions {
  width: 100% !important;

  margin: 30px 0 0 !important;}


body.checkout-page .checkout-actions .btn,
body.checkout-page .checkout-actions button,
body.checkout-page .checkout-actions input[type="submit"] {
  width: 100% !important;

  min-height: 50px !important;

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

  padding: 0 20px !important;

  font-family: "Jost", sans-serif !important;
text-transform: capitalize;
  font-size: 16px !important;
  font-weight: 600 !important;

  color: #ffffff !important;
  background: #000000 !important;

  border: 1px solid #000000 !important;

  border-radius: 9px !important;

  box-shadow: none !important;

  cursor: pointer !important;

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


body.checkout-page .checkout-actions .btn:hover,
body.checkout-page .checkout-actions button:hover {
  background: #222222 !important;}
/* =========================================
   PAYMENT RADIO — REMOVE SQUARE BOX
   ========================================= */

body.checkout-page
.checkout-block--missoma-payment
input[type="radio"] {
  -webkit-appearance: radio !important;
  appearance: radio !important;

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

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

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

  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;

  accent-color: #111 !important;}
body.checkout-page .checkout-actions .btn,
body.checkout-page .checkout-actions button,
body.checkout-page .checkout-actions input[type="submit"] {
  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease !important;}

body.checkout-page .checkout-actions .btn:hover,
body.checkout-page .checkout-actions button:hover,
body.checkout-page .checkout-actions input[type="submit"]:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #111111 !important;}

.cart-page__auth-note {
font-size: 0.7rem;}

.catalog-category-hero__title {
font-family: "Cormorant Garamond", serif !important;
     font-size: 45px !important; 
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;}
.catalog-category-hero__description {
    font-family: "Cormorant Garamond", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}
.checkout-voucher__btn[data-voucher-remove] {
  display: none !important;}
/* =========================================================
   CHECKOUT FLOATING FIELDS — FINAL FIX
   áp dụng cho Country + toàn bộ input checkout
   ========================================================= */


/* Wrapper */
body.checkout-page .checkout-field--floating {
  position: relative !important;

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

  margin: 0 !important;

  box-sizing: border-box !important;}


/* =========================================================
   INPUT THẬT
   ========================================================= */

body.checkout-page
.checkout-field--floating
> input:not([type="checkbox"]):not([type="radio"]),

body.checkout-page
.checkout-field--floating
> .checkout-filter-select__search {

  display: block !important;

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

  margin: 0 !important;

  /* trạng thái mặc định: text nằm giữa field */
  padding:
    15px
    12px
    9px
    12px !important;

  box-sizing: border-box !important;

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

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

  line-height: 1.2 !important;

  color: #171717 !important;

  background: #fff !important;

  border: 1px solid #d5d5d5 !important;
  border-radius: 9px !important;

  outline: none !important;
  box-shadow: none !important;}


/* =========================================================
   LABEL — TRẠNG THÁI MẶC ĐỊNH
   First name / Address / Phone...
   ========================================================= */

body.checkout-page
.checkout-field--floating
> label {

  position: absolute !important;

  left: 12px !important;

  /* label nằm giữa khi field chưa có dữ liệu */
  top: 50% !important;

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

  transform: translateY(-50%) !important;

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

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

  line-height: 1 !important;

  color: #6d6d6d !important;

  background: transparent !important;

  pointer-events: none !important;

  z-index: 2 !important;

  transition:
    top .16s ease,
    transform .16s ease,
    font-size .16s ease,
    color .16s ease !important;}
/* =========================================================
   FLOAT LABEL KHI FOCUS / CÓ VALUE
   ========================================================= */


/* focus */
body.checkout-page
.checkout-field--floating:focus-within
> label,

/* custom Country/Region có class has-value */
body.checkout-page
.checkout-field--floating.has-value
> label,

/* input thường đã có dữ liệu */
body.checkout-page
.checkout-field--floating:has(
  > input:not(:placeholder-shown)
)
> label {

  top: 8px !important;

  transform: none !important;

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

  line-height: 1 !important;

  color: #666 !important;}
/* =========================================================
   COUNTRY FILTER
   ========================================================= */

body.checkout-page
.checkout-field--filter-select
.checkout-filter-select__search {

  height: 52px !important;

  padding:
    20px
    38px
    5px
    12px !important;

  line-height: 1.2 !important;}


/* Country label */
body.checkout-page
.checkout-field--filter-select.has-value
> label {

  top: 8px !important;

  transform: none !important;

  font-size: 9px !important;

  line-height: 1 !important;}
body.checkout-page
.checkout-field--floating:focus-within
> input:not([type="checkbox"]):not([type="radio"]) {

  border-color: #222 !important;

  box-shadow: 0 0 0 1px #222 !important;}
/* =========================================================
   CATALOG FILTER DRAWER — LUXURY / MINIMAL
   ========================================================= */

.catalog-filters-drawer__panel {
  width: min(380px, 92vw) !important;
  max-width: 380px !important;

  background: #ffffff !important;

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

  box-shadow: none !important;

  padding: 0 !important;

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


/* =========================================================
   HEADER
   ========================================================= */

.catalog-filters-drawer__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 72px !important;

  padding: 0 28px !important;

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

  background: #ffffff !important;}


/* FILTER title */
.catalog-filters-drawer__head h2,
.catalog-filters-drawer__head h3 {
  margin: 0 !important;

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

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

  line-height: 1 !important;

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

  color: #161616 !important;}


/* X close */
.catalog-filters-drawer__head
[data-catalog-filters-close] {
  width: 30px !important;
  height: 30px !important;

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

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

  background: transparent !important;

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

  box-shadow: none !important;

  color: #111 !important;

  cursor: pointer !important;

  transition: opacity .2s ease !important;}

.catalog-filters-drawer__head
[data-catalog-filters-close]:hover {
  opacity: .5 !important;}
/* =========================================================
   FILTER FORM
   ========================================================= */

.catalog-filters {
  display: block !important;

  width: 100% !important;

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

  box-sizing: border-box !important;

  background: #ffffff !important;}


/* Mỗi nhóm */
.catalog-filters > label {
  position: relative !important;

  display: block !important;

  width: 100% !important;

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

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

  font-size: 15px !important;
  font-weight: 600 !important;

  line-height: 1.2 !important;

  color: #171717 !important;

  background: transparent !important;

  border: 0 !important;}


/* bỏ divider/card cũ nếu theme có */
.catalog-filters > label + label {
  border-top: 0 !important;}
/* =========================================================
   SELECT
   ========================================================= */

.catalog-filters > label select {
  display: block !important;

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

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

  box-sizing: border-box !important;

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

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

  line-height: 1.2 !important;

  color: #2b2b2b !important;

  background-color: #ffffff !important;

  border: 0 !important;
  border-bottom: 1px solid #d8d8d8 !important;

  border-radius: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  cursor: pointer !important;}


.catalog-filters > label select:hover {
  border-bottom-color: #777 !important;}


.catalog-filters > label select:focus {
  border-bottom-color: #111 !important;

  outline: none !important;
  box-shadow: none !important;}
/* =========================================================
   ACTIONS
   ========================================================= */

.catalog-filters__actions {
  display: flex !important;

  align-items: center !important;

  gap: 22px !important;

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

  border: 0 !important;}


/* APPLY */
.catalog-filters__actions .btn--primary,
.catalog-filters__actions button[type="submit"] {
  min-width: 110px !important;
  min-height: 40px !important;

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

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

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

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

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

  color: #ffffff !important;
  background: #111111 !important;

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

  box-shadow: none !important;

  cursor: pointer !important;

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


.catalog-filters__actions .btn--primary:hover,
.catalog-filters__actions button[type="submit"]:hover {
  color: #111111 !important;
  background: #ffffff !important;}
.catalog-filters__actions .btn--ghost,
.catalog-filters__actions a,
.catalog-filters__actions button:not([type="submit"]) {
  min-width: 0 !important;
  min-height: 0 !important;

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

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

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

  line-height: 1 !important;

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

  border: 0 !important;
  border-bottom: 1px solid #999 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  text-decoration: none !important;

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


.catalog-filters__actions .btn--ghost:hover,
.catalog-filters__actions a:hover {
  color: #111 !important;
  border-bottom-color: #111 !important;}
/* =========================================
   LUXURY FILTER DRAWER
   ========================================= */

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

  background: #fff !important;

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

  box-shadow: none !important;}


/* HEADER */

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

  padding: 0 28px !important;

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


.catalog-filters-drawer__head h2 {
  font-family: "Jost", sans-serif !important;

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

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


/* FORM */

.catalog-filters {
  padding: 30px 30px 40px !important;}


/* ẨN SELECT GỐC */
.catalog-filters select[data-luxury-native] {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  opacity: 0 !important;
  pointer-events: none !important;

  overflow: hidden !important;}
.luxury-filter {
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;}


.luxury-filter + .luxury-filter {
  margin-top: 54px !important;}


.luxury-filter__head {
  width: 100% !important;

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

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

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

  font-size: 15px !important;
  font-weight: 600 !important;

  line-height: 1.2 !important;

  color: #111 !important;

  cursor: pointer !important;}


.luxury-filter__symbol {
  font-size: 20px !important;
  font-weight: 300 !important;

  line-height: 1 !important;}
.luxury-filter__clear {
  display: inline-block !important;

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

  padding: 0 0 2px !important;

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

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

  color: #8a8a8a !important;

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #9a9a9a !important;

  cursor: pointer !important;}


.luxury-filter__clear:hover {
  color: #111 !important;
  border-color: #111 !important;}
.luxury-filter__options {
  display: flex !important;
  flex-direction: column !important;

  gap: 20px !important;

  padding-left: 20px !important;}


.luxury-filter__option {
  display: flex !important;
  align-items: center !important;

  gap: 12px !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

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

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

  color: #111 !important;

  text-align: left !important;

  cursor: pointer !important;}


/* ô vuông */
.luxury-filter__box {
  position: relative !important;

  width: 18px !important;
  height: 18px !important;

  flex: 0 0 18px !important;

  border: 1px solid #cfcfcf !important;

  background: #fff !important;

  box-sizing: border-box !important;}


/* selected */
.luxury-filter__option.is-selected .luxury-filter__box {
  background: #111 !important;
  border-color: #111 !important;}


.luxury-filter__option.is-selected .luxury-filter__box::after {
  content: "" !important;

  position: absolute !important;

  width: 6px !important;
  height: 10px !important;

  left: 5px !important;
  top: 2px !important;

  border: solid #fff !important;
  border-width: 0 1.5px 1.5px 0 !important;

  transform: rotate(45deg) !important;}
.luxury-filter.is-collapsed .luxury-filter__body {
  display: none !important;}
.catalog-filters select,
.catalog-filters input {
  border: 1px solid var(--border);
  border-radius: 9px;
  padding: 0.45rem 0.65rem;
  font: inherit;
  background: #fff;}

/* =========================================================
   AURA & CO — CATALOG FILTER
   CSS ONLY — FINAL OVERRIDE
   ========================================================= */


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

  background: #fff !important;

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

  box-shadow: none !important;}


/* =========================================================
   HEADER
   ========================================================= */

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

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

  padding: 0 28px !important;

  background: #fff !important;

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


#catalog-filters-panel .catalog-filters-drawer__head h2 {
  margin: 0 !important;

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

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

  line-height: 1 !important;

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

  color: #171717 !important;}


/* CLOSE */
#catalog-filters-panel [data-catalog-close-filters] {
  width: 28px !important;
  height: 28px !important;

  padding: 0 !important;

  background: transparent !important;

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

  box-shadow: none !important;

  color: #111 !important;}


/* =========================================================
   FORM
   GHI ĐÈ display:grid / padding CSS GỐC
   ========================================================= */

#catalog-filters-panel form.catalog-filters {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 30px 28px 40px !important;

  box-sizing: border-box !important;

  background: #fff !important;

  gap: 0 !important;}


/* =========================================================
   CATEGORY / BRAND / SORT BY
   ========================================================= */

#catalog-filters-panel form.catalog-filters > label {
  position: relative !important;

  display: block !important;

  width: 100% !important;

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

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

  font-size: 15px !important;
  font-weight: 600 !important;

  line-height: 1.2 !important;

  color: #111 !important;

  background: transparent !important;

  border: 0 !important;}


/* =========================================================
   SELECT
   GHI ĐÈ TRỰC TIẾP RULE GỐC
   ========================================================= */

#catalog-filters-panel
form.catalog-filters
> label
> select {

  -webkit-appearance: none !important;
  appearance: none !important;

  display: block !important;

  width: calc(100% - 20px) !important;
  height: 42px !important;

  margin: 15px 0 0 20px !important;

  padding: 0 28px 0 0 !important;

  box-sizing: border-box !important;

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

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

  line-height: 42px !important;

  color: #222 !important;

  background: #fff !important;

  /* QUAN TRỌNG — bỏ box cũ */
  border: 0 !important;
  border-bottom: 1px solid #d6d6d6 !important;

  border-radius: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  cursor: pointer !important;

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


/* HOVER */
#catalog-filters-panel
form.catalog-filters
> label
> select:hover {
  border-bottom-color: #777 !important;}


/* FOCUS */
#catalog-filters-panel
form.catalog-filters
> label
> select:focus {
  border-bottom-color: #111 !important;

  color: #111 !important;

  box-shadow: none !important;
  outline: none !important;}


/* =========================================================
   CUSTOM ARROW
   ========================================================= */

#catalog-filters-panel
form.catalog-filters
> label::after {
  content: "+" !important;

  position: absolute !important;

  right: 0 !important;
  bottom: 12px !important;

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

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

  line-height: 1 !important;

  color: #222 !important;

  pointer-events: none !important;}
/* =========================================================
   ACTIONS
   ========================================================= */

#catalog-filters-panel .catalog-filters__actions {
  display: flex !important;

  align-items: center !important;

  gap: 22px !important;

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

  background: transparent !important;

  border: 0 !important;}


/* APPLY */
#catalog-filters-panel
.catalog-filters__actions
.btn--primary {

  min-width: 108px !important;
  min-height: 40px !important;

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

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

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

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

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

  color: #fff !important;

  background: #111 !important;

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

  box-shadow: none !important;

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


#catalog-filters-panel
.catalog-filters__actions
.btn--primary:hover {
  background: #fff !important;
  color: #111 !important;}


/* RESET giống CLEAR */
#catalog-filters-panel
.catalog-filters__actions
.btn--ghost {

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

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

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

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

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

  border: 0 !important;
  border-bottom: 1px solid #999 !important;

  border-radius: 0 !important;

  box-shadow: none !important;}


#catalog-filters-panel
.catalog-filters__actions
.btn--ghost:hover {
  color: #111 !important;
  border-bottom-color: #111 !important;}
/* FILTER GROUP */
#catalog-filters-panel form.catalog-filters > label {
  display: block !important;
  position: relative !important;

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

  font-family: "Jost", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;

  color: #111 !important;}


/* SELECT */
#catalog-filters-panel form.catalog-filters > label > select {
  -webkit-appearance: none !important;
  appearance: none !important;

  display: block !important;

  width: calc(100% - 20px) !important;
  height: 38px !important;

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

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

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

  border: 0 !important;
  border-bottom: 1px solid #d5d5d5 !important;

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


/* ARROW */
#catalog-filters-panel form.catalog-filters > label::after {
  content: "⌄" !important;

  position: absolute !important;

  right: 1px !important;
  bottom: 12px !important;

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

  color: #222 !important;

  pointer-events: none !important;}


/* HOVER */
#catalog-filters-panel form.catalog-filters > label > select:hover {
  border-bottom-color: #777 !important;}


/* FOCUS */
#catalog-filters-panel form.catalog-filters > label > select:focus {
  border-bottom-color: #111 !important;}

/* =========================================================
   MEGA MENU — CHỈ SỬA KHUNG BAO NGOÀI
   ========================================================= */

@media screen and (min-width: 1024px) {

  .catalog-mega {
    background: #ffffff !important;

    /* viền cực nhẹ */
    border: 1px solid #e7e2dc !important;

    /* bo rất nhẹ, không kiểu card */
    border-radius: 4px !important;

    /* shadow mềm luxury */
    box-shadow:
      0 14px 40px rgba(32, 27, 22, 0.07),
      0 2px 8px rgba(32, 27, 22, 0.025) !important;

    /* không thay kích thước / bố cục bên trong */
    overflow: hidden !important;
  }

}
@media screen and (min-width: 1024px) {

  .catalog-mega {
    background: #ffffff !important;

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

    box-shadow:
      0 12px 30px rgba(0, 0, 0, 0.055) !important;

    overflow: hidden !important;
  }

}

/* =========================================================
   DESKTOP MEGA MENUS — COMPACT OUTER FRAMES
   Chỉ sửa kích thước + khung ngoài
   ========================================================= */

@media screen and (min-width: 1024px) {

  /* NECKLACES */
  #brand-mega-panel-desktop-15 {
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
  }

  /* BRACELETS */
  #brand-mega-panel-desktop-16 {
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
  }

  /* EARRINGS */
  #brand-mega-panel-desktop-17 {
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
  }

  /* SIGNATURE SETS */
  #brand-mega-panel-desktop-19 {
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
  }

  /* COLLECTIONS */
  #catalog-mega-panel-desktop {
    width: 440px !important;
    min-width: 440px !important;
    max-width: 440px !important;
  }

  /* OUR STORY */
  #story-mega-panel-desktop {
    width: 130px !important;
    min-width: 180px !important;
    max-width: 260px !important;
  }


  /* =====================================================
     CHUNG CHO TOÀN BỘ KHUNG
     ===================================================== */

  #brand-mega-panel-desktop-15,
  #brand-mega-panel-desktop-16,
  #brand-mega-panel-desktop-17,
  #brand-mega-panel-desktop-19,
  #catalog-mega-panel-desktop,
  #story-mega-panel-desktop {

    background: #ffffff !important;

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

    box-shadow:
      0 10px 28px rgba(0, 0, 0, 0.055) !important;
  }
}
 .home-hero__lede {
  width: 100% !important;
  max-width: 310px !important;



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

  /* giữ nguyên size nếu bạn đã set ở chỗ khác */
  font-weight: 400 !important;

  line-height: 1.48 !important;
  letter-spacing: .075em !important;

  text-align: center !important;
  text-transform: uppercase !important;

  white-space: normal !important;

  /* quan trọng */
  text-wrap: pretty !important;

  /* giúp dòng cuối ngắn hơn */
  padding-inline: 8px !important;

  color: rgba(255,255,255,.92) !important;}
/* NEW ARRIVALS ONLY */
.home-hero__slide[data-slide-index="1"] .home-hero__lede {
  width: 340px !important;
  max-width: 340px !important;

  margin: 7px auto 0 !important;

  white-space: normal !important;
  text-align: center !important;

  line-height: 1.45 !important;
  letter-spacing: .07em !important;

  text-wrap: balance !important;}

.checkout-free-shipping,
[data-free-shipping-bar] {
  display: none !important;}
.cart-page__head {
  margin-bottom: 42px !important;}
.cart-page__head {
  margin-bottom: 28px !important;}

/* =========================================
   HEADER SEARCH — LUXURY STYLE
   ========================================= */

.header-search__dropdown {
  padding: 14px !important;

  background: #fff !important;

  border: 1px solid #eee8e0 !important;
  border-radius: 10px !important;

  box-shadow:
    0 12px 30px rgba(32, 27, 22, .07) !important;}


/* form */
.header-search__form {
  display: flex !important;
  align-items: center !important;

  width: 100% !important;

  padding: 0 14px !important;

  background: #fff !important;

  border: 1px solid #d9d1c6 !important;
  border-radius: 999px !important;

  box-shadow: none !important;

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


/* focus luxury */
.header-search__form:focus-within {
  border-color: #b8935d !important;

  box-shadow:
    0 0 0 3px rgba(184, 147, 93, .08) !important;}


/* input */
.header-search__input {
  flex: 1 1 auto !important;

  height: 44px !important;

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

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

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

  letter-spacing: .02em !important;

  color: #3f3731 !important;

  background: transparent !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;}


/* placeholder */
.header-search__input::placeholder {
  color: #8c837b !important;

  opacity: 1 !important;}


/* search button */
.header-search__submit {
  width: 34px !important;
  height: 34px !important;

  flex: 0 0 34px !important;

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

  margin-left: 8px !important;
  padding: 0 !important;

  background: transparent !important;

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

  color: #3f3731 !important;

  cursor: pointer !important;

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


/* hover */
.header-search__submit:hover {
  background: #f7f3ee !important;
  color: #a77d47 !important;}


/* icon */
.header-search__submit svg {
  width: 17px !important;
  height: 17px !important;

  stroke-width: 1.6 !important;}
.header-search__dropdown {
  padding: 10px !important;
  border-radius: 8px !important;}

.header-search__form {
  border-radius: 8px !important;}

/* Ẩn toàn bộ lựa chọn Standard Shipping */
.checkout-shipping-options,
.checkout-shipping-option {
  display: none !important;}
/* =========================================================
   AURA & CO — ACCOUNT PAGE LUXURY
   Giữ nguyên HTML hiện tại
   ========================================================= */


/* PAGE HEAD */
.page-head {
     max-width: 543px !important;
  margin: 0 auto !important;
  padding: 48px 24px 24px !important;}

.page-head__title {
  margin: 0 0 8px !important;

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

  line-height: 1.05 !important;
  letter-spacing: .02em !important;

  text-transform: none !important;
  color: #2f2925 !important;}

.page-head__summary {
  margin: 0 !important;

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

  line-height: 1.6 !important;
  letter-spacing: .015em !important;

  color: #70675f !important;}


/* =========================================================
   ACCOUNT GRID
   ========================================================= */

.account-grid {
  max-width: 1180px !important;

  margin: 0 auto 72px !important;
  padding: 0 24px !important;

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

  gap: 28px !important;}


/* =========================================================
   CARD
   ========================================================= */

.account-card {
  padding: 30px 32px !important;

  background: #fff !important;

  border: 1px solid #e8e1d8 !important;
  border-radius: 12px !important;

  box-shadow:
    0 12px 34px rgba(44, 35, 28, .035) !important;}


/* CARD TITLE */
.account-card__title {
  margin: 0 0 26px !important;

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

  line-height: 1.1 !important;
  letter-spacing: .01em !important;

  color: #302a26 !important;}


/* =========================================================
   PROFILE DETAILS
   ========================================================= */

.account-dl {
  margin: 0 !important;}

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

  align-items: center !important;

  gap: 16px !important;

  min-height: 50px !important;

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

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

.account-dl__row:last-child {
  border-bottom: 0 !important;}


/* LABEL */
.account-dl__row dt {
  margin: 0 !important;

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

  line-height: 1.2 !important;
  letter-spacing: .08em !important;

  text-transform: uppercase !important;

  color: #8b8077 !important;}


/* VALUE */
.account-dl__row dd {
  margin: 0 !important;

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

  line-height: 1.4 !important;

  color: #332d29 !important;

  overflow-wrap: anywhere !important;}


/* =========================================================
   EDIT PROFILE
   ========================================================= */

.account-card > .btn {
  margin-top: 24px !important;

  padding: 0 0 4px !important;

  min-height: 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #9c784c !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;

  line-height: 1.2 !important;
  letter-spacing: .08em !important;

  text-transform: uppercase !important;

  color: #6d5237 !important;

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

.account-card > .btn:hover {
  color: #2f2925 !important;
  border-color: #2f2925 !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;}
.pagination li a,
.pagination li span {
  min-width: 34px !important;
  height: 34px !important;

  border-radius: 50% !important;}

.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span {
  border-radius: 999px !important;}

/* =========================================================
   RECENT ORDERS
   ========================================================= */

.account-orders-list {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;}

.account-orders-list > li {
  margin: 0 !important;
  padding: 0 !important;

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

.account-orders-list > li:last-child {
  border-bottom: 0 !important;}


.account-order-button {
  width: 100% !important;

  min-height: 64px !important;

  display: grid !important;
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(0, .75fr)
    minmax(0, .9fr)
    20px !important;

  align-items: center !important;

  gap: 14px !important;

  padding: 0 2px !important;

  background: transparent !important;

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

  color: #332d29 !important;

  text-align: left !important;

  cursor: pointer !important;

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

.account-order-button:hover {
  background: #fcfaf7 !important;}


/* ORDER NO */
.account-order-no {
  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;

  letter-spacing: .035em !important;

  color: #3b332d !important;}


/* STATUS + DATE */
.account-order-button > span:not(.account-order-button__icon) {
  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;

  color: #756d66 !important;}


/* ARROW */
.account-order-button__icon {
  justify-self: end !important;

  font-size: 16px !important;

  color: #a67c46 !important;

  transition: transform .18s ease !important;}

.account-order-button:hover .account-order-button__icon {
  transform: translateX(3px) !important;}


/* =========================================================
   VIEW ALL ORDERS
   ========================================================= */

.account-card .btn[data-navigate*="/account/orders"] {
  margin-top: 24px !important;}
/* =========================================================
   AURA & CO — LUXURY ORDER HISTORY TABLE
   ========================================================= */

.account-orders-table-wrap {
  width: 100% !important;

  margin: 0 auto 34px !important;

  overflow: hidden !important;

  background: #fff !important;

  border: 1px solid #e9e2da !important;
  border-radius: 14px !important;

  box-shadow:
    0 14px 36px rgba(38, 31, 25, .035) !important;}


/* TABLE */
.account-orders-table {
  width: 100% !important;

  border-collapse: collapse !important;
  border-spacing: 0 !important;

  background: #fff !important;

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


/* =========================================================
   TABLE HEAD
   ========================================================= */

.account-orders-table thead {
  background: #fbfaf8 !important;}

.account-orders-table th {
  height: 44px !important;

  padding: 0 16px !important;

  text-align: left !important;
  vertical-align: middle !important;

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

  line-height: 1 !important;

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

  color: #7c7168 !important;

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


/* =========================================================
   ROWS
   ========================================================= */

.account-orders-table tbody tr {
  background: #fff !important;

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

.account-orders-table tbody tr:hover {
  background: #fcfaf7 !important;}


.account-orders-table td {
  min-height: 58px !important;

  padding: 12px 16px !important;

  vertical-align: middle !important;

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

  line-height: 1.4 !important;

  color: #4a423b !important;

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


.account-orders-table tbody tr:last-child td {
  border-bottom: 0 !important;}


/* =========================================================
   PRODUCT THUMBNAIL
   ========================================================= */

.account-orders-table td:first-child img {
  width: 42px !important;
  height: 42px !important;

  display: block !important;

  object-fit: cover !important;

  border-radius: 6px !important;

  border: 1px solid #e8e1d9 !important;

  background: #faf8f5 !important;}


/* =========================================================
   ORDER NUMBER
   ========================================================= */

.account-orders-table td:nth-child(2) {
  font-weight: 400 !important;

  letter-spacing: .025em !important;

  color: #332c27 !important;}


/* DATE */
.account-orders-table td:nth-child(3) {
  color: #6d645d !important;}


/* =========================================================
   STATUS
   ========================================================= */

.account-orders-table td:nth-child(4) {
  font-weight: 400 !important;

  color: #8a6a43 !important;}


/* Cancelled */
.account-orders-table td:nth-child(4) {
  text-transform: capitalize !important;}


/* =========================================================
   TOTAL
   ========================================================= */

.account-orders-table td:nth-child(5) {
  font-weight: 400 !important;

  color: #322c27 !important;}


/* =========================================================
   VIEW DETAILS
   ========================================================= */

.account-orders-table td:last-child {
  text-align: right !important;}


.account-orders-table td:last-child a,
.account-orders-table td:last-child button {
  display: inline-block !important;

  padding: 0 0 3px !important;

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

  line-height: 1 !important;

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

  color: #725335 !important;

  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid #b99a76 !important;
  border-radius: 0 !important;

  text-decoration: none !important;

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


.account-orders-table td:last-child a:hover,
.account-orders-table td:last-child button:hover {
  color: #2f2925 !important;
  border-color: #2f2925 !important;}
.account-orders-table th:nth-child(1),
.account-orders-table td:nth-child(1) {
  width: 76px !important;}

.account-orders-table th:nth-child(2),
.account-orders-table td:nth-child(2) {
  width: 24% !important;}

.account-orders-table th:nth-child(3),
.account-orders-table td:nth-child(3) {
  width: 16% !important;}

.account-orders-table th:nth-child(4),
.account-orders-table td:nth-child(4) {
  width: 14% !important;}

.account-orders-table th:nth-child(5),
.account-orders-table td:nth-child(5) {
  width: 15% !important;}

.account-orders-table th:last-child,
.account-orders-table td:last-child {
  width: 120px !important;}

.pd-gallery__thumb[aria-label="Show image 5"] {
    display: none !important;
}

/* =========================================================
   LUXURY CONTACT FORM — AURA & CO
   Quiet Luxury / Fine Jewelry
   ========================================================= */

.contact-form-section {
  background: #fff;
  padding: 42px 38px 38px;
  border: 1px solid rgba(184, 148, 92, 0.28);
  border-radius: 16px;
  box-shadow:
    0 12px 35px rgba(38, 30, 20, 0.06),
    0 2px 8px rgba(38, 30, 20, 0.025);
  position: relative;
  overflow: hidden;
}

/* subtle luxury highlight */
.contact-form-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(183, 143, 82, 0.65),
    transparent
  );
}

/* -----------------------------------------
   TITLE
----------------------------------------- */

.contact-form-section .product-detail__section-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 25px;
  letter-spacing: 0.02em;
  color: #17130f;
  text-align: center;
  margin: 0 0 10px;
}

/* subtitle */
.contact-form-section > p.muted {
  font-size: 13px;
  line-height: 1.7;
  color: #7c746b;
  text-align: center;
  letter-spacing: 0.015em;
  margin: 0 0 30px;
}

/* -----------------------------------------
   FORM
----------------------------------------- */

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* -----------------------------------------
   LABEL
----------------------------------------- */

.contact-form label {
  display: block;
  margin-bottom: 7px;
  color: #29241f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* -----------------------------------------
   INPUT / TEXTAREA
----------------------------------------- */

.contact-form input,
.contact-form textarea,
.contact-form select {
  width: 100%;
  box-sizing: border-box;

  background: #fffdfa;
  border: 1px solid #dfd2bf;
  border-radius: 8px;

  color: #27221d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 0.01em;

  outline: none;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

/* input */
.contact-form input,
.contact-form select {
  height: 48px;
  padding: 0 14px;
}

/* textarea */
.contact-form textarea {
  min-height: 105px;
  padding: 14px;
  resize: vertical;
  line-height: 1.6;
}

/* placeholder */
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #aaa198;
  opacity: 1;
  font-size: 12px;
}

/* -----------------------------------------
   FOCUS — CHAMPAGNE GOLD
----------------------------------------- */

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  background: #fff;
  border-color: #b8945c;

  box-shadow:
    0 0 0 3px rgba(184, 148, 92, 0.08),
    0 5px 15px rgba(50, 38, 25, 0.04);
}

/* -----------------------------------------
   SPACING BETWEEN FIELDS
----------------------------------------- */

.contact-form label:not(:first-child) {
  margin-top: 18px;
}

/* If labels contain inputs/textareas */
.contact-form label {
  display: block;
}

/* -----------------------------------------
   OPTIONAL TEXT
----------------------------------------- */

.contact-form label small,
.contact-form label span {
  color: #8d8378;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none;
}

/* -----------------------------------------
   ACTION AREA
----------------------------------------- */

.contact-form__actions {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

/* -----------------------------------------
   SEND BUTTON
----------------------------------------- */

.contact-form__actions button,
.contact-form button[type="submit"] {
  width: 100%;
  height: 48px;

  border: 1px solid #2b2723;
  border-radius: 24px;

  background: #fff;
  color: #211d19;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  cursor: pointer;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

/* hover */
.contact-form__actions button:hover,
.contact-form button[type="submit"]:hover {
  background: #211d19;
  color: #fff;

  border-color: #211d19;

  transform: translateY(-1px);

  box-shadow:
    0 8px 20px rgba(35, 29, 23, 0.12);
}

/* click */
.contact-form__actions button:active,
.contact-form button[type="submit"]:active {
  transform: translateY(0);
}

/* -----------------------------------------
   FORM FEEDBACK
----------------------------------------- */

.contact-form__feedback {
  margin-top: 14px;
  text-align: center;
  font-size: 12px;
  color: #766d63;
  line-height: 1.6;
}

/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 600px) {

  .contact-form-section {
    padding: 30px 20px 25px;
    border-radius: 13px;
  }

  .contact-form-section .product-detail__section-title {
    font-size: 23px;
  }

  .contact-form input,
  .contact-form select {
    height: 46px;
  }

  .contact-form textarea {
    min-height: 100px;
  }
}
.catalog-page-head__summary {
  font-size: 0 !important;
  visibility: hidden;
  display: block;
}

.catalog-page-head__summary::after {
  content: "Timeless designs finished in luminous 18k gold. Handcrafted for effortless layering and everyday luxury.";
  
  font-size: 14px;
  line-height: 1.6;
  visibility: visible;
  display: block;
  color: inherit;
  font-family: inherit;
}

main#main.site-main:has(> form.auth-form[action*="/login"]) .auth-form .btn.btn--primary {

    width: 100% !important;
    max-width: 420px !important;
    height: 46px !important;
    min-height: 46px !important;

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

    background: #000000 !important;
    color: #ffffff !important;

    box-shadow: none !important;
    margin: 0 !important;

    font-family: "Jost", sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
}
}