.jc-gc {
  --gc-ink:#161616;
  --gc-paper:#fff;
  --gc-ivory:#f6f2eb;
  --gc-cream:#fffdf9;
  --gc-line:#e4ddd0;
  --gc-field:#cfc7b9;
  --gc-muted:#6d675d;
  --gc-soft:#8b8478;
  --gc-gold:#86683a;
  --gc-gold-mid:#c49a55;
  --gc-gold-lt:#e2c58e;
  --gc-gold-mail:#a8834a;
  --gc-gold-on-black:#d2b789;
  --gc-forest:#1f3a30;
  --gc-error:#9b2c1f;
  --gc-foil:linear-gradient(135deg,#e2c58e 0%,#c49a55 48%,#a87f3e 100%);
  --gc-display:'JC Cormorant','Cormorant Garamond',Georgia,'Times New Roman',serif;
  --gc-sans:'JC Nunito','Nunito','Helvetica Neue',Arial,sans-serif;
  --gc-ar:'JC Nunito','Nunito','JC Kufi','Noto Kufi Arabic',Tahoma,Arial,sans-serif; }

.jc-gc [hidden] {
  display: none !important; }

/* ---------- the live amount dropdown stays in the page for base.js, the amount buttons replace it ---------- */
.jc-gc .giftcert-form .custom-ul-dropdown {
  display: none !important; }

/* ---------- reset the product page's own gift card form styles (product/detail.scss) for this form ---------- */
.jc-gc.product-detail .attributes .giftcert-form.jc-gc-form {
  width: auto; }

.jc-gc.product-detail .attributes .giftcert-form.jc-gc-form textarea.form-control {
  height: auto;
  min-height: 110px; }

/* ---------- layout: sticky preview beside the form on desktop ---------- */
@media (min-width: 768px) {
  .jc-gc .jc-gc-stage-col {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    -ms-flex-item-align: start;
        align-self: flex-start; } }

/* ---------- preview stage ---------- */
.jc-gc-stage {
  position: relative;
  background: var(--gc-ivory);
  height: 760px;
  overflow: hidden;
  isolation: isolate; }

.jc-gc-stage::before, .jc-gc-stage::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 4; }

.jc-gc-stage::before {
  inset: 14px;
  border: 1px solid rgba(196, 154, 85, 0.65); }

.jc-gc-stage::after {
  inset: 19px;
  border: 1px solid rgba(196, 154, 85, 0.32); }

.jc-gc-sparks {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.jc-gc-sparks use, .jc-gc-sparks circle {
  fill: var(--gc-gold-mid); }

.jc-gc-stage-card {
  position: absolute;
  z-index: 1;
  width: 52%;
  max-width: none;
  height: auto;
  left: -5%;
  top: 50%;
  mix-blend-mode: multiply;
  transform: rotate(-4deg); }

.jc-gc-phone {
  position: absolute;
  z-index: 2;
  left: 61%;
  top: 50px;
  transform: translateX(-50%);
  width: 300px;
  height: 628px;
  background: #121212;
  border-radius: 50px;
  padding: 11px;
  box-shadow: inset 0 0 0 1.5px #3c3c3c, inset 0 0 0 4px #0b0b0b, 0 40px 70px -28px rgba(60, 42, 18, 0.55), 0 14px 28px -14px rgba(60, 42, 18, 0.35); }

.jc-gc-phone::before, .jc-gc-phone::after {
  content: "";
  position: absolute;
  background: #1c1c1c;
  border-radius: 2px; }

.jc-gc-phone::before {
  left: -3px;
  top: 150px;
  width: 3px;
  height: 62px; }

.jc-gc-phone::after {
  right: -3px;
  top: 180px;
  width: 3px;
  height: 92px; }

.jc-gc-island {
  position: absolute;
  z-index: 3;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 92px;
  height: 27px;
  background: #000;
  border-radius: 20px; }

.jc-gc-screen {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 39px;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--gc-cream);
  scrollbar-width: none;
  overscroll-behavior: contain; }

.jc-gc-screen::-webkit-scrollbar {
  display: none; }

.jc-gc-stage-cap {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 34px;
  text-align: center;
  margin: 0;
  font: 700 11px/1.4 var(--gc-sans);
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--gc-gold); }

.jc-gc-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gc-gold-mid);
  margin-right: 8px;
  vertical-align: 1px;
  animation: jcGcPulse 2.4s ease-in-out infinite; }

@keyframes jcGcPulse {
  50% {
    opacity: .25; } }

/* ---------- the email inside the phone: drawn at 375px, scaled with CSS zoom by the script ---------- */
.jc-gc-mail {
  width: 375px;
  font-family: var(--gc-sans);
  color: #161616;
  line-height: 1.5; }

.jc-gc-mail img {
  max-width: 100%;
  height: auto;
  display: block; }

.jc-gc-sb {
  direction: ltr;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 54px;
  padding: 6px 30px 0 34px;
  font: 600 16px/1 -apple-system,'SF Pro Text','Segoe UI',system-ui,sans-serif;
  background: #fff; }

.jc-gc-sb-icons {
  width: 64px;
  height: 13px;
  background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 13'%3E%3Cg fill='%23161616'%3E%3Crect y='8' width='3' height='5' rx='1'/%3E%3Crect x='5' y='6' width='3' height='7' rx='1'/%3E%3Crect x='10' y='3' width='3' height='10' rx='1'/%3E%3Crect x='15' width='3' height='13' rx='1'/%3E%3Cpath d='M29 3.2a10 10 0 0 1 13 0l-1.6 1.7a7.6 7.6 0 0 0-9.8 0L29 3.2Zm2.8 3a6 6 0 0 1 7.4 0l-1.6 1.7a3.6 3.6 0 0 0-4.2 0l-1.6-1.7ZM35.5 9.3l1.8 1.9-1.8 1.8-1.8-1.8 1.8-1.9Z'/%3E%3Crect x='49' y='3' width='11' height='7' rx='1.5'/%3E%3C/g%3E%3Crect x='47' y='1' width='15' height='11' rx='3' fill='none' stroke='%23161616' opacity='.45'/%3E%3C/svg%3E"); }

.jc-gc-mchrome {
  background: #fff;
  padding: 2px 18px 14px;
  border-bottom: 1px solid #ececec;
  font-family: -apple-system,'SF Pro Text','Segoe UI',system-ui,sans-serif; }

.jc-gc-mback {
  color: #0a7aff;
  font-size: 16px;
  padding: 6px 0 10px; }

.jc-gc-msubj {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25; }

.jc-gc-mfrom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  margin-top: 12px; }

.jc-gc-mav {
  width: 40px;
  height: 40px;
  -ms-flex: none;
      flex: none;
  border-radius: 50%;
  background: #161616;
  color: #f4efe6;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font: 600 15px/1 var(--gc-display);
  letter-spacing: .06em;
  direction: ltr; }

.jc-gc-mwho {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3; }

.jc-gc-mwho small {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #8a8a8e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.jc-gc-mtime {
  font-size: 13px;
  color: #8a8a8e;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 2px;
  white-space: nowrap; }

.jc-gc-e-logo {
  padding: 26px 0 16px; }

.jc-gc-e-logo img {
  width: 150px;
  margin: 0 auto; }

.jc-gc-e-rule {
  margin: 0 12px;
  border-top: 1px solid #c9a464;
  padding-top: 2px; }

.jc-gc-e-rule div {
  border-top: 1px solid #e6d9bf; }

.jc-gc-e-nav {
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 0 12px; }

.jc-gc-e-nav span {
  margin: 0 4px; }

.jc-gc-e-nav .s {
  color: var(--gc-gold-mail); }

.jc-gc-e-hero {
  margin: 8px 12px 0;
  background: #161616;
  padding: 10px; }

.jc-gc-e-hero > div {
  border: 1px solid #c9a464;
  padding: 30px 22px 26px;
  text-align: center; }

.jc-gc-e-kick {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--gc-gold-on-black); }

.jc-gc-e-h {
  font-family: var(--gc-display);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
  color: #f4efe6;
  padding-top: 12px; }

.jc-gc-e-h span {
  font-style: italic;
  color: var(--gc-gold-on-black); }

.jc-gc-e-p {
  font-size: 14px;
  line-height: 22px;
  color: #e8e1d4;
  padding-top: 12px; }

.jc-gc-e-card {
  padding: 22px 22px 0;
  text-align: center; }

.jc-gc-e-card .jc-gc-e-lab {
  padding-top: 14px; }

.jc-gc-e-lab {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--gc-gold-mail); }

.jc-gc-e-amt {
  font-size: 40px;
  line-height: 1.1;
  font-weight: 700;
  padding-top: 6px; }

.jc-gc-e-msg {
  margin: 22px 22px 0;
  border-top: 1px solid #e6d9bf;
  border-bottom: 1px solid #e6d9bf;
  padding: 22px 10px;
  text-align: center; }

.jc-gc-e-quote {
  font-family: var(--gc-display);
  font-size: 21px;
  line-height: 30px;
  font-style: italic;
  padding-top: 10px;
  overflow-wrap: anywhere; }

.jc-gc-e-by {
  font-size: 13px;
  color: var(--gc-muted);
  padding-top: 10px; }

.jc-gc-e-code {
  margin: 24px 22px 0;
  background: #f7f2ea;
  padding: 22px 16px 24px;
  text-align: center; }

.jc-gc-e-codebox {
  display: inline-block;
  margin-top: 12px;
  border: 1px dashed var(--gc-gold-mail);
  background: var(--gc-cream);
  padding: 14px 22px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  white-space: nowrap;
  direction: ltr; }

.jc-gc-e-valid {
  font-size: 12px;
  color: var(--gc-soft);
  padding-top: 12px; }

.jc-gc-e-cta {
  text-align: center;
  padding: 26px 0 8px; }

.jc-gc-e-cta span {
  display: inline-block;
  background: #161616;
  color: #f4efe6;
  padding: 15px 44px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase; }

.jc-gc-e-foot {
  text-align: center;
  font-size: 11px;
  color: #a59e92;
  padding: 22px 0 34px; }

/* ---------- heading ---------- */
.jc-gc-brand {
  font-family: var(--gc-display);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0; }

.jc-gc .jc-gc-title {
  font-family: var(--gc-display);
  font-size: 48px;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: .04em;
  margin: 6px 0 0;
  text-transform: none; }

.jc-gc .jc-gc-title em {
  letter-spacing: 0;
  color: var(--gc-gold); }

.jc-gc-lede {
  font-family: var(--gc-sans);
  font-size: 15px;
  line-height: 1.55;
  color: var(--gc-muted);
  margin: 14px 0 0;
  max-width: 46ch; }

.jc-gc .prices .price .sales .value {
  font-family: var(--gc-sans);
  font-size: 22px;
  font-weight: 600; }

/* ---------- form ---------- */
.jc-gc-form {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  margin-top: 30px;
  font-family: var(--gc-sans); }

.jc-gc-step {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  display: -ms-grid;
  display: grid;
  gap: 12px; }

.jc-gc-step legend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  gap: 12px;
  padding: 0;
  margin-bottom: 12px;
  font: 700 12px/1.3 var(--gc-sans);
  letter-spacing: .16em;
  text-transform: uppercase;
  width: auto; }

.jc-gc-step legend .n {
  font-family: var(--gc-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--gc-gold);
  line-height: 1;
  font-variant-numeric: lining-nums; }

.jc-gc-step legend .opt {
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: none;
  color: var(--gc-soft);
  font-size: 13px; }

.jc-gc-chips {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[4];
      grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px; }

.jc-gc-chips.two {
  -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr)); }

.jc-gc-chip {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 50px;
  margin: 0;
  border: 1px solid var(--gc-field);
  background: var(--gc-paper);
  font: 600 14px/1 var(--gc-sans);
  letter-spacing: .03em;
  color: var(--gc-ink);
  cursor: pointer;
  transition: border-color .15s,background .15s,color .15s; }

.jc-gc-chip:hover {
  border-color: var(--gc-ink); }

.jc-gc-chip[aria-pressed="true"], .jc-gc-chip:has(input:checked) {
  background: var(--gc-ink);
  border-color: var(--gc-ink);
  color: #fff; }

.jc-gc-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

.jc-gc-chip:has(input:focus-visible) {
  outline: 2px solid var(--gc-gold-mid);
  outline-offset: 2px; }

.jc-gc-row2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px; }

.jc-gc-field {
  display: -ms-grid;
  display: grid;
  gap: 6px;
  min-width: 0;
  margin: 0; }

.jc-gc-field.hidden {
  display: none; }

.jc-gc-field .form-control-label {
  font: 600 13px/1.4 var(--gc-sans);
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
  color: var(--gc-ink); }

.jc-gc-field .req {
  color: var(--gc-gold); }

.jc-gc-field .form-control {
  width: 100%;
  height: 50px;
  border: 1px solid var(--gc-field);
  border-radius: 0;
  background: var(--gc-paper);
  padding: 0 14px;
  font: 400 15px/1.4 var(--gc-sans);
  color: var(--gc-ink);
  box-shadow: none;
  transition: border-color .15s,box-shadow .15s; }

.jc-gc-field textarea.form-control {
  height: auto;
  min-height: 110px;
  padding: 12px 14px;
  line-height: 1.5;
  resize: vertical; }

.jc-gc-field .form-control:-ms-input-placeholder {
  color: #a29b8f; }

.jc-gc-field .form-control::placeholder {
  color: #a29b8f; }

.jc-gc-field .form-control:focus {
  outline: none;
  border-color: var(--gc-ink);
  box-shadow: 0 0 0 3px rgba(196, 154, 85, 0.28); }

.jc-gc-field.has-err .form-control {
  border-color: var(--gc-error); }

.jc-gc-err {
  font-size: 13px;
  color: var(--gc-error);
  margin: 0; }

.jc-gc-hint {
  font-size: 13px;
  color: var(--gc-soft);
  margin: 0; }

.jc-gc-affix {
  position: relative; }

.jc-gc-affix span {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
  font-size: 14px;
  color: var(--gc-muted); }

.jc-gc-affix .form-control {
  padding-left: 52px; }

.jc-gc-count {
  justify-self: end;
  font-size: 13px;
  color: var(--gc-soft);
  margin: 0; }

.jc-gc-when-note {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  background: var(--gc-ivory);
  padding: 12px 14px; }

.jc-gc-ico {
  width: 20px;
  height: 20px;
  -ms-flex: none;
      flex: none;
  fill: none;
  stroke: var(--gc-gold);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round; }

.jc-gc-when-note .jc-gc-ico {
  margin-top: 1px; }

/* add to bag: the site's existing button, restyled for this page */
.jc-gc .js-add-to-cart-button {
  height: 58px;
  border-radius: 0;
  background: var(--gc-ink);
  border-color: var(--gc-ink);
  font: 600 14px/1 var(--gc-sans);
  letter-spacing: .18em;
  text-transform: uppercase; }

.jc-gc .js-add-to-cart-button .jc-gc-sep {
  color: var(--gc-gold-lt);
  margin: 0 10px; }

/* ---------- facts + accordions ---------- */
.jc-gc-facts {
  list-style: none;
  padding: 16px 0;
  margin: 26px 0 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
      grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  border-top: 1px solid var(--gc-line);
  border-bottom: 1px solid var(--gc-line);
  font: 400 13px/1.35 var(--gc-sans); }

.jc-gc-facts li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  gap: 6px; }

.jc-gc-facts .jc-gc-ico {
  width: 24px;
  height: 24px; }

.jc-gc-acc {
  margin-top: 8px; }

.jc-gc-acc details {
  border-bottom: 1px solid var(--gc-line); }

.jc-gc-acc summary {
  list-style: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 0;
  font: 600 17px/1.2 var(--gc-display);
  letter-spacing: .14em;
  text-transform: uppercase; }

.jc-gc-acc summary::-webkit-details-marker {
  display: none; }

.jc-gc-acc summary::after {
  content: "+";
  font: 400 22px/1 var(--gc-sans);
  color: var(--gc-gold); }

.jc-gc-acc details[open] summary::after {
  content: "\2212"; }

.jc-gc-acc-body {
  padding: 0 0 18px;
  color: var(--gc-muted);
  font: 400 14px/1.55 var(--gc-sans); }

.jc-gc-acc-body ul {
  margin: 0;
  padding-left: 18px; }

.jc-gc-help {
  display: -ms-grid;
  display: grid;
  gap: 6px; }

.jc-gc-help a {
  color: var(--gc-ink);
  font-weight: 600;
  text-decoration: none; }

/* ---------- full-width bands ---------- */
.jc-gc-how {
  background: var(--gc-ivory);
  text-align: center;
  padding: 72px 0 76px;
  margin-top: 40px;
  box-shadow: 0 0 0 100vmax var(--gc-ivory);
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax); }

/* full page width, no horizontal scroll */
.jc-gc-how h2, .jc-gc-wrapband h2 {
  font: 500 40px/1.1 var(--gc-display);
  letter-spacing: .04em;
  margin: 0; }

.jc-gc-how h2 em, .jc-gc-wrapband h2 em {
  letter-spacing: 0;
  color: var(--gc-gold); }

.jc-gc-rule {
  width: 64px;
  height: 1px;
  background: var(--gc-foil);
  margin: 16px auto 0; }

.jc-gc-steps {
  list-style: none;
  padding: 0;
  margin: 44px auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
      grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  max-width: 980px; }

.jc-gc-steps li {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-column-align: center;
      justify-items: center;
  -ms-flex-line-pack: start;
      align-content: start; }

.jc-gc-steps .n {
  font: 500 46px/1 var(--gc-display);
  color: var(--gc-gold);
  font-variant-numeric: lining-nums; }

.jc-gc-steps h3 {
  font: 600 23px/1.2 var(--gc-display);
  margin: 0; }

.jc-gc-steps p {
  margin: 0;
  color: var(--gc-muted);
  font: 400 14px/1.55 var(--gc-sans);
  max-width: 30ch; }

.jc-gc-wrapband {
  padding: 72px 0; }

.jc-gc-wrapgrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 56px;
  -ms-flex-align: center;
      align-items: center; }

.jc-gc-wrapband figure {
  margin: 0;
  background: var(--gc-ivory);
  padding: 34px 20px 0; }

.jc-gc-wrapband figure img {
  mix-blend-mode: multiply;
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto; }

.jc-gc-wrapband .jc-gc-rule {
  margin: 16px 0 0; }

.jc-gc-wrapband p {
  color: var(--gc-muted);
  max-width: 44ch;
  margin: 18px 0 0;
  font: 400 15px/1.55 var(--gc-sans); }

.jc-gc-btn-secondary {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 52px;
  padding: 0 34px;
  margin-top: 26px;
  border: 1px solid var(--gc-ink);
  color: var(--gc-ink);
  text-decoration: none;
  font: 600 14px/1 var(--gc-sans);
  letter-spacing: .18em;
  text-transform: uppercase;
  transition: background .15s,color .15s; }

.jc-gc-btn-secondary:hover {
  background: var(--gc-ink);
  color: #fff;
  text-decoration: none; }

/* ---------- phones and tablets ---------- */
@media (max-width: 767.98px) {
  .jc-gc-stage {
    height: 680px; }
  .jc-gc-phone {
    width: 270px;
    height: 566px;
    left: 60%;
    top: 36px;
    border-radius: 46px;
    padding: 10px; }
  .jc-gc-screen {
    border-radius: 36px; }
  .jc-gc-island {
    top: 19px;
    width: 82px;
    height: 24px; }
  .jc-gc-stage-card {
    width: 46%;
    left: 4%;
    top: 52%; }
  .jc-gc .jc-gc-title {
    font-size: 40px; }
  .jc-gc-steps {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    gap: 34px; }
  .jc-gc-wrapgrid {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr);
    gap: 28px; } }

@media (max-width: 480px) {
  .jc-gc-stage {
    height: 610px; }
  .jc-gc-phone {
    width: 244px;
    height: 512px;
    left: 61%;
    top: 30px;
    border-radius: 42px;
    padding: 9px; }
  .jc-gc-screen {
    border-radius: 33px; }
  .jc-gc-island {
    top: 17px;
    width: 74px;
    height: 22px; }
  .jc-gc-stage-card {
    width: 54%;
    left: -13%;
    top: 58%; }
  .jc-gc-row2 {
    -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr); }
  .jc-gc-chip {
    font-size: 13px;
    letter-spacing: 0; }
  .jc-gc-facts {
    font-size: 12px; }
  .jc-gc-stage-cap {
    letter-spacing: .14em; } }

@media (prefers-reduced-motion: reduce) {
  .jc-gc * {
    transition: none !important;
    animation: none !important; } }

/* ---------- Arabic (:lang(ar)): Kufi, no letter-spacing, no italics (gold instead), mirrored stage ---------- */
.jc-gc:lang(ar) .jc-gc-mail,
.jc-gc:lang(ar) .jc-gc-form,
.jc-gc:lang(ar) .jc-gc-lede,
.jc-gc:lang(ar) .jc-gc-brand,
.jc-gc:lang(ar) .jc-gc-title,
.jc-gc:lang(ar) .jc-gc-step legend,
.jc-gc:lang(ar) .jc-gc-field .form-control-label,
.jc-gc:lang(ar) .jc-gc-field .form-control,
.jc-gc:lang(ar) .jc-gc-chip,
.jc-gc:lang(ar) .jc-gc-facts,
.jc-gc:lang(ar) .jc-gc-acc summary,
.jc-gc:lang(ar) .jc-gc-acc-body,
.jc-gc:lang(ar) .jc-gc-how h2, .jc-gc:lang(ar) .jc-gc-wrapband h2,
.jc-gc:lang(ar) .jc-gc-steps h3, .jc-gc:lang(ar) .jc-gc-steps p,
.jc-gc:lang(ar) .jc-gc-wrapband p,
.jc-gc:lang(ar) .jc-gc-btn-secondary,
.jc-gc:lang(ar) .jc-gc-stage-cap,
.jc-gc:lang(ar) .js-add-to-cart-button {
  font-family: var(--gc-ar);
  letter-spacing: 0;
  text-transform: none;
  font-style: normal; }

.jc-gc:lang(ar) em, .jc-gc:lang(ar) .jc-gc-e-h span, .jc-gc:lang(ar) .jc-gc-e-quote {
  font-style: normal; }

.jc-gc:lang(ar) .jc-gc-mail {
  line-height: 1.6; }

.jc-gc:lang(ar) .jc-gc-mchrome {
  font-family: var(--gc-ar); }

.jc-gc:lang(ar) .jc-gc-msubj {
  font-size: 17px;
  line-height: 1.5; }

.jc-gc:lang(ar) .jc-gc-e-logo img {
  width: 190px; }

.jc-gc:lang(ar) .jc-gc-e-nav, .jc-gc:lang(ar) .jc-gc-e-kick, .jc-gc:lang(ar) .jc-gc-e-lab, .jc-gc:lang(ar) .jc-gc-e-cta span {
  letter-spacing: 0;
  text-transform: none; }

.jc-gc:lang(ar) .jc-gc-e-nav {
  font-size: 12px; }

.jc-gc:lang(ar) .jc-gc-e-kick, .jc-gc:lang(ar) .jc-gc-e-lab {
  font-size: 13px; }

.jc-gc:lang(ar) .jc-gc-e-h {
  font-family: var(--gc-ar);
  font-size: 30px;
  line-height: 1.5;
  font-weight: 700; }

.jc-gc:lang(ar) .jc-gc-e-quote {
  font-family: var(--gc-ar);
  font-size: 17px; }

.jc-gc:lang(ar) .jc-gc-e-cta span {
  font-size: 14px;
  padding: 12px 44px 14px; }

.jc-gc:lang(ar) .jc-gc-title {
  font-size: 40px;
  line-height: 1.5;
  font-weight: 400; }

.jc-gc:lang(ar) .jc-gc-step legend {
  font-size: 15px; }

.jc-gc:lang(ar) .jc-gc-step legend .n {
  font-weight: 600; }

.jc-gc:lang(ar) .jc-gc-acc summary {
  font-size: 16px;
  font-weight: 700; }

.jc-gc:lang(ar) .jc-gc-how h2, .jc-gc:lang(ar) .jc-gc-wrapband h2 {
  font-size: 34px;
  line-height: 1.5;
  font-weight: 400; }

.jc-gc:lang(ar) .jc-gc-steps h3 {
  font-size: 19px;
  font-weight: 700; }

.jc-gc:lang(ar) .jc-gc-field .form-control[type=email],
.jc-gc:lang(ar) .jc-gc-field .form-control[type=date],
.jc-gc:lang(ar) #giftcertificate-amount {
  direction: ltr;
  text-align: right; }

.jc-gc:lang(ar) .jc-gc-affix span {
  left: auto;
  right: 14px; }

.jc-gc:lang(ar) .jc-gc-affix .form-control {
  padding-left: 14px;
  padding-right: 52px; }

.jc-gc:lang(ar) .jc-gc-acc-body ul {
  padding-left: 0;
  padding-right: 18px; }

.jc-gc:lang(ar) .jc-gc-dot {
  margin-right: 0;
  margin-left: 8px; }

.jc-gc:lang(ar) .jc-gc-wrapband .jc-gc-rule {
  margin: 16px 0 0 auto; }

/* mirrored stage: phone left of centre, Arabic card on the right */
.jc-gc:lang(ar) .jc-gc-phone {
  left: 39%; }

.jc-gc:lang(ar) .jc-gc-stage-card {
  left: auto;
  right: -5%;
  transform: rotate(4deg); }

@media (max-width: 767.98px) {
  .jc-gc:lang(ar) .jc-gc-phone {
    left: 40%; }
  .jc-gc:lang(ar) .jc-gc-stage-card {
    left: auto;
    right: 4%; } }

@media (max-width: 480px) {
  .jc-gc:lang(ar) .jc-gc-phone {
    left: 39%; }
  .jc-gc:lang(ar) .jc-gc-stage-card {
    left: auto;
    right: -13%; } }

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