:root {
  --storefront-accent: #7c5cff;
  --storefront-accent-rgb: 124, 92, 255;
  --storefront-legacy: #7c5cff;
  --storefront-radius: 22px;
  --storefront-shadow: 0 22px 55px rgba(31, 29, 55, .12);
}

html { scroll-behavior: smooth; }

.social-network-logo { display: inline-block; height: 1.35em; object-fit: contain; vertical-align: -.22em; width: 1.35em; }
.social-network-inline-logo { margin-left: 5px; }
.checkout-network-logo { flex: 0 0 auto; margin-right: .35rem; }
.social-proof-network-logo { height: 18px; margin-right: 4px; width: 18px; }
.aurora-network-icon > .social-network-logo { height: 44px; width: 44px; }
.aurora-pill > .social-network-logo { height: 20px; width: 20px; }
.signal-icon > .social-network-logo { height: 37px; width: 37px; }
.aurora-service-icon > .social-network-logo { height: 32px; width: 32px; }

.storefront-actions { display: flex; align-items: center; gap: 8px; position: relative; margin-left: 14px; }
.storefront-action-link,
.storefront-action-icon,
.storefront-menu-toggle {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(127, 127, 145, .22);
  border-radius: 999px;
  color: inherit;
  display: inline-flex;
  justify-content: center;
  min-height: 40px;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.storefront-action-link { gap: 8px; padding: 0 15px; font-size: 13px; font-weight: 800; white-space: nowrap; }
.storefront-action-icon { width: 40px; }
.storefront-action-logo { display: block; height: 24px; object-fit: contain; width: 24px; }
.storefront-action-link:hover,
.storefront-action-icon:hover,
.storefront-menu-toggle:hover { background: rgba(var(--storefront-accent-rgb), .12); border-color: var(--storefront-accent); color: var(--storefront-accent); transform: translateY(-2px); }

.storefront-menu-toggle { cursor: pointer; flex-direction: column; gap: 4px; padding: 0; width: 43px; }
.storefront-menu-toggle > span:not(.sr-only) { background: currentColor; border-radius: 3px; display: block; height: 2px; transition: transform .2s ease, width .2s ease; width: 19px; }
.storefront-menu-toggle > span:nth-child(2) { width: 13px; }
.storefront-menu-toggle[aria-expanded="true"] > span:first-child { transform: translateY(6px) rotate(45deg); }
.storefront-menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
.storefront-menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.storefront-drawer {
  animation: storefrontDrawerIn .22s ease both;
  background: #fff;
  border: 1px solid rgba(30, 30, 45, .1);
  border-radius: 20px;
  box-shadow: 0 26px 75px rgba(24, 21, 45, .22);
  color: #252338;
  min-width: 260px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 1100;
}
.storefront-drawer[hidden] { display: none !important; }
.storefront-drawer-head { align-items: center; display: flex; justify-content: space-between; padding: 8px 9px 10px 12px; }
.storefront-drawer-close { background: #f1eff8; border: 0; border-radius: 50%; color: #514e60; cursor: pointer; font-size: 22px; height: 32px; line-height: 1; width: 32px; }
.storefront-drawer > a { align-items: center; border-radius: 13px; color: inherit !important; display: flex; font-size: 14px; font-weight: 750; gap: 12px; padding: 11px 12px; text-decoration: none !important; transition: background .2s ease, transform .2s ease; }
.storefront-drawer > a i { align-items: center; background: rgba(var(--storefront-accent-rgb), .1); border-radius: 10px; color: var(--storefront-accent); display: flex; height: 34px; justify-content: center; width: 34px; }
.storefront-drawer-logo { align-items: center; background: rgba(var(--storefront-accent-rgb), .08); border-radius: 10px; display: flex; flex: 0 0 34px; height: 34px; justify-content: center; }
.storefront-drawer-logo img { height: 24px; object-fit: contain; width: 24px; }
.storefront-drawer > a:hover { background: #f6f4fb; transform: translateX(3px); }

.storefront-reviews { margin: 0 auto; max-width: 1180px; padding: 90px 24px; width: 100%; }
.storefront-section-heading { margin: 0 auto 38px; max-width: 700px; text-align: center; }
.storefront-eyebrow { color: var(--storefront-accent); display: block; font-size: 12px; font-weight: 900; letter-spacing: .16em; margin-bottom: 10px; text-transform: uppercase; }
.storefront-section-heading h2 { color: inherit; font-size: clamp(30px, 4vw, 50px); font-weight: 850; letter-spacing: -.04em; line-height: 1.05; margin: 0 0 14px; }
.storefront-section-heading p { color: #747181; font-size: 16px; margin: 0; }
.storefront-review-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.storefront-review-card { background: rgba(255, 255, 255, .9); border: 1px solid rgba(38, 35, 55, .09); border-radius: var(--storefront-radius); box-shadow: 0 14px 35px rgba(31, 29, 55, .07); color: #262334; display: flex; flex-direction: column; min-height: 245px; padding: 25px; transition: transform .25s ease, box-shadow .25s ease; }
.storefront-review-card:hover { box-shadow: var(--storefront-shadow); transform: translateY(-6px); }
.storefront-review-stars { color: #c9c6d2; display: flex; gap: 4px; margin-bottom: 17px; }
.storefront-review-stars .is-active { color: #ffb629; }
.storefront-review-card blockquote { border: 0; color: inherit; flex: 1; font-size: 15px; line-height: 1.75; margin: 0 0 24px; padding: 0; }
.storefront-review-card footer { align-items: center; background: transparent; display: flex; gap: 11px; padding: 0; }
.storefront-review-avatar { align-items: center; background: linear-gradient(135deg, var(--storefront-accent), #19c6d4); border-radius: 50%; color: #fff; display: flex; font-weight: 900; height: 42px; justify-content: center; width: 42px; }
.storefront-review-card footer strong,
.storefront-review-card footer small { display: block; }
.storefront-review-card footer small { color: #85818e; font-size: 12px; margin-top: 2px; }

.order-bump-section { border-top: 1px solid #ece9f3; margin-top: 20px; padding-top: 22px; }
.order-bump-heading { margin-bottom: 13px; }
.order-bump-kicker { color: var(--storefront-accent); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.order-bump-heading h4 { color: #252235; font-size: 18px; font-weight: 850; margin: 4px 0 0; }
.order-bump-card { background: #faf9fd; border: 1px solid #e4e0ed; border-radius: 17px; margin-bottom: 11px; overflow: hidden; transition: border .2s ease, box-shadow .2s ease, transform .2s ease; }
.order-bump-card:hover { transform: translateY(-2px); }
.order-bump-card.is-selected { background: rgba(var(--storefront-accent-rgb), .045); border-color: var(--storefront-accent); box-shadow: 0 10px 30px rgba(var(--storefront-accent-rgb), .12); }
.order-bump-toggle { align-items: center; cursor: pointer; display: flex; gap: 11px; margin: 0; padding: 14px; }
.order-bump-checkbox { height: 1px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; }
.order-bump-check { align-items: center; background: #fff; border: 1px solid #d8d3e3; border-radius: 10px; color: var(--storefront-accent); display: flex; flex: 0 0 36px; height: 36px; justify-content: center; }
.is-selected .order-bump-check { background: var(--storefront-accent); border-color: var(--storefront-accent); color: #fff; }
.order-bump-copy { flex: 1; min-width: 0; }
.order-bump-copy strong, .order-bump-copy small { display: block; }
.order-bump-copy strong { color: #292637; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.order-bump-copy small { color: #817d8a; font-size: 11px; margin-top: 3px; }
.order-bump-price { color: #0b9b68; font-size: 13px; font-weight: 850; white-space: nowrap; }
.order-bump-fields { border-top: 1px dashed #ddd7e8; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 13px 14px 3px; }
.order-bump-fields[hidden] { display: none !important; }
.order-bump-fields .form-group { margin-bottom: 10px; }
.order-bump-fields .form-group:last-child { grid-column: 1 / -1; }

/* Order history */
.myorders-page {
  background: radial-gradient(circle at 12% 18%, rgba(var(--storefront-accent-rgb), .12), transparent 34%), #f7f7fb;
  min-height: 100vh;
  padding: 145px 0 80px;
}
.myorders-page-container { max-width: 920px; }
.myorders-modal-dialog { max-width: 820px; padding: 12px; }
.myorders-shell {
  background: #fff;
  border: 1px solid rgba(32, 29, 50, .09);
  border-radius: 26px;
  box-shadow: 0 28px 80px rgba(26, 22, 55, .18);
  color: #242134;
  max-height: calc(100vh - 40px);
  overflow: hidden;
}
.myorders-header { align-items: flex-start; background: linear-gradient(135deg, #252139, #34304d); color: #fff; display: flex; gap: 16px; padding: 26px 28px; position: relative; }
.myorders-header-icon { align-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 16px; display: flex; flex: 0 0 52px; font-size: 21px; height: 52px; justify-content: center; }
.myorders-header > div { flex: 1; min-width: 0; }
.myorders-eyebrow { color: #c9c2ff; display: block; font-size: 10px; font-weight: 900; letter-spacing: .15em; margin: 1px 0 5px; text-transform: uppercase; }
.myorders-header h1 { color: #fff; font-size: clamp(23px, 3vw, 31px); font-weight: 850; letter-spacing: -.035em; line-height: 1.1; margin: 0 0 7px; }
.myorders-header p { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.55; margin: 0; max-width: 610px; }
.myorders-close { align-items: center; background: rgba(255,255,255,.1); border: 0; border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-size: 25px; height: 38px; justify-content: center; line-height: 1; padding: 0 0 3px; width: 38px; }
.myorders-close:hover { background: rgba(255,255,255,.2); }
.myorders-search-panel { background: #f8f7fc; border-bottom: 1px solid #ebe8f2; padding: 22px 28px; }
.myorders-form-copy { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 10px; }
.myorders-form-copy strong { color: #2b283a; font-size: 14px; }
.myorders-form-copy small { color: #787485; font-size: 11px; }
.myorders-search-row { display: flex; gap: 10px; }
.myorders-input-wrap { flex: 1; position: relative; }
.myorders-input-wrap > i { color: #8a8597; left: 16px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.myorders-input-wrap .form-control { background: #fff; border: 1px solid #dcd8e6; border-radius: 13px; color: #242134; height: 50px; padding-left: 43px; }
.myorders-input-wrap .form-control:focus { border-color: var(--storefront-accent); box-shadow: 0 0 0 3px rgba(var(--storefront-accent-rgb), .12); }
.myorders-submit.btn-submit { align-items: center; background: var(--storefront-accent) !important; border: 1px solid var(--storefront-accent) !important; border-radius: 13px; color: #fff !important; display: inline-flex; flex: 0 0 auto; font-size: 12px; font-weight: 850; gap: 8px; height: 50px; justify-content: center; padding: 0 19px; text-transform: none; white-space: nowrap; width: auto; }
.myorders-submit:disabled { cursor: wait; opacity: .72; }
.myorders-feedback { border-radius: 12px; font-size: 13px; margin: 12px 0 0; padding: 10px 13px; }
.myorders-results { background: #fff; max-height: min(54vh, 620px); overflow: auto; padding: 24px 28px; }
.myorders-page .myorders-shell { max-height: none; }
.myorders-page .myorders-results { max-height: none; overflow: visible; }
.myorders-empty-state { align-items: center; color: #777283; display: flex; flex-direction: column; justify-content: center; min-height: 210px; padding: 28px; text-align: center; }
.myorders-empty-state > span { align-items: center; background: rgba(var(--storefront-accent-rgb), .1); border-radius: 18px; color: var(--storefront-accent); display: flex; font-size: 24px; height: 58px; justify-content: center; margin-bottom: 14px; width: 58px; }
.myorders-empty-state strong { color: #2d293b; font-size: 17px; }
.myorders-empty-state p { font-size: 13px; margin: 5px 0 0; }
.myorders-empty-state.is-search-empty { min-height: 250px; }
.myorders-footer { align-items: center; background: #fbfafd; border-top: 1px solid #eeeaf3; color: #817c8e; display: flex; font-size: 11px; justify-content: space-between; padding: 13px 28px; }
.myorders-footer i { color: var(--storefront-accent); margin-right: 4px; }
.myorders-footer a { color: var(--storefront-accent) !important; font-weight: 800; text-decoration: none; }
.order-history-summary { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px; }
.order-history-summary > div { align-items: baseline; display: flex; gap: 8px; }
.order-history-summary span { color: var(--storefront-accent); font-size: 25px; font-weight: 900; }
.order-history-summary p { color: #343043; font-size: 14px; font-weight: 800; margin: 0; }
.order-history-summary small { color: #8a8594; font-size: 11px; }
.order-history-list { display: grid; gap: 14px; }
.order-history-card { background: #fff; border: 1px solid #e8e4ee; border-radius: 19px; box-shadow: 0 8px 24px rgba(31, 27, 55, .055); padding: 18px; }
.order-history-card-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 14px; }
.order-history-id small, .order-history-id strong { display: block; }
.order-history-id small { color: #8a8595; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.order-history-id strong { color: #2a2638; font-size: 20px; }
.order-history-status { align-items: center; background: #f0eef4; border-radius: 999px; color: #625e6d; display: inline-flex; font-size: 11px; font-weight: 850; gap: 6px; padding: 7px 10px; }
.order-history-status.is-completed { background: #e4f8ef; color: #087b53; }
.order-history-status.is-pending, .order-history-status.is-processing { background: #fff4d9; color: #9a6511; }
.order-history-status.is-progress { background: #e9efff; color: #3557aa; }
.order-history-status.is-canceled, .order-history-status.is-refunded { background: #ffeaec; color: #b33845; }
.order-history-status.is-partial { background: #f2eaff; color: #7141a4; }
.order-history-service { align-items: center; background: #f8f7fb; border-radius: 14px; display: flex; gap: 12px; margin-bottom: 11px; padding: 12px; }
.order-history-service > span { align-items: center; background: #fff; border: 1px solid #ebe7f1; border-radius: 11px; color: var(--storefront-accent); display: flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.order-history-service small, .order-history-service strong { display: block; }
.order-history-service small { color: #8a8595; font-size: 10px; }
.order-history-service strong { color: #302c40; font-size: 13px; line-height: 1.4; margin-top: 2px; }
.order-history-meta { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 8px; }
.order-history-meta > span { align-items: center; border: 1px solid #ece8f1; border-radius: 12px; display: grid; gap: 1px 8px; grid-template-columns: 26px 1fr; padding: 9px 11px; }
.order-history-meta i { color: var(--storefront-accent); grid-row: 1 / 3; }
.order-history-meta small { color: #8c8797; font-size: 9px; text-transform: uppercase; }
.order-history-meta strong { color: #373244; font-size: 12px; }
.order-history-metrics { display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.order-history-metrics > span { background: #faf9fc; border: 1px solid #eeeaf3; border-radius: 11px; padding: 9px; }
.order-history-metrics small, .order-history-metrics strong { display: block; }
.order-history-metrics small { color: #8b8696; font-size: 9px; text-transform: uppercase; }
.order-history-metrics strong { color: #2f2a3d; font-size: 13px; margin-top: 2px; }
.order-history-link { align-items: center; background: #faf9fc; border: 1px dashed #ddd7e6; border-radius: 11px; color: #787383; display: flex; font-size: 11px; gap: 8px; margin-top: 8px; min-width: 0; padding: 9px 11px; }
.order-history-link i { color: var(--storefront-accent); }
.order-history-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Checkout action contrast */

/* Terms and checkout information surfaces */
.terms-page .terms-card {
  border: 1px solid rgba(31, 27, 49, .1);
  border-radius: 20px;
  box-shadow: 0 16px 45px rgba(31, 27, 49, .08);
  overflow: hidden;
}
.terms-page .terms-card .card-header { border-bottom: 1px solid rgba(31, 27, 49, .09); }
.terms-page .terms-card .card-body { font-size: 15px; line-height: 1.75; }
.terms-page .terms-card .card-body > :last-child { margin-bottom: 0; }

.checkout-info-modal .modal-dialog { max-width: 760px; }
.checkout-info-modal .modal-content {
  background: #fff;
  border: 1px solid rgba(31, 27, 49, .12);
  border-radius: 20px;
  color: #292637;
  overflow: hidden;
}
.checkout-info-modal .modal-header,
.checkout-info-modal .modal-footer { background: #f8f7fb; border-color: #e7e3ee; }
.checkout-info-modal .modal-title { color: #292637; font-weight: 800; }
.checkout-info-modal .modal-title i { color: var(--storefront-accent); margin-right: 7px; }
.checkout-info-modal .modal-body { color: #4b4657; max-height: min(72vh, 680px); overflow-y: auto; padding: 24px; }
.checkout-info-modal .modal-body :where(p, li, h1, h2, h3, h4, h5, h6, strong, em, span) { color: inherit; }
.checkout-info-modal .modal-body a { color: var(--storefront-accent); }
.checkout-help-copy { line-height: 1.7; }
.checkout-help-copy ul, .checkout-help-copy ol { padding-left: 22px; }
.checkout-tutorial-video { aspect-ratio: 16 / 9; border-radius: 14px; margin-bottom: 22px; overflow: hidden; width: 100%; }
.checkout-tutorial-video iframe { display: block; height: 100%; width: 100%; }

body.storefront-theme-aurora .terms-page .terms-card,
body.storefront-theme-aurora .checkout-info-modal .modal-content {
  background: var(--aurora-surface-solid);
  border-color: var(--aurora-border);
  color: var(--aurora-text);
}
body.storefront-theme-aurora .terms-page .terms-card .card-header,
body.storefront-theme-aurora .checkout-info-modal .modal-header,
body.storefront-theme-aurora .checkout-info-modal .modal-footer {
  background: var(--aurora-surface-soft);
  border-color: var(--aurora-border);
}
body.storefront-theme-aurora .terms-page .title-name,
body.storefront-theme-aurora .terms-page .terms-card .card-title,
body.storefront-theme-aurora .terms-page .terms-card .card-body,
body.storefront-theme-aurora .terms-page .terms-card .card-body :where(p, li, h1, h2, h3, h4, h5, h6, strong, em, span),
body.storefront-theme-aurora .checkout-info-modal .modal-title,
body.storefront-theme-aurora .checkout-info-modal .modal-body,
body.storefront-theme-aurora .checkout-info-modal .modal-body :where(p, li, h1, h2, h3, h4, h5, h6, strong, em, span) {
  color: var(--aurora-text) !important;
}
body.storefront-theme-aurora .terms-page .terms-card .card-body a,
body.storefront-theme-aurora .checkout-info-modal .modal-body a { color: var(--storefront-accent) !important; }

/* Configurable floating support */
.floating-support-button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  bottom: max(20px, env(safe-area-inset-bottom));
  box-shadow: 0 16px 38px rgba(18, 22, 34, .28);
  display: flex;
  height: var(--floating-support-size, 62px);
  justify-content: center;
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  text-decoration: none !important;
  transition: box-shadow .2s ease, transform .2s ease;
  width: var(--floating-support-size, 62px);
  z-index: 1030;
}
.floating-support-button::after {
  animation: floatingSupportPulse 2.2s ease-out infinite;
  border: 2px solid currentColor;
  border-radius: inherit;
  content: "";
  inset: -5px;
  opacity: .28;
  pointer-events: none;
  position: absolute;
}
.floating-support-button.is-whatsapp { color: #20c863; }
.floating-support-button.is-telegram { color: #229ed9; }
.floating-support-button > img { border-radius: 25%; display: block; height: 100%; object-fit: contain; width: 100%; }
.floating-support-button:hover,
.floating-support-button:focus { box-shadow: 0 20px 44px rgba(18, 22, 34, .36); outline: 3px solid rgba(var(--storefront-accent-rgb), .2); transform: translateY(-4px) scale(1.03); }
.floating-support-tooltip {
  background: #211e2c;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  opacity: 0;
  padding: 8px 11px;
  pointer-events: none;
  position: absolute;
  right: calc(100% + 12px);
  transform: translateX(6px);
  transition: opacity .2s ease, transform .2s ease;
  white-space: nowrap;
}
.floating-support-button:hover .floating-support-tooltip,
.floating-support-button:focus .floating-support-tooltip { opacity: 1; transform: none; }

@keyframes floatingSupportPulse {
  0% { opacity: .32; transform: scale(.94); }
  75%, 100% { opacity: 0; transform: scale(1.22); }
}

@media (max-width: 575px) {
  .checkout-info-modal .modal-body { padding: 18px; }
  .floating-support-button { bottom: max(14px, env(safe-area-inset-bottom)); right: max(14px, env(safe-area-inset-right)); }
  .floating-support-tooltip { display: none; }
}

.checkout-result .checkout-help-btn { background: #252139 !important; border: 1px solid #252139 !important; color: #fff !important; }
.checkout-result .checkout-help-btn:hover, .checkout-result .checkout-help-btn:focus { background: var(--storefront-accent) !important; border-color: var(--storefront-accent) !important; color: #fff !important; }

html[data-theme="dark"] body.storefront-theme-aurora .myorders-page { background: radial-gradient(circle at 12% 18%, rgba(var(--storefront-accent-rgb), .18), transparent 34%), var(--aurora-bg); }
html[data-theme="dark"] body.storefront-theme-aurora .myorders-shell,
html[data-theme="dark"] body.storefront-theme-aurora .myorders-results,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-card { background: var(--aurora-surface-solid); border-color: var(--aurora-border); color: var(--aurora-text); }
html[data-theme="dark"] body.storefront-theme-aurora .myorders-search-panel,
html[data-theme="dark"] body.storefront-theme-aurora .myorders-footer,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-service,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-meta > span,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-metrics > span,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-link { background: var(--aurora-surface-soft); border-color: var(--aurora-border); }
html[data-theme="dark"] body.storefront-theme-aurora .myorders-form-copy strong,
html[data-theme="dark"] body.storefront-theme-aurora .myorders-empty-state strong,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-summary p,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-id strong,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-service strong,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-meta strong,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-metrics strong { color: var(--aurora-text); }
html[data-theme="dark"] body.storefront-theme-aurora .myorders-input-wrap .form-control { background: var(--aurora-surface-solid); border-color: var(--aurora-border); color: var(--aurora-text); }
html[data-theme="dark"] body.storefront-theme-aurora .checkout-result .checkout-help-btn { background: var(--storefront-accent) !important; border-color: var(--storefront-accent) !important; color: #fff !important; }

.storefront-animations .reveal-on-scroll { opacity: 0; transform: translateY(22px); transition: opacity .55s ease var(--reveal-delay, 0ms), transform .55s ease var(--reveal-delay, 0ms); }
.storefront-animations .reveal-on-scroll.is-visible { opacity: 1; transform: none; }

body:not(.storefront-theme-aurora) .btn-primary,
body:not(.storefront-theme-aurora) .bg-primary { background-color: var(--storefront-legacy) !important; border-color: var(--storefront-legacy) !important; }
body:not(.storefront-theme-aurora) .text-primary,
body:not(.storefront-theme-aurora) a:not(.btn):hover { color: var(--storefront-legacy); }

@keyframes storefrontDrawerIn { from { opacity: 0; transform: translateY(-7px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 900px) {
  .storefront-review-grid { grid-template-columns: 1fr; }
  .storefront-review-card { min-height: 0; }
  .storefront-actions.is-inline .storefront-action-link span { display: none; }
  .storefront-actions { margin-left: auto; }
}

@media (max-width: 575px) {
  .storefront-reviews { padding: 65px 17px; }
  .storefront-drawer { position: fixed; right: 14px; top: 74px; width: calc(100vw - 28px); }
  .order-bump-fields { grid-template-columns: 1fr; }
  .myorders-page { padding: 105px 0 45px; }
  .myorders-page-container { padding-left: 12px; padding-right: 12px; }
  .myorders-modal-dialog { margin: 0; padding: 8px; }
  .myorders-shell { border-radius: 20px; }
  .myorders-header { gap: 11px; padding: 20px 17px; }
  .myorders-header-icon { flex-basis: 43px; height: 43px; }
  .myorders-header p { font-size: 11px; }
  .myorders-close { height: 32px; width: 32px; }
  .myorders-search-panel, .myorders-results { padding: 17px; }
  .myorders-form-copy { align-items: flex-start; flex-direction: column; gap: 3px; }
  .myorders-search-row { flex-direction: column; }
  .myorders-submit.btn-submit { width: 100%; }
  .myorders-footer { gap: 8px; padding: 12px 17px; }
  .order-history-summary { align-items: flex-start; flex-direction: column; }
  .order-history-meta { grid-template-columns: 1fr; }
  .order-history-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* Order history v2 and theme-stable user layout */
body.site-user-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.site-user-layout .site-content-shell {
  flex: 1 0 auto;
  min-width: 0;
  width: 100%;
}
.site-shell-footer.footer {
  background: #fff !important;
  border-top: 1px solid rgba(31, 27, 49, .09);
  color: #2c3e50;
  flex: 0 0 auto;
  transition: background .25s ease, border-color .25s ease, color .25s ease;
}
.site-shell-footer .main-logo { color: inherit !important; text-decoration: none !important; }
.site-shell-footer .text,
.site-shell-footer .copyright { color: inherit; }

body.storefront-theme-aurora.site-user-layout {
  background: var(--aurora-bg);
  color: var(--aurora-text);
}
body.storefront-theme-aurora.site-user-layout .site-shell-footer.footer {
  background: var(--aurora-surface-solid) !important;
  border-color: var(--aurora-border);
  color: var(--aurora-text);
}
body.storefront-theme-aurora.site-user-layout .site-shell-footer .text,
body.storefront-theme-aurora.site-user-layout .site-shell-footer .copyright {
  color: var(--aurora-text) !important;
}
body.storefront-theme-aurora.site-user-layout .site-shell-footer .copyright { opacity: .68; }

.myorders-page {
  background:
    radial-gradient(circle at 8% 10%, rgba(var(--storefront-accent-rgb), .14), transparent 34%),
    radial-gradient(circle at 92% 78%, rgba(34, 158, 217, .08), transparent 28%),
    #f5f5fa;
  min-height: calc(100vh - 96px);
  padding: 126px 0 64px;
}
.myorders-page-container { max-width: 1120px; padding-left: 22px; padding-right: 22px; }
.myorders-experience { margin: 0; min-width: 0; width: 100%; }
.myorders-shell {
  background: #fff;
  border: 1px solid rgba(31, 27, 49, .09);
  border-radius: 30px;
  box-shadow: 0 28px 85px rgba(26, 22, 55, .14);
  color: #282536;
  overflow: hidden;
  width: 100%;
}
.myorders-header {
  align-items: flex-start;
  background:
    radial-gradient(circle at 86% -40%, rgba(255,255,255,.2), transparent 42%),
    linear-gradient(135deg, #252139 0%, #35304f 62%, #40375f 100%);
  color: #fff;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 34px 38px;
}
.myorders-header-copy { align-items: center; display: flex; gap: 18px; min-width: 0; }
.myorders-header-copy > div { min-width: 0; }
.myorders-header-icon {
  align-items: center;
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 19px;
  display: flex;
  flex: 0 0 58px;
  font-size: 23px;
  height: 58px;
  justify-content: center;
}
.myorders-eyebrow {
  align-items: center;
  color: #d4cdfd;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  gap: 6px;
  letter-spacing: .14em;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.myorders-header h1 {
  color: #fff;
  font-size: clamp(25px, 3.3vw, 38px);
  font-weight: 850;
  letter-spacing: -.045em;
  line-height: 1.08;
  margin: 0 0 9px;
}
.myorders-header p { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.55; margin: 0; max-width: 680px; }
.myorders-back-link {
  align-items: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: #fff !important;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  gap: 7px;
  min-height: 40px;
  padding: 0 14px;
  text-decoration: none !important;
}
.myorders-back-link:hover { background: rgba(255,255,255,.1); }
.myorders-close {
  align-items: center;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex: 0 0 40px;
  font-size: 26px;
  height: 40px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 3px;
  width: 40px;
}
.myorders-close:hover { background: rgba(255,255,255,.2); }

.myorders-search-panel { background: #f8f7fc; border-bottom: 1px solid #e9e6ef; padding: 27px 38px 29px; }
.myorders-search-heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: 19px; }
.myorders-search-heading > div { align-items: center; display: flex; gap: 12px; min-width: 0; }
.myorders-step {
  align-items: center;
  background: rgba(var(--storefront-accent-rgb), .11);
  border-radius: 11px;
  color: var(--storefront-accent);
  display: flex;
  flex: 0 0 38px;
  font-size: 11px;
  font-weight: 900;
  height: 38px;
  justify-content: center;
}
.myorders-search-heading h2 { color: #292637; font-size: 17px; font-weight: 850; margin: 0 0 3px; }
.myorders-search-heading p { color: #7c7788; font-size: 11px; margin: 0; }
.myorders-secure-chip {
  align-items: center;
  background: #e5f8ef;
  border: 1px solid #cceedd;
  border-radius: 999px;
  color: #087b53;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 850;
  gap: 5px;
  padding: 7px 10px;
}
.myorders-search-label { color: #3c384a; display: block; font-size: 11px; font-weight: 800; margin-bottom: 7px; }
.myorders-search-row { display: flex; gap: 10px; min-width: 0; }
.myorders-input-wrap { flex: 1 1 auto; min-width: 0; position: relative; }
.myorders-input-wrap > i { color: #8a8597; left: 17px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.myorders-input-wrap .form-control {
  background: #fff;
  border: 1px solid #d9d5e2;
  border-radius: 14px;
  color: #242134;
  font-size: 14px;
  height: 52px;
  padding: 0 16px 0 45px;
  width: 100%;
}
.myorders-input-wrap .form-control:focus { border-color: var(--storefront-accent); box-shadow: 0 0 0 3px rgba(var(--storefront-accent-rgb), .12); }
.myorders-submit.btn-submit {
  align-items: center;
  background: var(--storefront-accent) !important;
  border: 1px solid var(--storefront-accent) !important;
  border-radius: 14px;
  color: #fff !important;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 850;
  gap: 8px;
  height: 52px;
  justify-content: center;
  min-width: 184px;
  padding: 0 20px;
  text-transform: none;
  white-space: nowrap;
  width: auto !important;
}
.myorders-submit:hover { filter: brightness(1.06); transform: translateY(-1px); }
.myorders-submit:disabled { cursor: wait; opacity: .72; transform: none; }
.myorders-submit.is-loading i { animation: myordersSpin .8s linear infinite; }
.myorders-feedback { border-radius: 12px; font-size: 12px; margin: 12px 0 0; padding: 10px 13px; }

.myorders-results { background: #fff; min-height: 280px; padding: 30px 38px 34px; scroll-margin-top: 90px; }
.myorders-empty-state {
  align-items: center;
  color: #777283;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 240px;
  padding: 26px;
  text-align: center;
}
.myorders-empty-state > .myorders-empty-icon {
  align-items: center;
  background: rgba(var(--storefront-accent-rgb), .1);
  border: 1px solid rgba(var(--storefront-accent-rgb), .12);
  border-radius: 19px;
  color: var(--storefront-accent);
  display: flex;
  font-size: 23px;
  height: 62px;
  justify-content: center;
  margin-bottom: 15px;
  width: 62px;
}
.myorders-empty-state strong { color: #2d293b; font-size: 18px; }
.myorders-empty-state p { font-size: 12px; line-height: 1.55; margin: 6px 0 0; max-width: 490px; }
.myorders-empty-features { display: flex; flex-wrap: wrap; gap: 13px; justify-content: center; margin-top: 17px; }
.myorders-empty-features span { color: #747080; font-size: 10px; font-weight: 750; }
.myorders-empty-features i { color: #13a979; margin-right: 4px; }
.myorders-empty-state.is-search-empty { min-height: 255px; }

.myorders-trustbar {
  align-items: center;
  background: #fbfafd;
  border-top: 1px solid #ece8f2;
  color: #817c8e;
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  padding: 14px 38px;
}
.myorders-trustbar i { color: var(--storefront-accent); margin-right: 4px; }
.myorders-trustbar a { color: var(--storefront-accent) !important; font-weight: 850; text-decoration: none !important; }

.order-results-toolbar { align-items: center; display: flex; justify-content: space-between; margin-bottom: 20px; }
.order-results-count { align-items: center; display: flex; gap: 11px; }
.order-results-count > span {
  align-items: center;
  background: rgba(var(--storefront-accent-rgb), .1);
  border-radius: 13px;
  color: var(--storefront-accent);
  display: flex;
  font-size: 20px;
  font-weight: 900;
  height: 46px;
  justify-content: center;
  width: 46px;
}
.order-results-count strong, .order-results-count small { display: block; }
.order-results-count strong { color: #302c40; font-size: 14px; }
.order-results-count small { color: #8a8594; font-size: 10px; margin-top: 2px; }
.order-results-updated { color: #0b8d61; font-size: 10px; font-weight: 850; }
.order-history-list { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.myorders-experience.is-modal .order-history-list { grid-template-columns: 1fr; }
.order-history-card {
  background: #fff;
  border: 1px solid #e6e2ec;
  border-radius: 20px;
  box-shadow: 0 9px 26px rgba(31, 27, 55, .05);
  min-width: 0;
  padding: 20px;
}
.order-history-card-head { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 15px; }
.order-history-id small, .order-history-id strong { display: block; }
.order-history-id small { color: #8a8595; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.order-history-id strong { color: #2a2638; font-size: 21px; line-height: 1.15; }
.order-history-status { align-items: center; background: #f0eef4; border-radius: 999px; color: #625e6d; display: inline-flex; flex: 0 0 auto; font-size: 10px; font-weight: 850; gap: 6px; padding: 7px 10px; }
.order-history-status.is-completed { background: #e4f8ef; color: #087b53; }
.order-history-status.is-pending, .order-history-status.is-processing { background: #fff4d9; color: #9a6511; }
.order-history-status.is-progress { background: #e9efff; color: #3557aa; }
.order-history-status.is-canceled, .order-history-status.is-refunded { background: #ffeaec; color: #b33845; }
.order-history-status.is-partial { background: #f2eaff; color: #7141a4; }

.order-history-service { align-items: center; background: #f8f7fb; border: 1px solid #efecf3; border-radius: 15px; display: flex; gap: 12px; margin-bottom: 15px; min-width: 0; padding: 12px; }
.order-history-service > .order-history-service-icon { align-items: center; background: #fff; border: 1px solid #e9e5ef; border-radius: 11px; color: var(--storefront-accent); display: flex; flex: 0 0 40px; height: 40px; justify-content: center; }
.order-history-service > div { min-width: 0; }
.order-history-service small, .order-history-service strong { display: block; }
.order-history-service small { color: #8a8595; font-size: 9px; text-transform: uppercase; }
.order-history-service strong { color: #302c40; display: -webkit-box; font-size: 12px; line-height: 1.4; margin-top: 3px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.order-history-progress { margin-bottom: 14px; }
.order-history-progress > div { align-items: center; color: #7d7888; display: flex; font-size: 10px; justify-content: space-between; margin-bottom: 6px; }
.order-history-progress > div strong { color: #383344; }
.order-history-progress-track { background: #ece9f1; border-radius: 999px; display: block; height: 7px; overflow: hidden; }
.order-history-progress-track i { background: linear-gradient(90deg, var(--storefront-accent), #20bf9f); border-radius: inherit; display: block; height: 100%; min-width: 3px; }

.order-history-details, .order-history-metrics { margin: 0; }
.order-history-details { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 8px; }
.order-history-details > div { border: 1px solid #ece8f1; border-radius: 12px; min-width: 0; padding: 10px 11px; }
.order-history-details dt { color: #8c8797; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.order-history-details dt i { color: var(--storefront-accent); margin-right: 4px; }
.order-history-details dd { color: #373244; font-size: 11px; font-weight: 800; margin: 3px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.order-history-metrics { display: grid; gap: 7px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.order-history-metrics > div { background: #faf9fc; border: 1px solid #eeeaf3; border-radius: 11px; min-width: 0; padding: 9px; }
.order-history-metrics dt { color: #8b8696; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.order-history-metrics dd { color: #2f2a3d; font-size: 12px; font-weight: 850; margin: 3px 0 0; overflow: hidden; text-overflow: ellipsis; }
.order-history-link { align-items: center; background: #faf9fc; border: 1px dashed #ddd7e6; border-radius: 11px; color: #787383; display: flex; font-size: 10px; gap: 8px; margin-top: 9px; min-width: 0; padding: 9px 11px; }
.order-history-link i { color: var(--storefront-accent); }
.order-history-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.myorders-modal-dialog { max-width: 900px; padding: 0 12px; width: calc(100% - 24px); }
.myorders-modal-surface { background: transparent; border: 0; box-shadow: none; }
.myorders-experience.is-modal .myorders-shell { display: flex; flex-direction: column; max-height: calc(100vh - 42px); max-height: calc(100dvh - 42px); }
.myorders-experience.is-modal .myorders-header { padding: 25px 28px; }
.myorders-experience.is-modal .myorders-header h1 { font-size: 28px; }
.myorders-experience.is-modal .myorders-search-panel { padding: 22px 28px 24px; }
.myorders-experience.is-modal .myorders-results { min-height: 220px; overflow-y: auto; padding: 24px 28px; }

body.storefront-theme-aurora .myorders-page { background: radial-gradient(circle at 8% 10%, rgba(var(--storefront-accent-rgb), .16), transparent 34%), radial-gradient(circle at 92% 78%, rgba(34,158,217,.09), transparent 28%), var(--aurora-bg); }
body.storefront-theme-aurora .myorders-shell,
body.storefront-theme-aurora .myorders-results,
body.storefront-theme-aurora .order-history-card { background: var(--aurora-surface-solid); border-color: var(--aurora-border); color: var(--aurora-text); }
body.storefront-theme-aurora .myorders-search-panel,
body.storefront-theme-aurora .myorders-trustbar,
body.storefront-theme-aurora .order-history-service,
body.storefront-theme-aurora .order-history-details > div,
body.storefront-theme-aurora .order-history-metrics > div,
body.storefront-theme-aurora .order-history-link { background: var(--aurora-surface-soft); border-color: var(--aurora-border); }
body.storefront-theme-aurora .myorders-search-heading h2,
body.storefront-theme-aurora .myorders-search-label,
body.storefront-theme-aurora .myorders-empty-state strong,
body.storefront-theme-aurora .order-results-count strong,
body.storefront-theme-aurora .order-history-id strong,
body.storefront-theme-aurora .order-history-service strong,
body.storefront-theme-aurora .order-history-progress > div strong,
body.storefront-theme-aurora .order-history-details dd,
body.storefront-theme-aurora .order-history-metrics dd { color: var(--aurora-text); }
body.storefront-theme-aurora .myorders-search-heading p,
body.storefront-theme-aurora .myorders-empty-state,
body.storefront-theme-aurora .myorders-empty-features span,
body.storefront-theme-aurora .myorders-trustbar,
body.storefront-theme-aurora .order-results-count small,
body.storefront-theme-aurora .order-history-service small,
body.storefront-theme-aurora .order-history-progress > div,
body.storefront-theme-aurora .order-history-details dt,
body.storefront-theme-aurora .order-history-metrics dt,
body.storefront-theme-aurora .order-history-link { color: var(--aurora-muted); }
body.storefront-theme-aurora .myorders-input-wrap .form-control,
body.storefront-theme-aurora .order-history-service > .order-history-service-icon { background: var(--aurora-surface-solid); border-color: var(--aurora-border); color: var(--storefront-accent); }
body.storefront-theme-aurora .order-history-progress-track { background: var(--aurora-border); }

html[data-theme="dark"] body.storefront-theme-aurora .myorders-secure-chip { background: rgba(19,169,121,.13); border-color: rgba(19,169,121,.22); color: #66ddb3; }
html[data-theme="dark"] body.storefront-theme-aurora .order-history-status.is-completed { background: rgba(19,169,121,.14); color: #69dfb5; }
html[data-theme="dark"] body.storefront-theme-aurora .order-history-status.is-pending,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-status.is-processing { background: rgba(236,174,47,.14); color: #f0c66f; }
html[data-theme="dark"] body.storefront-theme-aurora .order-history-status.is-progress { background: rgba(83,121,225,.16); color: #9bb7ff; }
html[data-theme="dark"] body.storefront-theme-aurora .order-history-status.is-canceled,
html[data-theme="dark"] body.storefront-theme-aurora .order-history-status.is-refunded { background: rgba(224,78,99,.15); color: #ff9cab; }
html[data-theme="dark"] body.storefront-theme-aurora .order-history-status.is-partial { background: rgba(150,92,220,.16); color: #c8a4fa; }

@keyframes myordersSpin { to { transform: rotate(360deg); } }

.myorders-code-stage { border-top: 1px solid #e7e3ed; margin-top: 18px; padding-top: 18px; }
.myorders-code-wrap .form-control { font-size: 18px; font-weight: 800; letter-spacing: .24em; }
.myorders-resend { background: transparent; border: 1px solid #d8d3e1; border-radius: 13px; color: #5d586c; font-size: 11px; font-weight: 800; min-height: 50px; padding: 0 17px; }
.myorders-resend:hover { border-color: var(--storefront-accent); color: var(--storefront-accent); }
body.storefront-theme-aurora .myorders-code-stage { border-color: var(--aurora-border); }
body.storefront-theme-aurora .myorders-resend { border-color: var(--aurora-border); color: var(--aurora-muted); }
html[data-theme="dark"] body.storefront-theme-aurora .myorders-resend:hover { color: var(--aurora-text); }

@media (max-width: 900px) {
  .myorders-page { padding-top: 108px; }
  .myorders-header { padding: 29px 26px; }
  .myorders-back-link span { display: none; }
  .myorders-search-panel, .myorders-results { padding-left: 26px; padding-right: 26px; }
  .order-history-list { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
  .myorders-page { min-height: calc(100vh - 84px); padding: 88px 0 22px; }
  .myorders-page-container { padding-left: 10px; padding-right: 10px; }
  .myorders-shell { border-radius: 22px; }
  .myorders-header { gap: 10px; padding: 21px 17px; }
  .myorders-header-copy { align-items: flex-start; gap: 11px; }
  .myorders-header-icon { border-radius: 13px; flex-basis: 42px; font-size: 17px; height: 42px; }
  .myorders-eyebrow { font-size: 8px; }
  .myorders-header h1 { font-size: 23px; margin-bottom: 6px; }
  .myorders-header p { display: -webkit-box; font-size: 10px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .myorders-back-link { min-height: 34px; padding: 0 10px; }
  .myorders-close { flex-basis: 34px; font-size: 23px; height: 34px; width: 34px; }

  .myorders-search-panel { padding: 18px 16px 20px; }
  .myorders-search-heading { align-items: flex-start; margin-bottom: 15px; }
  .myorders-search-heading h2 { font-size: 15px; }
  .myorders-search-heading p { font-size: 9px; line-height: 1.4; }
  .myorders-step { flex-basis: 34px; height: 34px; }
  .myorders-secure-chip { display: none; }
  .myorders-search-row { flex-direction: column; }
  .myorders-submit.btn-submit { min-width: 0; width: 100% !important; }
  .myorders-resend { width: 100%; }

  .myorders-results { min-height: 230px; padding: 19px 15px 22px; }
  .myorders-empty-state { min-height: 210px; padding: 18px 6px; }
  .myorders-empty-state p { max-width: 310px; }
  .myorders-empty-features { gap: 8px; }
  .myorders-trustbar { align-items: flex-start; flex-direction: column; gap: 7px; padding: 12px 16px; }

  .order-results-toolbar { align-items: flex-start; flex-direction: column; gap: 10px; }
  .order-results-updated { margin-left: 57px; }
  .order-history-card { border-radius: 17px; padding: 15px; }
  .order-history-status { font-size: 9px; padding: 6px 8px; }
  .order-history-details { grid-template-columns: 1fr; }
  .order-history-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  #modal-ajax { padding-right: 0 !important; }
  #modal-ajax .myorders-modal-dialog { height: 100vh; height: 100dvh; margin: 0; max-width: none; padding: 0; width: 100%; }
  #modal-ajax .myorders-modal-surface { border-radius: 0; height: 100%; }
  #modal-ajax .myorders-experience,
  #modal-ajax .myorders-shell { height: 100%; }
  #modal-ajax .myorders-experience.is-modal .myorders-shell { border: 0; border-radius: 0; max-height: none; }
  #modal-ajax .myorders-experience.is-modal .myorders-header { padding: 18px 15px; }
  #modal-ajax .myorders-experience.is-modal .myorders-header h1 { font-size: 22px; }
  #modal-ajax .myorders-experience.is-modal .myorders-search-panel { padding: 16px 15px 18px; }
  #modal-ajax .myorders-experience.is-modal .myorders-results { flex: 1 1 auto; min-height: 0; padding: 18px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .reveal-on-scroll { opacity: 1 !important; transform: none !important; }
}