/* Shared storefront, package picker and order cards. Scoped after legacy themes. */
html.site-pearl body .pd-page,
html.site-pearl body .ord2-list,
html.site-pearl body #buyModal {
  --order-green: #15803d;
  --order-green-soft: #eefaf2;
  --order-ink: #1c2d43;
  --order-muted: #68798e;
  --order-line: #e2e9f1;
}

/* Store cards: a complete image, readable features and one clear action. */
html.site-pearl body .sp-section :is(.sp-main-grid,.sp-random-grid) {
  display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: stretch !important; gap: 18px !important;
}
html.site-pearl body .sp-section .sp-card {
  display: flex !important; flex-direction: column !important; width: 100% !important;
  min-width: 0 !important; min-height: 0 !important; max-width: none !important; height: auto !important;
  padding: 0 !important; margin: 0 !important; overflow: hidden !important;
  background: #fff !important; border: 1px solid #dfe7f0 !important; border-radius: 20px !important;
  box-shadow: 0 6px 22px #243f6410 !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
html.site-pearl body .sp-section .sp-card::before,
html.site-pearl body .sp-section .sp-card::after { content: none !important; }
html.site-pearl body .sp-section .sp-card-banner {
  position: relative !important; flex: 0 0 auto !important; width: 100% !important;
  height: 172px !important; min-height: 0 !important; aspect-ratio: auto !important;
  border-radius: 0 !important; background: #f5f8fc !important; overflow: hidden !important;
  border: 0 !important; border-bottom: 1px solid #eaf0f6 !important;
}
html.site-pearl body .sp-section .sp-card-banner-img {
  display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important;
  object-fit: contain !important; object-position: center !important;
  transform: none !important; filter: none !important; opacity: 1 !important;
}
html.site-pearl body .sp-section .sp-card-banner-overlay { background: none !important; }
html.site-pearl body .sp-section .sp-card-body {
  display: flex !important; flex: 1 1 auto !important; flex-direction: column !important;
  width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 0 !important;
  padding: 15px !important; gap: 9px !important; overflow: visible !important;
  background: #fff !important; border: 0 !important;
}
html.site-pearl body .sp-section .sp-card-plat { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 !important; }
html.site-pearl body .sp-section :is(.sp-plat-badge,.sp-category-pill) {
  display: inline-flex; align-items: center; gap: 4px; min-width: 0;
  border-radius: 7px !important; padding: 4px 7px !important; font-size: .64rem !important;
  color: #52708f !important; background: #f2f6fc !important; border: 1px solid #e3ebf5 !important;
}
html.site-pearl body .sp-section .sp-card-name {
  margin: 0 !important; font-size: 1rem !important; line-height: 1.4 !important; font-weight: 750;
  color: #1c2d43 !important; white-space: normal !important; overflow-wrap: anywhere;
}
html.site-pearl body .sp-section .sp-feature-list {
  display: flex !important; flex-direction: column !important; gap: 5px !important;
  margin: 0 !important; padding: 0 !important; list-style: none;
  max-height: none !important; overflow: visible !important;
}
html.site-pearl body .sp-section .sp-feature-list li,
html.site-pearl body .sp-section .sp-feature-list li:nth-child(n+3) {
  display: block !important; position: relative; width: 100% !important; min-width: 0 !important;
  padding: 0 0 0 19px !important; margin: 0 !important; color: #5f7187 !important;
  font-size: .77rem !important; line-height: 1.5 !important; overflow-wrap: anywhere;
  white-space: normal !important; max-height: none !important; overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
html.site-pearl body .sp-section .sp-feature-list li::before {
  content: '\2713' !important; position: absolute !important; left: 0 !important; top: 3px !important;
  display: grid !important; place-items: center; width: 13px !important; height: 13px !important;
  border: 0 !important; border-radius: 50% !important; background: #eaf7ef !important;
  color: #15803d !important; font: 700 9px/1 system-ui !important; box-shadow: none !important;
  animation: none !important; transform: none !important; filter: none !important;
}
html.site-pearl body .sp-section .sp-feature-list li::after { content: none !important; }
html.site-pearl body .sp-section .sp-feature-list li { -webkit-text-fill-color: currentColor !important; text-shadow: none !important; filter: none !important; opacity: 1 !important; }
html.site-pearl body .sp-section .sp-card .sp-feature-list li { color: #5f7187 !important; font-size: 13px !important; }
html.site-pearl body .sp-section .sp-card-stats {
  display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 4px !important; padding: 8px 4px !important; margin: auto 0 0 !important;
  background: #f7f9fc !important; border: 1px solid #edf1f6 !important; border-radius: 10px !important;
}
html.site-pearl body .sp-section .sp-stat {
  display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center;
  min-width: 0 !important; gap: 3px !important; color: #65778e !important; font-size: .67rem !important;
}
html.site-pearl body .sp-section .sp-stat :is(i,.sp-stat-val,.sp-stat-lbl) { font-size: .67rem !important; color: inherit !important; }
html.site-pearl body .sp-section .sp-stat-val { font-weight: 700; color: #344d6b !important; }
html.site-pearl body .sp-section .sp-stat-div { display: none !important; }
html.site-pearl body .sp-section .sp-card-footer {
  display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center !important;
  gap: 8px !important; width: 100% !important; min-width: 0 !important; min-height: 44px;
  padding: 3px 0 0 !important; border: 0 !important; margin: 0 !important; background: transparent !important;
}
html.site-pearl body .sp-section .sp-price-from { font-size: .66rem !important; color: #718097 !important; margin-bottom: 2px; }
html.site-pearl body .sp-section .sp-price-block { flex: 1 1 120px !important; width: auto !important; min-width: 0 !important; }
html.site-pearl body .sp-section :is(.sp-price-range,.sp-price-free) {
  font-size: 16px !important; font-weight: 750; color: #1c2d43 !important;
  white-space: normal !important; overflow-wrap: anywhere; background: none !important; -webkit-text-fill-color: currentColor !important;
}
html.site-pearl body .sp-section .sp-buy-btn,
html.site-pearl body .sp-section .sp-buy-btn:link,
html.site-pearl body .sp-section .sp-buy-btn:visited {
  display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto !important;
  width: auto !important; min-width: 106px !important; max-width: 100% !important; height: 42px !important;
  min-height: 42px !important; gap: 7px !important; padding: 0 13px !important; border-radius: 12px !important;
  background: linear-gradient(125deg,#15803d,#168448) !important; border: 1px solid #168348 !important;
  color: #fff !important; font-size: 13px !important; font-weight: 700;
  box-shadow: 0 4px 10px #15803d1c !important; text-decoration: none;
}
html.site-pearl body .sp-section .sp-buy-btn :is(i,span) { color: inherit !important; font-size: inherit !important; }
html.site-pearl body .sp-section .sp-buy-shine { display: none !important; }
html.site-pearl body .sp-section .sp-stock-badge {
  top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important;
  padding: 5px 9px !important; border-radius: 999px !important; font-size: .6rem !important;
  color: #157444 !important; background: #f0fff6f2 !important; border: 1px solid #bfe3ce !important;
  box-shadow: 0 2px 8px #12382410 !important; backdrop-filter: none !important;
}
html.site-pearl body .sp-section .sp-stock-badge.out { background: #fff1f3 !important; color: #ad3f54 !important; border-color: #efd1d9 !important; }

/* Product detail and the purchase panel. */
html.site-pearl body .pd-page { max-width: 1160px !important; padding: 18px 18px 48px !important; }
html.site-pearl body .pd-page .pd-breadcrumb { margin: 0 0 15px !important; font-size: .76rem !important; }
html.site-pearl body .pd-page .pd-breadcrumb :is(a,span) { color: #68798e !important; }
html.site-pearl body .pd-page .pd-layout { grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr) !important; gap: 22px !important; }
html.site-pearl body .pd-page :is(.pd-left,.pd-right) { min-width: 0 !important; }
html.site-pearl body .pd-page .pd-right { position: sticky; top: 82px; }
html.site-pearl body .pd-page .pd-hero {
  height: clamp(200px,18vw,270px) !important; min-height: 0 !important; max-height: none !important;
  aspect-ratio: auto !important; border-radius: 20px !important; border: 1px solid #dfe7f0 !important;
  background: #0c1017 !important; box-shadow: 0 5px 18px #243f640c !important;
}
html.site-pearl body .pd-page .pd-hero-img { object-fit: contain !important; object-position: center !important; transform: none !important; }
html.site-pearl body .pd-page .pd-hero-overlay { background: linear-gradient(transparent 65%,#0b101952) !important; }
html.site-pearl body .pd-page .pd-hero-badges { left: 12px !important; bottom: 12px !important; }
html.site-pearl body .pd-page :is(.pd-stock-badge,.pd-plat-badge) { padding: 6px 10px !important; border-radius: 999px !important; font-size: .67rem !important; }
html.site-pearl body .pd-page .pd-stock-badge.in { background: #edfff4 !important; color: #167343 !important; border-color: #b8dfc9 !important; }
html.site-pearl body .pd-page .pd-plat-badge { background: #f1f5ff !important; color: #4d6792 !important; border-color: #d4e0f6 !important; }
html.site-pearl body .pd-page .pd-stats-row {
  display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 !important;
  padding: 13px 5px !important; margin-top: 13px !important; border: 1px solid var(--order-line) !important;
  border-radius: 15px !important; background: #fff !important; box-shadow: 0 3px 14px #243f6406 !important;
}
html.site-pearl body .pd-page .pd-stat { gap: 4px !important; min-width: 0; }
html.site-pearl body .pd-page .pd-stat > i { font-size: .85rem !important; color: #6680a2 !important; margin: 0 !important; }
html.site-pearl body .pd-page .pd-stat-val { font-size: 1rem !important; color: var(--order-ink) !important; }
html.site-pearl body .pd-page .pd-stat-lbl { font-size: .68rem !important; color: var(--order-muted) !important; }
html.site-pearl body .pd-page .pd-stat-div { display: none !important; }
html.site-pearl body .pd-page .pd-panel {
  padding: 18px !important; margin-top: 13px !important; background: #fff !important;
  border: 1px solid var(--order-line) !important; border-radius: 16px !important; box-shadow: 0 3px 14px #243f6406 !important;
}
html.site-pearl body .pd-page .pd-panel-title { font-size: .75rem !important; color: #344c68 !important; letter-spacing: .04em; margin-bottom: 12px !important; }
html.site-pearl body .pd-page .pd-feature-list > li { gap: 10px !important; font-size: .83rem !important; line-height: 1.6 !important; }
html.site-pearl body .pd-page :is(.pd-feature-text,.pd-short-desc,.pd-note-text) { color: #596b82 !important; font-size: .83rem !important; line-height: 1.6 !important; overflow-wrap: anywhere; }
html.site-pearl body .pd-page .pd-feature-checkfx { --pd-check-size: 18px !important; margin-top: 2px !important; }
html.site-pearl body .pd-page .pd-feature-checkfx__img { width: 18px !important; height: 18px !important; animation: none !important; filter: none !important; }
html.site-pearl body .pd-page .pd-feature-checkfx::before,
html.site-pearl body .pd-page .pd-feature-checkfx::after,
html.site-pearl body .pd-page .pd-feature-checkfx__particles { display: none !important; }
html.site-pearl body .pd-page .pd-guarantee-row { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px !important; margin-top: 13px !important; }
html.site-pearl body .pd-page .pd-guarantee { padding: 11px 8px !important; border: 1px solid #e5ebf3 !important; border-radius: 12px !important; background: #f8faff !important; color: #63758d !important; font-size: .65rem !important; }
html.site-pearl body .pd-page .pd-guarantee span { min-width: 0; overflow-wrap: anywhere; }
html.site-pearl body .pd-page .pd-guarantee i { color: #15803d !important; font-size: .85rem !important; }
html.site-pearl body .pd-page .pd-purchase-panel {
  border: 1px solid #dce7e2 !important; border-radius: 22px !important; background: #fff !important;
  box-shadow: 0 12px 35px #213f3010 !important; overflow: hidden;
}
html.site-pearl body .pd-page .pd-pp-head { padding: 20px 20px 16px !important; background: linear-gradient(140deg,#f0faf4,#fff 82%) !important; border-bottom: 1px solid #e7efea !important; }
html.site-pearl body .pd-page .pd-order-eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 10px; font-size: .67rem; font-weight: 650; color: #38855b; }
html.site-pearl body .pd-page .pd-order-eyebrow i { margin-right: 4px; }
html.site-pearl body .pd-page .pd-order-step { padding: 3px 7px; border-radius: 6px; color: #698478; background: #e9f3ed; font-size: .62rem; }
html.site-pearl body .pd-page .pd-pp-name { margin: 0 0 9px !important; font-size: 20px !important; line-height: 1.4 !important; color: var(--order-ink) !important; overflow-wrap: anywhere; }
html.site-pearl body .pd-page .pd-pp-meta:empty { display: none; }
html.site-pearl body .pd-page .pd-price-display { gap: 6px !important; flex-wrap: wrap; }
html.site-pearl body .pd-page .pd-price-label { font-size: .72rem !important; color: #698276 !important; }
html.site-pearl body .pd-page .pd-price-range { font-size: 1.6rem !important; font-weight: 750; background: none !important; color: #167442 !important; -webkit-text-fill-color: currentColor !important; }
html.site-pearl body .pd-page .pd-price-unit { color: inherit !important; font-size: .8rem !important; }
html.site-pearl body .pd-page .pd-section { padding: 16px 20px !important; border-color: #edf1f5 !important; background: #fff !important; box-shadow: none !important; }
html.site-pearl body .pd-page .pd-section::before,
html.site-pearl body .pd-page .pd-section::after { content: none !important; }
html.site-pearl body .pd-page .pd-section-label { display: flex; align-items: center; gap: 7px; color: #65798b !important; font-size: .7rem !important; margin-bottom: 11px !important; letter-spacing: .04em; }
html.site-pearl body .pd-page .pd-section-label i { color: #358454 !important; font-size: .79rem !important; }
html.site-pearl body .pd-page .pd-pkg-grid { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 9px !important; }
html.site-pearl body .pd-page .pd-pkg-card,
html.site-pearl body #buyModal .commerce-package {
  display: grid !important; grid-template-columns: 20px minmax(0,1fr) max-content !important;
  align-items: start !important; gap: 4px 10px !important; width: 100% !important; min-width: 0 !important;
  padding: 13px !important; border: 1px solid #dfe6ee !important; border-radius: 13px !important;
  background: #fff !important; box-shadow: 0 1px 3px #20384f04 !important; position: relative;
  cursor: pointer; transition: background-color .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
html.site-pearl body .pd-page .pd-pkg-card::before { content: none !important; }
html.site-pearl body .pd-page .pd-pkg-card.active,
html.site-pearl body .pd-page .pd-pkg-card:has(:checked),
html.site-pearl body #buyModal .commerce-package:has(:checked) {
  background: #effaf3 !important; border-color: #39a568 !important;
  box-shadow: inset 0 0 0 1px #39a568,0 3px 10px #15803d0d !important;
  animation: order-package-in .22s ease-out;
}
html.site-pearl body .pd-page input.pd-pkg-radio,
html.site-pearl body #buyModal input.commerce-package-radio {
  appearance: none !important; -webkit-appearance: none !important; display: block !important;
  width: 20px !important; height: 20px !important; min-width: 20px !important; padding: 0 !important;
  margin: 2px 0 0 !important; border: 1.5px solid #bbc9d5 !important; border-radius: 50% !important;
  background: #fff !important; box-shadow: none !important; cursor: pointer; transition: background .18s,border-color .18s;
}
html.site-pearl body .pd-page input.pd-pkg-radio:checked,
html.site-pearl body #buyModal input.commerce-package-radio:checked { border-color: #15803d !important; background: #15803d !important; box-shadow: inset 0 0 0 4px #fff !important; }
html.site-pearl body .pd-page .pd-pkg-card:focus-within,
html.site-pearl body #buyModal .commerce-package:focus-within { outline: 3px solid #5bae7d44; outline-offset: 3px; }
html.site-pearl body .pd-page .pd-pkg-info { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; min-width: 0; width: auto !important; }
html.site-pearl body .pd-page .pd-pkg-name { display: block; flex: 1 0 100%; margin: 0 !important; color: #2b4055 !important; font-size: 14px !important; line-height: 1.4 !important; white-space: normal !important; overflow-wrap: anywhere; }
html.site-pearl body .pd-page .pd-pkg-dur { display: block; color: #758699 !important; font-size: 11px !important; line-height: 1.5; }
html.site-pearl body .pd-page .pd-pkg-stock { display: flex; flex-wrap: wrap; color: #9a6870 !important; font-size: 11px !important; line-height: 1.5 !important; white-space: normal !important; }
html.site-pearl body .pd-page .pd-pkg-stock.ok { color: #288253 !important; }
html.site-pearl body .pd-page .pd-pkg-stock.ok > i { color: #29915b !important; }
html.site-pearl body .pd-page .pd-pkg-stock small { font-size: inherit !important; color: #7c8c9c !important; }
html.site-pearl body .pd-page .pd-live-dot { width: 5px !important; height: 5px !important; min-width: 5px !important; box-shadow: none !important; background: #27b66c !important; animation: none !important; }
html.site-pearl body .pd-page .pd-pkg-price { display: block; width: auto !important; font-size: 15px !important; text-align: right !important; line-height: 1.5; color: #2f455a !important; }
html.site-pearl body .pd-page .pd-pkg-price,
html.site-pearl body .pd-page .pd-pkg-price span { background: none !important; -webkit-text-fill-color: currentColor !important; }
html.site-pearl body .pd-page .pd-pkg-price span { color: inherit !important; font-size: .68rem !important; }
html.site-pearl body .pd-page .pd-pkg-card.active :is(.pd-pkg-name,.pd-pkg-price) { color: #146a38 !important; }
html.site-pearl body .pd-page .pd-pkg-price .pd-pkg-vip { display: block; width: fit-content; margin: 4px 0 0 auto; padding: 2px 5px; color: #187544 !important; background: #e1f4e7 !important; border-radius: 5px; font-size: .57rem !important; }
html.site-pearl body .pd-page .pd-pkg-desc { display: block; grid-column: 2 / -1; width: auto !important; margin: 3px 0 0 !important; padding: 5px 0 0 !important; border-top: 1px dashed #dde8e1 !important; color: #718294 !important; font-size: 12px !important; line-height: 1.5 !important; overflow-wrap: anywhere; }
html.site-pearl body .pd-page .pd-pkg-card.no-stock { opacity: .55 !important; cursor: not-allowed; background: #f7f9fb !important; }
html.site-pearl body .pd-page .pd-pkg-card.no-stock input { cursor: not-allowed; }
html.site-pearl body .pd-page .pd-qty-row { gap: 12px !important; align-items: center; flex-wrap: wrap; }
html.site-pearl body .pd-page .pd-qty-ctrl { display: inline-flex; border: 1px solid #dfe7ef !important; border-radius: 12px !important; overflow: hidden; background: #f7fafc !important; }
html.site-pearl body .pd-page .pd-qty-btn { width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 0 !important; background: #f6f9fb !important; color: #48627d !important; }
html.site-pearl body .pd-page .pd-qty-btn:disabled { opacity: .35; cursor: not-allowed; }
html.site-pearl body .pd-page .pd-qty-input { width: 44px !important; height: 40px !important; border: 0 !important; border-radius: 0 !important; font-size: 16px !important; color: #263e54 !important; box-shadow: none !important; }
html.site-pearl body .pd-page .pd-qty-avail { font-size: .71rem !important; color: #748695 !important; }
html.site-pearl body .pd-page .pd-invoice-section { background: #fafcfb !important; }
html.site-pearl body .pd-page .pd-invoice { gap: 8px !important; }
html.site-pearl body .pd-page .pd-inv-row { gap: 14px !important; font-size: .75rem !important; line-height: 1.5 !important; color: #738391 !important; }
html.site-pearl body .pd-page .pd-inv-val { min-width: 0; max-width: 65%; white-space: normal; overflow-wrap: anywhere; text-align: right; color: #425a6b !important; }
html.site-pearl body .pd-page .pd-inv-divider { background: none !important; border-top: 1px dashed #dce7df; margin: 3px 0 !important; }
html.site-pearl body .pd-page .pd-inv-total-val { font-size: 20px !important; color: #15803d !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
html.site-pearl body .pd-page .pd-price-display :is(.pd-price-unit,.pd-price-sep) { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html.site-pearl body .pd-page input.pd-pkg-radio:focus-visible { outline: 2px solid #43a267 !important; outline-offset: 3px; }
html.site-pearl body .pd-page .pd-inv-remain.negative .pd-inv-val { color: #b44856 !important; }
html.site-pearl body .pd-page .pd-buy-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px !important;
  min-height: 48px !important; width: calc(100% - 40px) !important; margin: 12px 20px 8px !important;
  padding: 12px 14px !important; border-radius: 13px !important; border: 1px solid #168348 !important;
  background: linear-gradient(125deg,#15803d,#168448) !important; color: #fff !important;
  font-size: .85rem !important; font-weight: 700; text-decoration: none; box-shadow: 0 5px 12px #15803d20 !important;
}
html.site-pearl body .pd-page .pd-buy-btn :is(i,span) { color: inherit !important; }
html.site-pearl body .pd-page .pd-buy-btn:disabled { opacity: 1 !important; color: #789083 !important; background: #eaf1ed !important; border-color: #e1eae5 !important; box-shadow: none !important; cursor: not-allowed; transform: none !important; }
html.site-pearl body .pd-page .pd-buy-shine { display: none !important; }
html.site-pearl body .pd-page .pd-no-balance { margin: 10px 20px !important; padding: 11px !important; background: #fff7e9 !important; border: 1px solid #f0dcb5 !important; border-radius: 12px !important; color: #8f6832 !important; font-size: .76rem !important; line-height: 1.5; }
html.site-pearl body .pd-page .pd-no-balance a { color: #8a5b1e !important; font-weight: 700; }
html.site-pearl body .pd-page .pd-footer-notes { margin: 11px 20px 17px !important; gap: 7px !important; }
html.site-pearl body .pd-page .pd-fn { align-items: baseline; gap: 7px !important; color: #819087 !important; font-size: .69rem !important; line-height: 1.5 !important; }
html.site-pearl body .pd-page .pd-fn i { color: #6b9380 !important; font-size: .7rem !important; }

/* App purchase dialog uses the same radio selection and action styling. */
html.site-pearl body #buyModal .modal-box { width: min(560px,100%) !important; max-width: 560px !important; max-height: calc(100dvh - 32px); overflow: auto !important; border-radius: 22px !important; border: 1px solid #dde8e1 !important; box-shadow: 0 24px 80px #1d352b30 !important; }
html.site-pearl body #buyModal .commerce-package:has(:disabled) { opacity: .5; cursor: not-allowed; }
html.site-pearl body #buyModal .commerce-package > span { min-width: 0; margin-left: 0 !important; overflow-wrap: anywhere; }
html.site-pearl body #buyModal .commerce-package strong { color: #30485a; font-size: .85rem; }
html.site-pearl body #buyModal .commerce-package > span:last-child { color: #197345 !important; font-size: .85rem; white-space: nowrap; }
html.site-pearl body #buyModal #buyConfirmBtn { width: 100%; min-height: 46px; border-radius: 12px; background: #15803d !important; color: #fff !important; border: 1px solid #15803d; font-weight: 700; }

/* Order history, delivery information and order success. */
html.site-pearl body.detail-page .ord2-page-hd { gap: 16px; margin-bottom: 20px; }
html.site-pearl body.detail-page .ord2-page-title { font-size: 1.45rem !important; letter-spacing: -.03em; }
html.site-pearl body.detail-page .ord2-page-sub { margin-top: 5px; font-size: .8rem; color: #74849a !important; }
html.site-pearl body.detail-page .ord2-page-icon { width: 46px; height: 46px; border-radius: 15px; background: #edf8f1 !important; color: #22804c !important; border: 1px solid #d7eadd !important; box-shadow: none !important; }
html.site-pearl body.detail-page .ord2-balance-box { padding: 12px 17px; border: 1px solid #dce9e1 !important; border-radius: 15px !important; background: #f4fbf6 !important; box-shadow: none !important; }
html.site-pearl body.detail-page .ord2-balance-lbl { font-size: .61rem; color: #799384 !important; letter-spacing: .06em; }
html.site-pearl body.detail-page .ord2-balance-val { font-size: 1.12rem; color: #177442 !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
html.site-pearl body.detail-page .ord2-row-card { background: #fff !important; border: 1px solid #dfe7f0 !important; border-radius: 20px !important; box-shadow: 0 6px 24px #233f6410 !important; }
/* The modal wrapper covers the viewport; only its inner card is a surface. */
html.site-pearl body.detail-page #od2Modal:not(.active),
html.site-pearl body.detail-page #od2Overlay:not(.active) { display: none !important; }
html.site-pearl body.detail-page #od2Modal { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html.site-pearl body.detail-page #od2Modal.active { display: flex !important; }
html.site-pearl body.detail-page #od2Modal .od2-inner { background: #fff !important; color: #344c67; border: 1px solid #dce5ef; border-radius: 20px; box-shadow: 0 24px 80px #233f6430; }
html.site-pearl body.detail-page .ord2-rc-accent { height: 3px; opacity: .8; }
html.site-pearl body.detail-page .ord3-order-shell { padding: 19px; }
html.site-pearl body.detail-page .ord3-product { grid-template-columns: 164px minmax(0,1fr); gap: 18px; }
html.site-pearl body.detail-page .ord3-product-media { height: 122px; background: #f5f8fc !important; border: 1px solid #e5ebf3 !important; border-radius: 13px; }
html.site-pearl body.detail-page .ord3-product-media img { object-fit: contain !important; }
html.site-pearl body.detail-page .ord3-product-head { border-color: #edf1f6; padding-bottom: 11px; gap: 10px; }
html.site-pearl body.detail-page .ord3-product-head h2 { color: #273e56 !important; font-size: 1rem; }
html.site-pearl body.detail-page .ord3-package { color: #74839a !important; font-size: .7rem; margin-top: 5px; }
html.site-pearl body.detail-page .ord2-badge { border-radius: 999px !important; padding: 6px 10px !important; font-size: .59rem !important; white-space: normal; }
html.site-pearl body.detail-page .ord2-badge-done { background: #eaf8ef !important; color: #23814d !important; border: 1px solid #c9e6d3 !important; }
html.site-pearl body.detail-page .ord2-badge-proc { background: #fff7e9 !important; color: #96672b !important; border: 1px solid #f0dfbd !important; }
html.site-pearl body.detail-page .ord2-badge-cancel { background: #fff0f3 !important; color: #b0475d !important; border: 1px solid #efd0d9 !important; }
html.site-pearl body.detail-page .ord3-meta-grid { padding: 12px; border-radius: 12px; gap: 12px; background: #f6f9fd !important; }
html.site-pearl body.detail-page .ord3-meta-grid span { color: #7e8ca0; font-size: .64rem; }
html.site-pearl body.detail-page .ord3-meta-grid strong { color: #4c637f; font-size: .73rem; white-space: normal; overflow-wrap: anywhere; }
html.site-pearl body.detail-page .ord3-admin-note { border: 1px solid #e3eaf4; border-radius: 13px; background: #f7faff !important; padding: 13px; }
html.site-pearl body.detail-page .ord3-note-title { color: #4a6a94 !important; font-size: .68rem; }
html.site-pearl body.detail-page .ord3-note-desc { color: #7b8ba0 !important; font-size: .7rem; }
html.site-pearl body.detail-page .ord3-note-content { color: #64788f !important; border-color: #dfe8f4; font-size: .76rem; }
html.site-pearl body.detail-page .ord3-contact-btn { flex-basis: 178px; border: 1px solid #d7e4f4; border-radius: 11px; background: #edf4ff; color: #426695; }
html.site-pearl body.detail-page .ord3-contact-btn strong { font-size: .73rem; }
html.site-pearl body.detail-page .ord3-contact-btn small { font-size: .62rem; color: #7e92b0; }
html.site-pearl body.detail-page .ord3-key-box { background: #f5faf7 !important; border: 1px solid #dbeae1 !important; border-radius: 13px; padding: 13px; }
html.site-pearl body.detail-page .ord3-key-info span { color: #789284 !important; font-size: .62rem; }
html.site-pearl body.detail-page .ord3-key-info code { color: #295c43 !important; font-size: .83rem; background: none !important; }
html.site-pearl body.detail-page .ord3-copy-btn { min-height: 42px; border: 1px solid #b8dbc5; border-radius: 10px; background: #eaf6ee; color: #247344; font-size: .74rem; }
html.site-pearl body.detail-page .ord3-delivery-box { border-radius: 13px; padding: 14px; }
html.site-pearl body.detail-page .ord3-delivery-box.pending { background: #f3f7ff !important; border: 1px solid #dce6f7 !important; }
html.site-pearl body.detail-page .ord3-delivery-box.delivered { background: #f0faf4 !important; border: 1px solid #d2eadd !important; }
html.site-pearl body.detail-page .ord3-delivery-title b { font-size: .75rem; color: #416389 !important; }
html.site-pearl body.detail-page .delivered .ord3-delivery-title b { color: #24784c !important; }
html.site-pearl body.detail-page .ord3-delivery-title span { color: #7d90a6; font-size: .68rem; }
html.site-pearl body.detail-page .ord3-delivery-eta { background: #eaf0fb; font-size: .71rem; border-radius: 9px; }
html.site-pearl body.detail-page .ord3-delivery-eta strong { color: #486991; }
html.site-pearl body.detail-page .ord3-delivery-box.pending p { color: #73859e; font-size: .75rem; }
html.site-pearl body.detail-page .ord3-delivery-content pre { background: #fff !important; border: 1px solid #d8e9de; color: #2f6748 !important; border-radius: 10px; font-size: .8rem; }
html.site-pearl body.detail-page .ord3-delivery-note { color: #557865; background: #eaf5ef; font-size: .75rem; border-radius: 10px; }
html.site-pearl body.detail-page .ord3-delivery-note b { color: #397452; }
html.site-pearl body.detail-page .ord3-order-total { padding-top: 14px; border-color: #eaf0f6; color: #7a8ba2; font-size: .76rem; }
html.site-pearl body.detail-page .ord3-order-total strong { color: #177442; font-size: 1.05rem; }
html.site-pearl body.detail-page .ord2-empty { padding: 40px 22px; border: 1px dashed #d9e4ef; border-radius: 20px; background: #ffffffbb; }
html.site-pearl body.detail-page .ord2-empty h3 { color: #344c67; }
html.site-pearl body.detail-page .ord2-empty p { color: #7b8ba0; font-size: .83rem; line-height: 1.6; }
html.site-pearl body.detail-page .ord2-empty-btn { min-height: 44px; padding: 11px 19px; background: #15803d !important; color: #fff !important; border-radius: 12px; font-size: .82rem; }
html.site-pearl body .psc-wrap { border: 1px solid #d4e8db !important; border-radius: 22px !important; box-shadow: 0 20px 65px #1e483228 !important; }
html.site-pearl body .psc-head { background: #f1faf4 !important; border-color: #e2eee6 !important; }
html.site-pearl body .psc-title { color: #24653f !important; }
html.site-pearl body .psc-row-lbl { color: #728593 !important; }
html.site-pearl body .psc-row-val { color: #35576a !important; overflow-wrap: anywhere; }
html.site-pearl body .psc-total-val { color: #15803d !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
html.site-pearl body .psc-btn-orders { background: #15803d !important; color: #fff !important; border-radius: 11px !important; }

@keyframes order-package-in { from { box-shadow: inset 0 0 0 1px #39a568,0 0 0 4px #39a56822; } to { box-shadow: inset 0 0 0 1px #39a568,0 3px 10px #15803d0d; } }
@media (hover:hover) {
  html.site-pearl body .sp-section .sp-card:hover { border-color: #afcdbb !important; box-shadow: 0 12px 28px #254a3318 !important; transform: translateY(-3px); }
  html.site-pearl body .pd-page .pd-pkg-card:not(.no-stock):hover,
  html.site-pearl body #buyModal .commerce-package:not(:has(:disabled)):hover { border-color: #80bc99 !important; background: #f6fcf8 !important; transform: none !important; }
  html.site-pearl body .pd-page .pd-pkg-card.active:hover { background: #eaf8ef !important; }
  html.site-pearl body .pd-page .pd-buy-btn:not(:disabled):hover { box-shadow: 0 7px 17px #15803d2b !important; transform: translateY(-1px); }
}
@media (min-width:1550px) { html.site-pearl body .sp-section :is(.sp-main-grid,.sp-random-grid) { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } }
@media (max-width:1150px) { html.site-pearl body .sp-section :is(.sp-main-grid,.sp-random-grid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:960px) {
  html.site-pearl body .pd-page .pd-layout { grid-template-columns: minmax(0,1fr) !important; gap: 13px !important; }
  html.site-pearl body .pd-page .pd-left { display: contents !important; }
  html.site-pearl body .pd-page .pd-hero { order: 1; height: clamp(180px,38vw,300px) !important; }
  html.site-pearl body .pd-page .pd-stats-row { order: 2; margin: 0 !important; }
  html.site-pearl body .pd-page .pd-right { order: 3; position: static; }
  html.site-pearl body .pd-page .pd-panel { order: 4; margin: 0 !important; }
  html.site-pearl body .pd-page .pd-guarantee-row { order: 5; margin: 0 !important; }
  html.site-pearl body .pd-page .pd-pkg-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html.site-pearl body .pd-page .pd-pkg-price { font-size: 15px !important; }
  html.site-pearl body.detail-page .ord3-product { grid-template-columns: 130px minmax(0,1fr); gap: 14px; }
  html.site-pearl body.detail-page .ord3-meta-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  html.site-pearl body .sp-section :is(.sp-main-grid,.sp-random-grid) { grid-template-columns: minmax(0,1fr) !important; gap: 14px !important; }
  html.site-pearl body .sp-section .sp-card-banner { height: clamp(142px,42vw,200px) !important; }
  html.site-pearl body .sp-section .sp-card-body { padding: 14px !important; gap: 9px !important; }
  html.site-pearl body .sp-section .sp-card-name { font-size: 1rem !important; }
  html.site-pearl body .sp-section .sp-feature-list li { font-size: .78rem !important; }
  html.site-pearl body .pd-page { padding: 12px 10px 30px !important; }
  html.site-pearl body .pd-page .pd-breadcrumb { margin-bottom: 12px !important; font-size: .71rem !important; }
  html.site-pearl body .pd-page .pd-hero { border-radius: 16px !important; height: clamp(155px,45vw,240px) !important; }
  html.site-pearl body .pd-page .pd-purchase-panel { border-radius: 18px !important; }
  html.site-pearl body .pd-page .pd-pp-head { padding: 17px 16px 14px !important; }
  html.site-pearl body .pd-page .pd-pp-name { font-size: 18px !important; }
  html.site-pearl body .pd-page .pd-price-range { font-size: 1.4rem !important; }
  html.site-pearl body .pd-page .pd-section { padding: 14px 16px !important; }
  html.site-pearl body .pd-page .pd-pkg-grid { grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
  html.site-pearl body .pd-page .pd-pkg-card { padding: 12px !important; gap: 4px 9px !important; }
  html.site-pearl body .pd-page .pd-pkg-name { font-size: 14px !important; }
  html.site-pearl body .pd-page .pd-buy-btn { width: calc(100% - 32px) !important; margin: 10px 16px 6px !important; font-size: .83rem !important; }
  html.site-pearl body .pd-page .pd-footer-notes { margin: 11px 16px 15px !important; }
  html.site-pearl body .pd-page .pd-no-balance { margin: 10px 16px !important; }
  html.site-pearl body .pd-page .pd-guarantee { padding: 9px 5px !important; font-size: .62rem !important; line-height: 1.45 !important; }
  html.site-pearl body.detail-page .ord3-order-shell { padding: 14px; }
  html.site-pearl body.detail-page .ord3-product { grid-template-columns: minmax(0,1fr); gap: 13px; }
  html.site-pearl body.detail-page .ord3-product-media { height: 150px; aspect-ratio: auto; }
  html.site-pearl body.detail-page .ord3-admin-note { flex-direction: column; }
  html.site-pearl body.detail-page .ord3-contact-btn { flex: 0 0 auto; width: 100%; min-height: 44px; }
  html.site-pearl body.detail-page .ord3-key-box { flex-direction: column; }
  html.site-pearl body.detail-page .ord3-copy-btn { min-height: 42px; width: 100%; }
  html.site-pearl body.detail-page .ord2-row-card { border-radius: 17px !important; }
  html.site-pearl body.detail-page .ord3-product-head h2 { font-size: .95rem; }
}
@media (prefers-reduced-motion:reduce) {
  html.site-pearl body .sp-section .sp-card,
  html.site-pearl body .pd-page :is(.pd-pkg-card,.pd-pkg-radio,.pd-buy-btn),
  html.site-pearl body #buyModal .commerce-package { transition: none !important; animation: none !important; transform: none !important; }
}