/* stylelint-disable property-no-unknown, selector-pseudo-class-no-unknown, scss/media-feature-value-dollar-variable */
/* =====================================================================
   JC sign-in page (Login-Show) and My Account pages in the new look, 4 Nov 2026.
   Goes with jcAccount.js, which sets the page classes on <html>:
     .jc-login  /en/login  (Login, Create an account, Check order)
     .jc-acct   every page with .account-page: My Account, My Orders,
                Order Details, My Profile, Password, Address Book, Payments,
                Store Credit, Gift Cards, Need Help
   Load AFTER the site CSS and jcNewLook.css (it uses that file's :root tokens:
   --jc-ink, --jc-muted, --jc-line, --jc-gold, --jc-serif, --jc-sans ...).
   Same look as the checkout sign-in and the empty bag: white page, gold
   hairlines, Cormorant titles with an italic accent word, Nunito for
   everything you read, black buttons.
   ===================================================================== */
.jc-login,
.jc-acct {
  --jc-vintage: linear-gradient(180deg, #e2c58e 0%, #c49a55 55%, #a87f3e 100%);
  --jc-vintage-foil: linear-gradient(90deg, #a87f3e 0%, #e2c58e 30%, #f1e2bd 50%, #e2c58e 70%, #a87f3e 100%);
  --jc-accent: linear-gradient(180deg, #c49a55 0%, #a87f3e 50%, #86683a 100%); }

/* ---------------------------------------------------------------------
   1. SHARED: titles, labels, fields, buttons
   --------------------------------------------------------------------- */
/* italic accent word in any title the JS has split ("My <em>Account</em>") */
.jc-login .jc-em,
.jc-acct .jc-em {
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  background: var(--jc-accent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-padding-end: 0.06em;
          padding-inline-end: 0.06em; }

/* small gold label above a title */
.jc-kicker {
  display: block;
  margin: 0 0 10px;
  font-family: var(--jc-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--jc-gold); }

/* fields: same as the checkout */
.jc-login .form-control-label,
.jc-acct .account-content .form-control-label {
  margin-bottom: 8px;
  font-family: var(--jc-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-login .form-group.required .form-control-label::before,
.jc-acct .account-content .form-group.required .form-control-label::before {
  color: var(--jc-gold); }

.jc-login .form-control,
.jc-acct .account-content .form-control {
  height: 50px;
  padding: 0 14px;
  border: 1px solid var(--jc-field) !important;
  border-radius: 0;
  background-color: #fff;
  font-family: var(--jc-sans);
  font-size: 15px;
  color: var(--jc-ink);
  box-shadow: none; }

.jc-login .form-control:focus,
.jc-acct .account-content .form-control:focus {
  border-color: var(--jc-ink) !important;
  box-shadow: 0 0 0 1px var(--jc-ink); }

.jc-login .form-control:-ms-input-placeholder,
.jc-acct .account-content .form-control:-ms-input-placeholder {
  color: #b3ab9e;
  letter-spacing: 0.04em; }

.jc-login .form-control::placeholder,
.jc-acct .account-content .form-control::placeholder {
  color: #b3ab9e;
  letter-spacing: 0.04em; }

.jc-login .form-control:-webkit-autofill,
.jc-acct .account-content .form-control:-webkit-autofill,
.jc-login .form-control:autofill,
.jc-acct .account-content .form-control:autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--jc-ivory) inset;
  -webkit-text-fill-color: var(--jc-ink); }

.jc-login .invalid-feedback,
.jc-acct .account-content .invalid-feedback,
.jc-acct .coupon-error .is-invalid {
  font-family: var(--jc-sans);
  font-size: 13px;
  color: var(--jc-bad); }

.jc-acct .account-content select.form-control {
  -webkit-padding-end: 40px;
          padding-inline-end: 40px; }

/* buttons: Nunito 600, 14px spaced capitals (signed off 15 Oct) */
.jc-login .btn,
.jc-acct .account-content .btn {
  min-height: 50px;
  border-radius: 0;
  font-family: var(--jc-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  box-shadow: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.jc-login .btn-block,
.jc-acct .account-content .btn-block {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.jc-login .btn-primary,
.jc-acct .account-content .btn-primary {
  background: var(--jc-ink);
  border: 1px solid var(--jc-ink);
  color: var(--jc-on-dark); }

.jc-login .btn-primary:hover,
.jc-acct .account-content .btn-primary:hover {
  background: #000;
  border-color: #000;
  color: #fff; }

.jc-acct .account-content .btn-secondary,
.jc-acct .account-content .btn-outline-primary {
  background: #fff;
  border: 1px solid var(--jc-ink);
  color: var(--jc-ink) !important; }

.jc-acct .account-content .btn-secondary:hover,
.jc-acct .account-content .btn-outline-primary:hover {
  background: var(--jc-ivory);
  color: var(--jc-ink) !important; }

/* text links */
.jc-acct .account-content .link-edit,
.jc-acct .account-content .address-card-edit,
.jc-acct .card .card-header a.address-card-edit {
  font-family: var(--jc-sans);
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.4 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--jc-ink) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-color: var(--jc-gold-line);
          text-decoration-color: var(--jc-gold-line); }

.jc-acct .account-content .link-edit:hover,
.jc-acct .account-content .address-card-edit:hover {
  -webkit-text-decoration-color: var(--jc-ink);
          text-decoration-color: var(--jc-ink); }

/* pop-ups (forgot password, delete address/card, returns) */
.jc-login .modal-content,
.jc-acct .modal-content {
  border: 1px solid var(--jc-line);
  border-radius: 0;
  box-shadow: 0 24px 60px rgba(22, 22, 22, 0.18);
  font-family: var(--jc-sans);
  color: var(--jc-ink); }

.jc-login .modal-body,
.jc-acct .modal-body {
  padding: 40px 36px 32px; }

.jc-login .modal-title,
.jc-acct .modal-title {
  margin: 0 0 14px;
  font-family: var(--jc-serif);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-login .modal-title::after,
.jc-acct .modal-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  margin: 14px auto 0;
  background: var(--jc-vintage-foil); }

.jc-login .modal-body p,
.jc-acct .modal-body p,
.jc-acct .delete-confirmation-body {
  font-size: 14px;
  line-height: 1.6;
  color: var(--jc-muted); }

.jc-login .modal .close,
.jc-acct .modal .close {
  position: absolute;
  top: 12px;
  inset-inline-end: 14px;
  z-index: 2;
  font-size: 28px;
  font-weight: 300;
  color: var(--jc-ink);
  opacity: 0.7; }

.jc-acct .modal .btn {
  min-height: 48px; }

/* ---------------------------------------------------------------------
   2. SIGN-IN PAGE  /en/login  (html.jc-login)
   --------------------------------------------------------------------- */
/* title: centred, with the gold hairline */
.jc-login .login-page-header .default-header > div {
  -ms-flex-pack: center !important;
      justify-content: center !important; }

.jc-login .login-page-header h1.header {
  margin: 18px 0 0 !important;
  font-family: var(--jc-serif);
  font-size: 42px !important;
  font-weight: 500;
  line-height: 1.1 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
  color: var(--jc-ink); }

.jc-login .login-page-header h1.header::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  margin: 18px auto 0;
  background: var(--jc-vintage-foil); }

.jc-login-intro {
  max-width: 520px;
  margin: 16px auto 0;
  font-family: var(--jc-sans);
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  color: var(--jc-muted);
  text-wrap: balance; }

.jc-login .login-page {
  max-width: 1060px;
  padding-top: 34px;
  padding-bottom: 72px; }

.jc-login .login-page > .row {
  -ms-flex-align: start;
      align-items: flex-start; }

/* the site makes each column a flex row (equal heights) and pads the forms in to ~150px wide */
.jc-login .login-page .row.equal-height > [class*="col"] {
  display: block; }

.jc-login .login-page .card-body:not(.wishlist-product-card-body) .tab-content {
  padding: 0 !important; }

.jc-login .login-page .card:not(.wishlist-product-card) {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid var(--jc-line) !important;
  border-radius: 0;
  box-shadow: none; }

.jc-login .login-page .card-body:not(.wishlist-product-card-body) {
  padding: 0 48px 40px !important; }

/* Sign in | Create an account tabs */
.jc-login .login-page .card-body .nav-tabs {
  margin: 0 -48px 34px !important;
  border-bottom: 1px solid var(--jc-line) !important; }

.jc-login .login-page .card-body .nav-tabs a.nav-link {
  padding: 22px 12px 20px;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0;
  margin-bottom: -1px;
  background: transparent !important;
  font-family: var(--jc-sans);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--jc-faint) !important; }

.jc-login .login-page .card-body .nav-tabs a.nav-link:hover {
  color: var(--jc-ink) !important; }

.jc-login .login-page .card-body .nav-tabs a.nav-link.active {
  color: var(--jc-ink) !important;
  border-bottom-color: var(--jc-ink) !important; }

.jc-login form.login .forgot-password {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.jc-login form.login .forgot-password a {
  font-family: var(--jc-sans);
  font-size: 13px !important;
  color: var(--jc-ink) !important;
  text-underline-offset: 3px; }

.jc-login form.login .btn-primary,
.jc-login form.registration .btn-primary {
  margin-top: 6px; }

/* "or" above Apple / Google / Facebook */
.jc-or {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
  margin: 26px 0 18px;
  font-family: var(--jc-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--jc-faint); }

.jc-or::before,
.jc-or::after {
  content: "";
  -ms-flex: 1;
      flex: 1;
  height: 1px;
  background: var(--jc-line); }

.jc-login form.login-oauth .form-group {
  margin-bottom: 10px; }

.jc-login form.login-oauth .btn,
.jc-login form.login-oauth .btn.is-dark {
  gap: 10px;
  min-height: 50px;
  background: #fff;
  border: 1px solid var(--jc-field);
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--jc-ink) !important; }

.jc-login form.login-oauth .btn .fa {
  width: 18px;
  font-size: 17px;
  color: var(--jc-ink) !important; }

.jc-login form.login-oauth .btn:hover,
.jc-login form.login-oauth .btn:hover .fa {
  border-color: var(--jc-ink);
  background: var(--jc-ivory);
  color: var(--jc-ink) !important; }

/* Create an account: first + last name side by side */
.jc-login form.registration {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  column-gap: 16px; }

.jc-login form.registration > * {
  grid-column: 1 / -1; }

.jc-login form.registration > .form-group:nth-child(1),
.jc-login form.registration > .form-group:nth-child(2) {
  -ms-grid-column: auto;
      grid-column: auto; }

.jc-login form.registration .privacy-policy {
  margin-top: 16px;
  font-family: var(--jc-sans);
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
  color: var(--jc-muted); }

.jc-login form.registration .privacy-policy a {
  color: var(--jc-ink);
  text-decoration: underline;
  text-underline-offset: 3px; }

/* right column: Join panel + Track an order */
.jc-join {
  margin-bottom: 20px;
  padding: 10px;
  background: var(--jc-ink); }

.jc-join__frame {
  padding: 30px 36px 32px;
  text-align: center;
  border: 1px solid transparent;
  border-image: var(--jc-vintage-foil) 1; }

.jc-join .jc-kicker {
  background: var(--jc-vintage);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; }

.jc-join__title {
  margin: 0 0 18px;
  font-family: var(--jc-serif);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--jc-on-dark); }

.jc-join .jc-em {
  background: var(--jc-vintage);
  -webkit-background-clip: text;
  background-clip: text; }

.jc-join__perks {
  display: inline-block;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  text-align: start; }

.jc-join__perks li {
  position: relative;
  -webkit-padding-start: 22px;
          padding-inline-start: 22px;
  font-family: var(--jc-sans);
  font-size: 14px;
  line-height: 2;
  color: #e8e1d4; }

.jc-join__perks li::before {
  content: "";
  position: absolute;
  inset-inline-start: 2px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  background: var(--jc-vintage);
  transform: rotate(45deg); }

.jc-login .jc-join .btn {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  background: var(--jc-vintage);
  border: 1px solid #c49a55;
  color: var(--jc-ink); }

.jc-login .jc-join .btn:hover {
  background: #e2c58e;
  border-color: #e2c58e;
  color: var(--jc-ink); }

/* once Create an account is open on the left, the panel has done its job */
.jc-login--register .jc-join {
  display: none; }

.jc-login form.trackorder .card-header {
  margin: 0;
  padding: 34px 40px 0;
  background: transparent;
  border: 0 !important;
  font-family: var(--jc-serif);
  font-size: 28px !important;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  color: var(--jc-ink); }

.jc-login form.trackorder .card-header::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  margin: 16px auto 0;
  background: var(--jc-vintage-foil); }

.jc-login .login-page form.trackorder .card-body.track-order {
  padding: 18px 40px 30px !important; }

.jc-login .track-order-header-text {
  margin: 0 0 22px;
  font-family: var(--jc-sans);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: var(--jc-muted);
  text-wrap: balance; }

.jc-login form.trackorder .btn-primary {
  background: #fff;
  color: var(--jc-ink); }

.jc-login form.trackorder .btn-primary:hover {
  background: var(--jc-ivory);
  color: var(--jc-ink); }

/* forgot password pop-up */
.jc-login #requestPasswordResetModal .modal-dialog {
  max-width: 460px; }

.jc-login #requestPasswordResetModal .modal-title {
  font-size: 26px; }

.jc-login #requestPasswordResetModal .request-password-body p {
  margin-bottom: 22px;
  text-wrap: balance; }

/* ---------------------------------------------------------------------
   3. ACCOUNT SHELL (html.jc-acct): menu on the left, page on the right
   --------------------------------------------------------------------- */
.jc-acct .account-page {
  max-width: 1240px;
  gap: 48px;
  padding-top: 30px;
  padding-bottom: 80px;
  -ms-flex-align: start;
      align-items: flex-start;
  font-family: var(--jc-sans);
  color: var(--jc-ink); }

.jc-acct .account-sidebar {
  -ms-flex: 0 0 260px;
      flex: 0 0 260px;
  width: 260px; }

.jc-acct .account-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important; }

.jc-acct .account-content > .container,
.jc-acct .account-content .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0; }

.jc-acct .account-content .row {
  margin-left: 0;
  margin-right: 0; }

.jc-acct .account-content .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0; }

/* --- the menu --- */
.jc-acct .account-menu-desktop-links {
  padding: 8px 0;
  background: var(--jc-ivory);
  border: 1px solid var(--jc-line);
  border-radius: 0; }

.jc-acct-menu-title {
  margin: 14px 22px 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--jc-line);
  font-family: var(--jc-serif);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--jc-ink);
  list-style: none; }

.jc-acct .account-menu li {
  border-bottom: 0;
  background: transparent; }

.jc-acct .account-menu a {
  position: relative;
  gap: 14px;
  padding: 11px 22px;
  font-family: var(--jc-sans);
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: var(--jc-ink); }

.jc-acct .account-menu a:hover {
  background: var(--jc-cream); }

.jc-acct .account-menu li.active > a {
  font-weight: 700;
  background: #fff; }

.jc-acct .account-menu li.active > a::after {
  content: "";
  position: absolute;
  inset-block: 8px;
  inset-inline-start: 0;
  width: 2px;
  background: var(--jc-ink); }

.jc-acct .account-menu img {
  display: none; }

.jc-acct .account-menu a::before {
  content: "";
  -ms-flex: 0 0 20px;
      flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: var(--jc-ico) no-repeat center/contain;
  mask: var(--jc-ico) no-repeat center/contain; }

/* any link the rules below don't know gets a small dot, never a solid square */
.jc-acct .account-menu a {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href$="/account"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.2' r='3.6'/%3E%3Cpath d='M4.6 20c.9-3.9 3.9-6 7.4-6s6.5 2.1 7.4 6'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href$="/orders"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 8.2h13.6l-1 11.8H6.2z'/%3E%3Cpath d='M9 8.2V6.6a3 3 0 0 1 6 0v1.6'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href$="/wishlist"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.6s-7-4.3-7-9.4A3.8 3.8 0 0 1 12 8a3.8 3.8 0 0 1 7 2.2c0 5.1-7 9.4-7 9.4z'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href$="/profile"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='1'/%3E%3Ccircle cx='9' cy='10.6' r='2'/%3E%3Cpath d='M5.9 15.8c.5-1.5 1.6-2.3 3.1-2.3s2.6.8 3.1 2.3M14 10h4M14 13h4'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href*="EditPassword"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.5' width='13' height='9.5' rx='1'/%3E%3Cpath d='M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5'/%3E%3Cpath d='M12 14.2v2'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href$="/addressbook"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.8s-6-5.3-6-10.4a6 6 0 0 1 12 0c0 5.1-6 10.4-6 10.4z'/%3E%3Ccircle cx='12' cy='10.4' r='2.2'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href$="/wallet"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='1.2'/%3E%3Cpath d='M3 9.8h18M6.4 14.6h4.2'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href*="Dwallet"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7.5' width='17' height='12' rx='1.2'/%3E%3Cpath d='M5.5 7.5 15.8 4.4l1.1 3.1'/%3E%3Cpath d='M20.5 11.6h-4a1.6 1.6 0 0 0 0 3.2h4'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href*="GiftCard"],
.jc-acct .account-menu a[href*="giftcard"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.2' y='10.6' width='15.6' height='9.4'/%3E%3Crect x='3.2' y='7.4' width='17.6' height='3.2'/%3E%3Cpath d='M12 7.4V20M12 7.4C10.6 4.6 7.4 4.2 7.4 6.1c0 1.3 4.6 1.3 4.6 1.3zM12 7.4c1.4-2.8 4.6-3.2 4.6-1.3 0 1.3-4.6 1.3-4.6 1.3z'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href*="NeedHelp"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9.7 9.6a2.4 2.4 0 1 1 3.3 2.2c-.6.3-1 .8-1 1.5v.6'/%3E%3Cpath d='M12 16.3v.4'/%3E%3C/svg%3E"); }

.jc-acct .account-menu a[href*="Logout"] {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 4.5H6v15h7.5'/%3E%3Cpath d='M10 12h10M17 9l3 3-3 3'/%3E%3C/svg%3E");
  color: var(--jc-muted); }

.jc-acct .account-menu-desktop-links li:last-child {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--jc-line); }

.jc-acct .account-menu .arrow {
  font-size: 0 !important;
  width: 12px;
  height: 12px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  background: var(--jc-faint);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5.5 6.5 6.5L9 18.5'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5.5 6.5 6.5L9 18.5'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity: 0;
  transition: opacity 0.15s; }

.jc-acct .account-menu a:hover .arrow,
.jc-acct .account-menu li.active .arrow {
  opacity: 1; }

html[dir="rtl"].jc-acct .account-menu .arrow {
  transform: scaleX(-1);
  margin-left: 0 !important; }

/* --- page title: "My Account" -> MY *Account* with the gold hairline --- */
.jc-acct .account-content .default-header {
  display: block;
  margin: 0 0 28px !important;
  padding: 0 !important;
  border: 0 !important; }

.jc-acct .account-content .default-header > div {
  display: block !important;
  max-width: none;
  -ms-flex: none;
      flex: none;
  padding: 0 !important;
  margin: 0 !important; }

.jc-acct .account-content .default-header .header {
  margin: 0 !important;
  font-family: var(--jc-serif);
  font-size: 40px !important;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-acct .account-content .default-header .header::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  margin-top: 18px;
  background: var(--jc-vintage-foil); }

.jc-acct .account-content .address-book-header {
  margin: 0; }

/* --- cards everywhere --- */
.jc-acct .account-content .card {
  margin-bottom: 0;
  background: #fff;
  border: 1px solid var(--jc-line) !important;
  border-radius: 0;
  box-shadow: none; }

.jc-acct .account-content .card-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 14px 22px;
  background: var(--jc-ivory);
  border-bottom: 1px solid var(--jc-line) !important;
  border-radius: 0 !important; }

.jc-acct .account-content .card-header h2,
.jc-acct .account-content .card-header .card-header-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--jc-sans);
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--jc-ink) !important; }

.jc-acct .account-content .card-header img {
  display: none; }

.jc-acct .account-content .card-body {
  padding: 22px; }

/* labels and values */
.jc-acct .order-history-title,
.jc-acct .card-body-title,
.jc-acct .details-grid .label,
.jc-acct .dashboard-address .label,
.jc-acct .order-label,
.jc-acct .summary-section-label {
  display: block !important;
  margin: 0 0 4px !important;
  font-family: var(--jc-sans);
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.4;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
  color: var(--jc-muted) !important; }

.jc-acct .card-body-text,
.jc-acct .details-grid .value,
.jc-acct .dashboard-address .value,
.jc-acct .order-value,
.jc-acct .summary-details {
  display: block !important;
  margin: 0;
  font-family: var(--jc-sans);
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55;
  color: var(--jc-ink); }

/* order status as a small chip */
.jc-acct .dashboard-order-card-status {
  display: inline-block !important;
  padding: 4px 10px 3px;
  border: 1px solid var(--jc-gold-line);
  background: var(--jc-ivory);
  font-family: var(--jc-sans);
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--jc-gold) !important; }

.jc-acct .dashboard-order-card-status.jc-st--done {
  border-color: #9bb5ab;
  background: #f1f6f3;
  color: var(--jc-ok) !important; }

.jc-acct .dashboard-order-card-status.jc-st--stop {
  border-color: #d9b2a9;
  background: #fbf3f1;
  color: var(--jc-bad) !important; }

/* "Back to My Account" */
.jc-acct .address-book-back-btn {
  margin-top: 28px; }

.jc-acct .address-book-back-btn a {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  font-family: var(--jc-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--jc-ink) !important; }

.jc-acct .address-book-back-btn .back-icon {
  width: 12px;
  height: 12px; }

html[dir="rtl"].jc-acct .address-book-back-btn .back-icon {
  transform: scaleX(-1); }

.jc-acct .address-card-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start !important;
      align-items: flex-start !important;
  gap: 4px;
  margin-top: 24px; }

.jc-acct .address-card-footer > [class*="col-"] {
  -ms-flex: none;
      flex: none;
  max-width: none;
  width: auto; }

.jc-acct .address-card-footer .address-book-back-btn {
  display: block; }

.jc-acct .add-new-address-button .btn {
  min-width: 280px; }

/* two cards per row (address book, payments, gift cards) */
.jc-acct .jc-acct-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px; }

.jc-acct .jc-acct-grid > .row {
  margin: 0 !important; }

.jc-acct .jc-acct-grid > .row > [class*="col-"] {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%; }

.jc-acct .jc-acct-grid .card {
  height: 100%; }

/* ---------------------------------------------------------------------
   4. MY ACCOUNT (dashboard)
   --------------------------------------------------------------------- */
.jc-acct .dashboard .account-block {
  margin: 0 0 20px;
  padding: 24px 28px 26px;
  background: #fff;
  border: 1px solid var(--jc-line); }

.jc-acct .dashboard .order-history-section {
  padding-top: 0;
  border: 0;
  padding-left: 0;
  padding-right: 0; }

.jc-acct .dashboard .block-header {
  margin: 0 0 20px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--jc-line); }

.jc-acct .dashboard .block-header h2 {
  margin: 0;
  font-family: var(--jc-serif);
  font-size: 22px !important;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-acct .dashboard .order-history-section .block-header {
  margin-top: 0; }

.jc-acct .order-history-wide-card {
  border: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0; }

.jc-acct .details-grid {
  gap: 18px 32px; }

.jc-acct .details-grid > div {
  display: -ms-grid;
  display: grid;
  gap: 18px;
  -ms-flex-line-pack: start;
      align-content: start; }

.jc-acct .details-grid .address-item {
  display: block !important;
  margin: 0; }

.jc-acct .details-grid p,
.jc-acct .dashboard-address p {
  margin: 0; }

.jc-acct .dashboard-address {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 32px; }

.jc-acct .dashboard-address .address-item {
  display: block; }

.jc-acct .dashboard-address .address-item {
  grid-column: 1 / -1; }

.jc-greet {
  margin: -14px 0 28px;
  font-family: var(--jc-sans);
  font-size: 15px;
  color: var(--jc-muted); }

/* ---------------------------------------------------------------------
   5. ORDERS: one card per order (dashboard + My Orders)
   --------------------------------------------------------------------- */
.jc-acct .order-history-select {
  max-width: 300px;
  margin-bottom: 22px;
  font-size: 14px !important; }

.jc-acct .order-list-container > div {
  margin-bottom: 16px; }

.jc-acct .card.order-history-card > .card-body {
  display: block !important;
  padding: 22px !important;
  margin: 0 !important; }

.jc-acct .card.order-history-card > .card-body > .row {
  width: 100%; }

.jc-acct .order-list-container > [class*="col-"],
.jc-acct .order-history-container .select-colm,
.jc-acct .order-history-wide-card,
.jc-acct .order-history-card.address-book-card {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0;
  margin-right: 0; }

.jc-acct .card.order-history-card > .card-body > .row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 2fr) minmax(0, 1.3fr) minmax(0, 1fr);
      grid-template-columns: minmax(0, 2fr) minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 20px 28px;
  -ms-flex-align: start;
      align-items: start; }

.jc-acct .card.order-history-card > .card-body > .row > div {
  max-width: none;
  -ms-flex: none;
      flex: none;
  width: auto; }

.jc-acct .card.order-history-card > .card-body p {
  display: block !important;
  margin: 0 0 14px;
  font-family: var(--jc-sans);
  font-size: 15px !important;
  line-height: 1.5;
  color: var(--jc-ink); }

.jc-acct .card.order-history-card > .card-body p:last-child {
  margin-bottom: 0; }

.jc-acct .order-history-date {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 96px minmax(0, 1fr);
      grid-template-columns: 96px minmax(0, 1fr);
  column-gap: 20px;
  -ms-flex-align: start;
      align-items: start; }

.jc-acct .order-history-date .order-image {
  -ms-grid-row-span: 3;
  -ms-grid-row: 1;
      grid-row: 1 / span 3;
  width: 96px;
  height: 96px;
  object-fit: contain;
  background: #faf8f4;
  border: 1px solid #f0e9da; }

.jc-acct .order-totals {
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  text-align: end; }

.jc-acct .order-totals .order-total-items {
  display: block !important;
  width: auto !important; }

.jc-acct .order-totals {
  border: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important; }

.jc-acct .order-value {
  color: var(--jc-ink) !important; }

.jc-acct .order-totals .order-total-items:last-child .order-value {
  font-weight: 700 !important;
  font-size: 17px !important; }

/* ---------------------------------------------------------------------
   6. ORDER DETAILS
   --------------------------------------------------------------------- */
.jc-acct .receipt .order-history-card {
  display: block; }

.jc-acct .receipt .confirm-details {
  max-width: none !important;
  width: 100%; }

.jc-acct .receipt .summary-details {
  color: var(--jc-ink) !important; }

.jc-acct .order-details-page-summary .product-summary-block {
  width: 100%; }

.jc-acct .order-details-page-summary .product-summary-block,
.jc-acct .order-details-page-summary .product-line-item {
  border-top: 0 !important; }

.jc-acct .receipt .order-history-card > [class*="col-"] {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  padding: 0; }

.jc-acct .receipt .card-body > .row > [class*="col-sm-12"],
.jc-acct .receipt .card-body > .row > .col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%; }

.jc-acct .receipt .confirm-details > .card-body {
  padding: 28px; }

.jc-acct .receipt .card-subtitle {
  margin: 0 0 18px;
  font-family: var(--jc-serif);
  font-size: 22px !important;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-acct .receipt .card-subtitle:not(.mobile-only) {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--jc-line); }

.jc-acct .receipt .card-body > .row > [class*="col-sm-6"] {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 20px; }

.jc-acct .receipt .shipping-method,
.jc-acct .receipt .shipping-method-title,
.jc-acct .receipt .pricing,
.jc-acct .receipt .payment-details,
.jc-acct .receipt .address-summary,
.jc-acct .receipt .shipping-phone,
.jc-acct .receipt .order-summary-phone,
.jc-acct .receipt .order-summary-email {
  font-family: var(--jc-sans);
  font-size: 15px !important;
  line-height: 1.55;
  color: var(--jc-ink); }

.jc-acct .receipt .shipping-method-price {
  color: var(--jc-muted); }

.jc-acct .receipt .address-summary .firstName,
.jc-acct .receipt .address-summary .lastName {
  font-weight: 700; }

.jc-acct .receipt .store-pick-shipping {
  margin-top: 16px;
  padding: 14px 16px;
  background: var(--jc-cream);
  border: 1px solid var(--jc-line); }

.jc-acct .receipt .store-pick-shipping .shipping-method-title {
  font-size: 14px !important; }

.jc-acct .receipt .store-pick-shipping .shipping-method:first-child .shipping-method-title {
  font-weight: 700; }

.jc-acct .receipt .order-account-hr {
  border-color: var(--jc-line); }

/* the items */
.jc-acct .order-details-page-summary {
  margin-top: 6px;
  border-top: 1px solid var(--jc-line); }

.jc-acct .order-details-page-summary > .card-body {
  padding: 0 !important; }

.jc-acct .order-details-page-summary .leading-lines:empty {
  display: none; }

.jc-acct .order-details-page-summary .product-line-item {
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 96px minmax(0, 1fr) auto;
      grid-template-columns: 96px minmax(0, 1fr) auto;
  grid-template-areas: "img head price" "img attrs price";
  column-gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid var(--jc-line); }

.jc-acct .order-details-page-summary .line-item-header,
.jc-acct .order-details-page-summary .product-line-item-details {
  display: contents !important; }

.jc-acct .order-details-page-summary .line-item-header > div:first-child {
  grid-area: head; }

.jc-acct .order-details-page-summary .line-item-total-price {
  grid-area: price;
  max-width: none;
  -ms-flex: none;
      flex: none;
  padding: 0;
  text-align: end; }

.jc-acct .order-details-page-summary .item-image {
  grid-area: img; }

.jc-acct .order-details-page-summary .item-attributes {
  grid-area: attrs; }

.jc-acct .order-details-page-summary .product-image {
  width: 96px;
  height: 96px;
  object-fit: contain;
  background: #faf8f4;
  border: 1px solid #f0e9da; }

.jc-acct .line-item-brand,
.jc-acct .line-item-brand span {
  font-family: var(--jc-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-acct .line-item-name,
.jc-acct .line-item-name span {
  font-family: var(--jc-sans) !important;
  font-size: 14px !important;
  line-height: 1.5;
  color: var(--jc-ink); }

.jc-acct .line-item-attributes,
.jc-acct .line-item-quantity,
.jc-acct .line-item-quantity * {
  margin: 6px 0 0 !important;
  font-family: var(--jc-sans) !important;
  font-size: 13px !important;
  color: var(--jc-muted) !important; }

.jc-acct .line-item-attributes b,
.jc-acct .qty-card-quantity-count {
  color: var(--jc-ink) !important;
  font-weight: 700; }

.jc-acct .line-item-total-price-amount {
  font-family: var(--jc-sans);
  font-size: 15px !important;
  font-weight: 700;
  color: var(--jc-ink); }

.jc-acct .strike-through.non-adjusted-price {
  font-family: var(--jc-sans);
  font-size: 13px;
  color: var(--jc-faint);
  text-decoration: line-through; }

.jc-acct .jc-null {
  display: none !important; }

/* totals */
.jc-acct .order-confirmation-totals {
  margin-top: 18px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  max-width: 380px; }

.jc-acct .order-confirmation-totals .leading-lines {
  margin: 0; }

.jc-acct .order-confirmation-totals .leading-lines > div {
  padding: 0; }

.jc-acct .order-confirmation-totals p {
  margin: 0;
  padding: 5px 0;
  font-family: var(--jc-sans);
  font-size: 14px !important;
  color: var(--jc-muted); }

.jc-acct .order-confirmation-totals .text-right span,
.jc-acct .order-confirmation-totals .order-totals-color {
  font-family: var(--jc-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--jc-ink) !important; }

.jc-acct .order-confirmation-totals .grand-total {
  -ms-flex-align: baseline;
      align-items: baseline;
  margin-top: 10px;
  padding-top: 14px;
  border-top: 0 !important;
  background: var(--jc-vintage-foil) top/100% 1px no-repeat; }

.jc-acct .order-confirmation-totals .grand-total p {
  padding: 0;
  color: var(--jc-ink); }

.jc-acct .order-confirmation-totals .grand-total .order-receipt-label,
.jc-acct .order-confirmation-totals .grand-total .order-receipt-label span {
  font-family: var(--jc-serif) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.2;
  color: var(--jc-ink) !important; }

.jc-acct .order-confirmation-totals .grand-total .grand-total-sum {
  font-family: var(--jc-sans) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--jc-ink) !important; }

html[dir="rtl"].jc-acct .order-confirmation-totals .grand-total .order-receipt-label,
html[dir="rtl"].jc-acct .order-confirmation-totals .grand-total .order-receipt-label span {
  font-size: 19px !important; }

@media (max-width: 768.98px) {
  .jc-acct .order-confirmation-totals .grand-total .order-receipt-label,
  .jc-acct .order-confirmation-totals .grand-total .order-receipt-label span {
    font-size: 21px !important; } }

/* ---------------------------------------------------------------------
   7. PROFILE + PASSWORD
   --------------------------------------------------------------------- */
.jc-acct .profile-details-section .card,
.jc-acct .change-password-form {
  max-width: 760px; }

.jc-acct .change-password-form {
  max-width: 460px;
  margin: 0 !important; }

.jc-acct .account-content .address-book-card .card-body form .row {
  margin: 0 -8px; }

.jc-acct .account-content .address-book-card .card-body form .row > [class*="col-"] {
  padding: 0 8px; }

.jc-acct .account-content form .row.mt-4 {
  margin-top: 10px !important; }

.jc-acct .account-content form .row.mt-4 > .col-6 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  max-width: none;
  width: auto; }

.jc-acct .account-content form .row.mt-4 .btn {
  min-width: 170px;
  padding: 0 28px; }

.jc-acct .account-content form .row.mt-4 .address-book-back-btn {
  display: none; }

.jc-acct .account-content .address-book-card > [class*="col-"]:only-child {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%; }

/* ---------------------------------------------------------------------
   8. ADDRESS BOOK + PAYMENTS
   --------------------------------------------------------------------- */
.jc-acct .address-book-card .card-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 16px;
  padding: 20px 22px; }

.jc-acct .address-book-card .flex-box {
  font-family: var(--jc-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--jc-ink); }

.jc-acct .address-book-card .flex-box:first-child > div:first-child {
  font-weight: 700; }

.jc-acct .jc-default-tag {
  display: inline-block;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  padding: 3px 8px 2px;
  border: 1px solid var(--jc-gold-line);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--jc-gold);
  vertical-align: 1px; }

/* remove (x) button: a quiet text link */
.jc-acct .card .remove-btn {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none !important;
  font-family: var(--jc-sans);
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--jc-muted);
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-color: var(--jc-line);
          text-decoration-color: var(--jc-line);
  cursor: pointer; }

.jc-acct .card .remove-btn:hover {
  color: var(--jc-bad);
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor; }

.jc-acct .address-book-card .flex-box:nth-child(2) {
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: start !important;
      justify-content: flex-start !important; }

/* expired cards are hidden; when none are left the page says so */
.jc-acct .row.address-book-card.jc-card-gone {
  display: none !important; }

.jc-cards-empty {
  margin: 0;
  padding: 26px 24px;
  background: var(--jc-ivory);
  border: 1px solid var(--jc-line);
  font-family: var(--jc-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--jc-muted); }

/* saved card: the name moves under the number (jcAccount.js), so no header band */
.jc-acct .payment-container .jc-acct-grid .card-header {
  display: none; }

.jc-acct .card-info-group .jc-card-holder {
  margin-top: 2px;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--jc-muted); }

.jc-acct .card-info-group p {
  margin: 0;
  font-family: var(--jc-sans);
  font-size: 14px;
  color: var(--jc-muted); }

.jc-acct .card-info-group .jc-card-brand {
  font-family: var(--jc-serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-acct .card-info-group .jc-card-num {
  margin: 6px 0 8px;
  font-size: 17px;
  letter-spacing: 0.12em;
  color: var(--jc-ink); }

/* ---------------------------------------------------------------------
   9. STORE CREDIT + GIFT CARDS
   --------------------------------------------------------------------- */
/* the balance: black panel with the gold frame */
.jc-acct .dw-amount-row {
  display: block;
  margin: 0 0 28px !important; }

.jc-acct .dw-amount-row > div {
  max-width: none;
  -ms-flex: none;
      flex: none;
  width: 100%; }

.jc-acct .dw-amount.jc-bal {
  display: block;
  padding: 10px;
  background: var(--jc-ink);
  border: 0;
  font-size: 0; }

.jc-acct .dw-amount.jc-bal > img {
  display: none; }

.jc-bal__frame {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 18px 32px;
  padding: 28px 34px;
  border: 1px solid transparent;
  border-image: var(--jc-vintage-foil) 1; }

.jc-bal .jc-kicker {
  margin-bottom: 8px;
  background: var(--jc-vintage);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; }

.jc-bal__amount {
  display: block;
  font-family: var(--jc-serif);
  font-size: 46px;
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: lining-nums;
  color: var(--jc-on-dark); }

.jc-bal .dw-amount-note,
.jc-bal__note {
  -ms-flex: 1 1 260px;
      flex: 1 1 260px;
  max-width: 380px;
  margin: 0 !important;
  font-family: var(--jc-sans);
  font-size: 14px;
  line-height: 1.6;
  color: #d8d0c2; }

/* Store Credit history */
.jc-ledger {
  border: 1px solid var(--jc-line); }

.jc-ledger__title {
  margin: 0 0 14px;
  font-family: var(--jc-serif);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--jc-ink); }

.jc-ledger__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.1fr 1.1fr 1.3fr 0.9fr;
      grid-template-columns: 1.1fr 1.1fr 1.3fr 0.9fr;
  gap: 16px;
  padding: 14px 22px;
  border-top: 1px solid var(--jc-line);
  font-family: var(--jc-sans);
  font-size: 14px;
  color: var(--jc-ink); }

.jc-ledger__row:first-child {
  border-top: 0; }

.jc-ledger__row--head {
  background: var(--jc-ivory);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--jc-muted); }

.jc-ledger__row > :last-child {
  text-align: end;
  font-weight: 700; }

.jc-ledger__row--head > :last-child {
  font-weight: 700; }

.jc-acct .dwallet-card.jc-done {
  display: none; }

.jc-ledger__empty {
  padding: 22px;
  font-family: var(--jc-sans);
  font-size: 14px;
  color: var(--jc-muted); }

/* Gift cards: Check balance | Redeem */
.jc-acct .gift-certificate-content > .row.justify-content-center:not(.dw-amount-row) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px; }

.jc-acct .check-balance,
.jc-acct .gift-certificate-redeem {
  max-width: none !important;
  -ms-flex: none !important;
      flex: none !important;
  width: auto !important;
  padding: 26px 26px 20px !important;
  border: 1px solid var(--jc-line);
  background: #fff; }

.jc-acct .check-balance .card,
.jc-acct .gift-certificate-redeem .card {
  border: 0 !important;
  margin-bottom: 8px; }

.jc-acct .check-balance .card-header,
.jc-acct .gift-certificate-redeem .card-header {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0 !important; }

.jc-acct .gift-certificate-content .card-header h2 {
  font-family: var(--jc-serif) !important;
  font-size: 22px !important;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--jc-ink) !important; }

.jc-acct .giftcert-input-field {
  letter-spacing: 0.14em; }

.jc-acct .account-content .btn.giftcertcode-apply {
  background: var(--jc-ink) !important;
  border-color: var(--jc-ink) !important;
  color: var(--jc-on-dark) !important; }

.jc-acct .account-content .btn.giftcertcode-apply:hover {
  background: #000 !important;
  color: #fff !important; }

.jc-acct .redeem-message {
  grid-column: 1 / -1;
  max-width: none !important;
  -ms-flex: none !important;
      flex: none !important;
  padding: 16px 20px !important;
  background: var(--jc-cream);
  border: 1px solid var(--jc-line); }

.jc-acct .redeem-message p {
  margin: 0;
  font-family: var(--jc-sans);
  font-size: 13px;
  line-height: 1.6;
  color: var(--jc-muted); }

.jc-acct .giftcert-message,
.jc-acct .giftcert-message-redeem {
  font-family: var(--jc-sans);
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--jc-ink); }

/* ---------------------------------------------------------------------
   10. NEED HELP
   --------------------------------------------------------------------- */
.jc-acct .need-help-container .card {
  border: 0 !important;
  background: transparent; }

.jc-acct .need-help-container .card-header {
  display: block;
  min-height: 0;
  margin-bottom: 22px;
  padding: 0;
  background: transparent;
  border: 0 !important;
  font-family: var(--jc-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--jc-muted); }

.jc-acct .need-help-container .card-body {
  padding: 0; }

.jc-help {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
      grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px; }

.jc-help__tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
  padding: 26px 18px 24px;
  border: 1px solid var(--jc-line);
  background: #fff;
  text-align: center;
  text-decoration: none !important;
  color: var(--jc-ink) !important;
  transition: border-color 0.15s, background 0.15s; }

.jc-help__tile:hover {
  border-color: var(--jc-ink);
  background: var(--jc-ivory); }

.jc-help__tile::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
  background: var(--jc-ink);
  -webkit-mask: var(--jc-ico) no-repeat center/contain;
  mask: var(--jc-ico) no-repeat center/contain; }

.jc-help__tile--wa {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 19.4l1.1-3.6A7.8 7.8 0 1 1 8.6 18.5z'/%3E%3Cpath d='M9.4 8.6c.3-.4.7-.4.9 0l.6 1.3c.1.3 0 .5-.2.7l-.4.4c.4 1 1.3 1.9 2.4 2.4l.4-.4c.2-.2.5-.3.7-.2l1.3.6c.4.2.4.6 0 .9-.6.6-1.5.8-2.3.5a7 7 0 0 1-3.9-3.9c-.3-.8-.1-1.7.5-2.3z'/%3E%3C/svg%3E"); }

.jc-help__tile--call {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.4 4.5h2.2l1.2 3.6-1.6 1.2a9.6 9.6 0 0 0 4.5 4.5l1.2-1.6 3.6 1.2v2.2c0 1-.8 1.9-1.9 1.9C10.5 17.5 5.5 12.5 5.5 6.4c0-1.1.9-1.9 1.9-1.9z'/%3E%3C/svg%3E"); }

.jc-help__tile--mail {
  --jc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='1'/%3E%3Cpath d='m4 6.6 8 6.2 8-6.2'/%3E%3C/svg%3E"); }

.jc-help__label {
  font-family: var(--jc-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase; }

.jc-help__value {
  font-family: var(--jc-sans);
  font-size: 15px;
  unicode-bidi: plaintext; }

.jc-help__hint {
  font-family: var(--jc-sans);
  font-size: 13px;
  color: var(--jc-muted); }

.jc-help-store {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 28px minmax(0, 1fr) auto;
      grid-template-columns: 28px minmax(0, 1fr) auto;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
  margin-top: 16px;
  padding: 20px 22px;
  background: var(--jc-cream);
  border: 1px solid var(--jc-line);
  font-family: var(--jc-sans);
  font-size: 14px;
  line-height: 1.6;
  color: var(--jc-ink); }

.jc-help-store::before {
  content: "";
  width: 28px;
  height: 28px;
  background: var(--jc-ink);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9.5h15l-1.2-4h-12.6z'/%3E%3Cpath d='M5.5 9.5V19h13V9.5'/%3E%3Cpath d='M10 19v-5h4v5'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9.5h15l-1.2-4h-12.6z'/%3E%3Cpath d='M5.5 9.5V19h13V9.5'/%3E%3Cpath d='M10 19v-5h4v5'/%3E%3C/svg%3E") no-repeat center/contain; }

.jc-help-store strong {
  display: block;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase; }

.jc-help-store a {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--jc-ink) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-color: var(--jc-gold-line);
          text-decoration-color: var(--jc-gold-line);
  white-space: nowrap; }

.jc-acct .need-help-container .contact-us-card-description.jc-done {
  display: none; }

/* ---------------------------------------------------------------------
   11. ARABIC
   --------------------------------------------------------------------- */
html[dir="rtl"].jc-login *,
html[dir="rtl"].jc-acct .account-page * {
  letter-spacing: 0 !important; }

html[dir="rtl"] .jc-em {
  font-style: normal; }

html[dir="rtl"].jc-login .login-page-header h1.header,
html[dir="rtl"].jc-acct .account-content .default-header .header {
  font-size: 32px !important;
  line-height: 1.5; }

html[dir="rtl"].jc-login form.trackorder .card-header,
html[dir="rtl"] .jc-join__title,
html[dir="rtl"].jc-acct .modal-title {
  font-size: 25px !important;
  line-height: 1.5; }

html[dir="rtl"].jc-acct .dashboard .block-header h2,
html[dir="rtl"].jc-acct .receipt .card-subtitle,
html[dir="rtl"].jc-acct .gift-certificate-content .card-header h2,
html[dir="rtl"] .jc-ledger__title,
html[dir="rtl"] .jc-acct-menu-title {
  font-size: 20px !important; }

html[dir="rtl"].jc-acct .order-history-title,
html[dir="rtl"].jc-acct .card-body-title,
html[dir="rtl"].jc-acct .summary-section-label,
html[dir="rtl"].jc-acct .order-label,
html[dir="rtl"] .jc-kicker,
html[dir="rtl"] .jc-help__label,
html[dir="rtl"] .jc-ledger__row--head {
  font-size: 13px !important; }

html[dir="rtl"].jc-login .btn,
html[dir="rtl"].jc-acct .account-content .btn,
html[dir="rtl"].jc-login .login-page .card-body .nav-tabs a.nav-link {
  font-size: 15px; }

html[dir="rtl"] .jc-bal__amount {
  font-size: 40px; }

/* ---------------------------------------------------------------------
   12. TABLETS + PHONES
   --------------------------------------------------------------------- */
@media (max-width: 1199.98px) {
  .jc-acct .account-page {
    gap: 32px; }
  .jc-acct .account-sidebar {
    -ms-flex-preferred-size: 230px;
        flex-basis: 230px;
    width: 230px; }
  .jc-acct .card.order-history-card > .card-body > .row {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .jc-acct .card.order-history-card > .card-body > .row > :first-child {
    grid-column: 1 / -1; }
  .jc-acct .order-totals {
    text-align: start; } }

@media (max-width: 991.98px) {
  .jc-login .login-page .card-body:not(.wishlist-product-card-body) {
    padding: 0 28px 30px !important; }
  .jc-login .login-page .card-body .nav-tabs {
    margin: 0 -28px 28px !important; }
  .jc-join__frame {
    padding: 26px 22px 28px; }
  .jc-help {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr); }
  .jc-help__tile {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    text-align: start;
    column-gap: 14px;
    padding: 18px 20px; }
  .jc-help__tile::before {
    margin: 0; }
  .jc-help__hint {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-padding-start: 42px;
            padding-inline-start: 42px; }
  .jc-acct .jc-acct-grid,
  .jc-acct .gift-certificate-content > .row.justify-content-center:not(.dw-amount-row) {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr); } }

@media (max-width: 768.98px) {
  /* sign-in */
  .jc-login .login-page-header h1.header {
    font-size: 32px !important;
    margin-top: 8px !important; }
  .jc-login-intro {
    font-size: 14px;
    padding: 0 8px; }
  .jc-login .login-page {
    padding: 22px 16px 48px; }
  .jc-login .login-page > .row > [class*="col-"] {
    padding: 0; }
  .jc-login .login-page .card-body:not(.wishlist-product-card-body) {
    padding: 0 18px 24px !important; }
  .jc-login .login-page .card-body .nav-tabs {
    margin: 0 -18px 24px !important; }
  .jc-login .login-page .card-body .nav-tabs a.nav-link {
    padding: 18px 4px 16px;
    font-size: 12px;
    letter-spacing: 0.1em; }
  .jc-login .login-page > .row {
    margin: 0; }
  .jc-login form.registration {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr); }
  .jc-login form.registration > .form-group:nth-child(1),
  .jc-login form.registration > .form-group:nth-child(2) {
    grid-column: 1 / -1; }
  .jc-login form.trackorder .card-header {
    padding: 26px 18px 0;
    font-size: 24px !important; }
  .jc-login .login-page form.trackorder .card-body.track-order {
    padding: 16px 18px 24px !important; }
  .jc-join__title {
    font-size: 25px; }
  .jc-join__frame {
    padding: 24px 16px; }
  /* account: menu becomes the "My account" drop-down above the page */
  .jc-acct .account-page {
    display: block;
    padding: 16px 16px 56px; }
  .jc-acct .account-sidebar {
    width: auto;
    margin-bottom: 26px; }
  .jc-acct .account-menu-accordion {
    border: 1px solid var(--jc-line) !important;
    background: var(--jc-ivory); }
  .jc-acct .account-menu-row {
    padding: 14px 16px; }
  .jc-acct .account-menu-row .label-text {
    font-family: var(--jc-sans);
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--jc-ink); }
  .jc-acct .accordion-icon::before {
    font-family: var(--jc-sans);
    font-size: 24px !important;
    font-weight: 300 !important;
    color: var(--jc-ink); }
  .jc-acct .accordion-panel {
    border-top: 1px solid var(--jc-line);
    background: var(--jc-ivory) !important; }
  .jc-acct .accordion-panel a {
    padding: 12px 16px; }
  .jc-acct .accordion-panel li:last-child {
    border-top: 1px solid var(--jc-line); }
  .jc-acct .account-menu .arrow {
    opacity: 1; }
  .jc-acct .account-content .default-header .header {
    font-size: 30px !important; }
  .jc-acct .account-content .default-header {
    margin-bottom: 22px !important; }
  .jc-acct .account-content .default-header .header::after {
    margin-top: 14px; }
  .jc-acct .account-content .card-header {
    padding: 12px 16px; }
  .jc-acct .account-content .card-body {
    padding: 18px 16px; }
  .jc-acct .dashboard .account-block {
    padding: 20px 16px; }
  .jc-acct .dashboard .block-header h2 {
    font-size: 20px !important; }
  .jc-acct .order-totals {
    text-align: start; }
  .jc-acct .dashboard .order-history-section {
    padding: 0; }
  .jc-acct .details-grid,
  .jc-acct .dashboard-address {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr); }
  .jc-acct .account-block section,
  .jc-acct .account-content .default-header .profile-section {
    margin: 0; }
  .jc-acct .card.order-history-card > .card-body > .row {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px; }
  .jc-acct .order-history-date {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr); }
  .jc-acct .order-history-date .order-image {
    display: none; }
  .jc-acct .card.order-history-card > .card-body p {
    margin-bottom: 12px; }
  .jc-acct .card.order-history-card .order-history-title,
  .jc-acct .order-totals .order-label {
    letter-spacing: 0.08em !important; }
  .jc-acct .order-history-card .card-header h2 {
    font-size: 12px !important;
    letter-spacing: 0.1em; }
  .jc-acct .order-history-card .card-header a.address-card-edit {
    white-space: nowrap; }
  .jc-acct .receipt .confirm-details > .card-body {
    padding: 20px 16px; }
  .jc-acct .receipt .card-body > .row > [class*="col-sm-6"] {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .jc-acct .receipt .card-subtitle.mobile-only {
    margin-top: 8px; }
  .jc-acct .order-details-page-summary .product-line-item {
    -ms-grid-columns: 80px minmax(0, 1fr);
        grid-template-columns: 80px minmax(0, 1fr);
    grid-template-areas: "img head" "img attrs" "img price"; }
  .jc-acct .order-details-page-summary .product-image {
    width: 80px;
    height: 80px; }
  .jc-acct .order-details-page-summary .line-item-total-price {
    text-align: start;
    margin-top: 6px; }
  .jc-acct .order-confirmation-totals {
    max-width: none; }
  .jc-acct .account-content form .row.mt-4 > .col-6 {
    -ms-flex: 1 1 0px;
        flex: 1 1 0; }
  .jc-acct .account-content form .row.mt-4 .btn {
    min-width: 0;
    padding: 0 12px; }
  .jc-acct .add-new-address-button,
  .jc-acct .add-new-address-button .btn {
    width: 100%;
    min-width: 0; }
  .jc-acct .address-card-footer > [class*="col-"] {
    width: 100%; }
  .jc-bal__frame {
    padding: 22px 20px; }
  .jc-bal__amount {
    font-size: 40px; }
  .jc-ledger__row {
    -ms-grid-columns: minmax(0, 1fr) auto;
        grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 16px;
    padding: 14px 16px; }
  .jc-ledger__row--head {
    display: none; }
  .jc-ledger__row > :nth-child(1) {
    font-weight: 700; }
  .jc-ledger__row > :nth-child(2) {
    -ms-grid-row: 2;
        grid-row: 2;
    color: var(--jc-muted);
    font-size: 13px; }
  .jc-ledger__row > :nth-child(3) {
    -ms-grid-row: 3;
        grid-row: 3;
    color: var(--jc-muted);
    font-size: 13px; }
  .jc-ledger__row > :nth-child(4) {
    -ms-grid-column: 2;
        grid-column: 2;
    -ms-grid-row: 1;
        grid-row: 1; }
  .jc-help-store {
    -ms-grid-columns: 28px minmax(0, 1fr);
        grid-template-columns: 28px minmax(0, 1fr); }
  .jc-help-store a {
    -ms-grid-column: 2;
        grid-column: 2; } }

/* Address Book: staging fixes patch, 4 Nov 2026 (pm), Annelouise, tested on staging in the browser (EN + AR) */
/* Address Book: "Make default" as a quiet text link under "Remove",
      like Remove / Edit. It only shows when a customer has 2+ addresses.
      Today it is the site's outline button, a 108 x 78 px two-line box. */
.jc-acct .card-make-default-link {
  margin-top: 12px; }

.jc-acct .card-make-default-link .btn {
  display: inline-block;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: none !important;
  box-shadow: none !important;
  font-family: var(--jc-sans);
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--jc-ink) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-color: var(--jc-gold-line);
          text-decoration-color: var(--jc-gold-line); }

.jc-acct .card-make-default-link .btn:hover,
.jc-acct .card-make-default-link .btn:focus {
  color: var(--jc-gold) !important;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor; }

/* ---------------------------------------------------------------------
   Refund pop-up (account/refundModal.isml) in the new look, like the other account pop-ups.
   Its title and buttons sit outside .modal-body, so they get their own spacing here.
   --------------------------------------------------------------------- */
.jc-acct #refundModal .modal-dialog {
  max-width: 700px; }

.jc-acct #refundModal .modal-content {
  padding: 0; }

.jc-acct #refundModal .modal-title {
  margin: 0;
  padding: 40px 56px 0;
  text-align: center; }

.jc-acct #refundModal .modal-body {
  max-height: 52vh;
  padding: 8px 36px 0;
  overflow-y: auto; }

.jc-acct #refundModal .returns-summary-block {
  padding: 20px 0;
  border-bottom: 1px solid var(--jc-line); }

.jc-acct #refundModal .returns-summary-block:last-child {
  border-bottom: 0; }

.jc-acct #refundModal .checkbox-product input {
  accent-color: var(--jc-ink); }

.jc-acct #refundModal .line-item-brand,
.jc-acct #refundModal .line-item-name,
.jc-acct #refundModal .item-attributes p,
.jc-acct #refundModal .form-control-label {
  font-family: var(--jc-sans);
  color: var(--jc-ink); }

.jc-acct #refundModal .js-items-error {
  padding: 12px 36px 0;
  text-align: center; }

.jc-acct #refundModal .modal-content > .row {
  margin: 24px 21px 32px !important; }

/* Return method choice (pref jcReturnInStore, UAE orders): plain radio rows under the items */
.jc-acct #refundModal .return-method {
  padding: 20px 36px 0;
  border-top: 1px solid var(--jc-line); }

.jc-acct #refundModal .return-method-title {
  margin: 0 0 8px;
  font-family: var(--jc-sans);
  font-weight: 600;
  color: var(--jc-ink); }

.jc-acct #refundModal .return-method-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0 8px;
  font-family: var(--jc-sans);
  color: var(--jc-ink);
  cursor: pointer; }

.jc-acct #refundModal .return-method-option input {
  margin: 0 10px;
  accent-color: var(--jc-ink); }

@media (max-width: 575px) {
  .jc-acct #refundModal .return-method {
    padding: 16px 20px 0; }
  .jc-acct #refundModal .modal-title {
    padding: 36px 44px 0; }
  .jc-acct #refundModal .modal-body {
    padding: 8px 20px 0; }
  .jc-acct #refundModal .modal-content > .row {
    margin: 20px 5px 24px !important; } }

/*# sourceMappingURL=jcAccount.css.map*/