/*
 * card-printing-2-design.css
 * Scoped design overrides for body.page-id-654923
 * Matches the home-v2 design system.
 * Zero impact on any other page.
 */

/* ─── CSS Variables (scoped) ─────────────────────────────── */
body.page-id-654923 {
  --cp2-orange:        #ff5a00;
  --cp2-orange-2:      #ff9500;
  --cp2-orange-dark:   #e94c00;
  --cp2-orange-soft:   #fff1e7;
  --cp2-ink:           #151515;
  --cp2-dark:          #071127;
  --cp2-text:          #32343a;
  --cp2-muted:         #65718a;
  --cp2-muted-2:       #52607a;
  --cp2-line:          #e7ebf2;
  --cp2-bg:            #f7f8fb;
  --cp2-white:         #ffffff;
  --cp2-radius-xl:     28px;
  --cp2-radius-lg:     22px;
  --cp2-radius-md:     14px;
  --cp2-radius-sm:     8px;
  --cp2-radius-pill:   999px;
  --cp2-shadow:        0 16px 40px rgba(7,17,39,.07);
  --cp2-shadow-soft:   0 8px 22px rgba(7,17,39,.05);
  --cp2-shadow-card:   0 12px 34px rgba(20,20,20,.08);
}

/* ─── Page Background ─────────────────────────────────────── */
body.page-id-654923,
body.page-id-654923 #outer-wrap,
body.page-id-654923 #wrap,
body.page-id-654923 #main,
body.page-id-654923 .site-main,
body.page-id-654923 #content-wrap,
body.page-id-654923 #primary,
body.page-id-654923 .content-area {
  background: var(--cp2-bg) !important;
  color: var(--cp2-text);
}

/* ─── Font Family ──────────────────────────────────────────── */
body.page-id-654923,
body.page-id-654923 .main-wrapper,
body.page-id-654923 .sec-1,
body.page-id-654923 .sec-2,
body.page-id-654923 .sec-3,
body.page-id-654923 .elementor-shortcode,
body.page-id-654923 p,
body.page-id-654923 li,
body.page-id-654923 span,
body.page-id-654923 div,
body.page-id-654923 button,
body.page-id-654923 a,
body.page-id-654923 input,
body.page-id-654923 textarea,
body.page-id-654923 select,
body.page-id-654923 label {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ─── Main Wrapper ─────────────────────────────────────────── */
body.page-id-654923 .main-wrapper {
  max-width: 1200px;
  margin: 16px auto;
  padding: 0 16px 32px;
  background: transparent;
}

/* ─── Section 1 & 2 shell ─────────────────────────────────── */
body.page-id-654923 .sec-1,
body.page-id-654923 .sec-2 {
  background: var(--cp2-white);
  border: 1px solid var(--cp2-line);
  border-radius: var(--cp2-radius-lg);
  box-shadow: var(--cp2-shadow);
  padding: 20px 22px;
  margin-bottom: 16px;
}

body.page-id-654923 .sec-3 {
  background: var(--cp2-white);
  border: 1px solid var(--cp2-line);
  border-radius: var(--cp2-radius-lg);
  box-shadow: var(--cp2-shadow);
  padding: 20px 22px;
  margin-bottom: 16px;
}

/* ─── Section Headers (hdr-txt) ───────────────────────────── */
body.page-id-654923 h2.hdr-txt {
  background: linear-gradient(90deg, #fff8f4, #fff);
  border: 1px solid var(--cp2-line);
  border-left: 4px solid var(--cp2-orange);
  border-radius: var(--cp2-radius-sm);
  color: var(--cp2-dark) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 12px 16px !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -.01em;
  text-transform: uppercase;
}

body.page-id-654923 h2.hdr-txt span {
  color: var(--cp2-muted) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding-left: 10px !important;
}

/* Step 2 hdr variant */
body.page-id-654923 h2.hdr-txt.step-2-parent {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

body.page-id-654923 .step-2 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 16px !important;
  color: var(--cp2-dark) !important;
}

body.page-id-654923 .step-2 span {
  font-size: 14px !important;
  color: var(--cp2-muted) !important;
}

/* ─── Sub Section ─────────────────────────────────────────── */
body.page-id-654923 .sub-section {
  margin: 0 0 18px 0;
}

/* ─── Game Selector (gamesContent / gamesDiv) ─────────────── */
body.page-id-654923 .gamesContent {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 4px 6px !important;
  background: transparent !important;
  border-radius: var(--cp2-radius-md) !important;
}

body.page-id-654923 .gamesDiv {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-pill) !important;
  background: var(--cp2-white) !important;
  color: var(--cp2-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: border-color .18s, background .18s, color .18s !important;
  margin-top: 0 !important;
}

body.page-id-654923 .gamesDiv:hover,
body.page-id-654923 .gamesDiv.active {
  border-color: var(--cp2-orange) !important;
  background: var(--cp2-orange-soft) !important;
  color: var(--cp2-orange-dark) !important;
}

body.page-id-654923 .game-img {
  width: 36px !important;
  height: auto !important;
  border-radius: 4px !important;
}

/* Flag images / game radio buttons */
body.page-id-654923 input[name="bleed-radio-game"] + label img,
body.page-id-654923 input[name="bleed-radio-game-back"] + label img {
  border: 2px solid var(--cp2-line) !important;
  border-radius: 4px !important;
  transition: border-color .18s !important;
}

body.page-id-654923 input[name="bleed-radio-game"]:checked + label img,
body.page-id-654923 input[name="bleed-radio-game-back"]:checked + label img {
  border-color: var(--cp2-orange) !important;
}

body.page-id-654923 input[name="bleed-radio-game"]:checked + label::before,
body.page-id-654923 input[name="bleed-radio-game-back"]:checked + label::before {
  border: 3px solid var(--cp2-orange) !important;
  border-radius: 4px !important;
}

/* ─── Textarea / Search Box ───────────────────────────────── */
body.page-id-654923 .txtarea {
  background: #f4f6fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  padding: 12px !important;
  height: 160px !important;
  transition: border-color .18s !important;
}

body.page-id-654923 .txtarea:focus-within {
  border-color: var(--cp2-orange) !important;
  box-shadow: 0 0 0 3px rgba(255,90,0,.08) !important;
}

body.page-id-654923 .txtarea textarea,
body.page-id-654923 #searchbox {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: var(--cp2-dark) !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
  resize: none !important;
}

body.page-id-654923 .txtarea textarea::placeholder,
body.page-id-654923 #searchbox::placeholder {
  color: #9da8b8 !important;
  font-style: italic !important;
}

/* Text inputs (autocomplete, form-control) */
body.page-id-654923 .form-control,
body.page-id-654923 .textareaAuto,
body.page-id-654923 input[type="text"].form-control {
  background: #f4f6fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-sm) !important;
  color: var(--cp2-dark) !important;
  font-size: 15px !important;
  padding: 9px 12px !important;
  transition: border-color .18s, box-shadow .18s !important;
  height: auto !important;
}

body.page-id-654923 .form-control:focus,
body.page-id-654923 .textareaAuto:focus {
  border-color: var(--cp2-orange) !important;
  box-shadow: 0 0 0 3px rgba(255,90,0,.08) !important;
  outline: none !important;
  background: var(--cp2-white) !important;
}

/* ─── Instructions Box ────────────────────────────────────── */
body.page-id-654923 .ins-box,
body.page-id-654923 .ins-box2 {
  background: linear-gradient(135deg, #f7f9ff, #f0f3fa) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  padding: 14px !important;
  height: auto !important;
}

body.page-id-654923 .ins-box h4 {
  color: var(--cp2-dark) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 0 12px 0 !important;
  margin: 0 !important;
}

body.page-id-654923 .ins-box ul li {
  color: var(--cp2-text) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  padding: 2px 0 !important;
}

/* ─── CTA Buttons ─────────────────────────────────────────── */
body.page-id-654923 .cta-btn1,
body.page-id-654923 a.cta-btn1 {
  background: linear-gradient(180deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  border: none !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  padding: 10px 20px !important;
  height: auto !important;
  width: auto !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 6px 18px rgba(255,90,0,.22) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

body.page-id-654923 .cta-btn1:hover,
body.page-id-654923 a.cta-btn1:hover {
  background: linear-gradient(180deg, #e86e10, #d94e00) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 26px rgba(255,90,0,.32) !important;
  text-decoration: none !important;
}

body.page-id-654923 .cta-btn-str button,
body.page-id-654923 .cta-btn-str a {
  background: linear-gradient(180deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  border: none !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: 0 12px 28px rgba(255,90,0,.26) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

body.page-id-654923 .cta-btn-str button:hover,
body.page-id-654923 .cta-btn-str a:hover {
  background: linear-gradient(180deg, #e86e10, #d94e00) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(255,90,0,.34) !important;
  text-decoration: none !important;
}

/* How to order button */
body.page-id-654923 .how-to-order .cta-btn1 {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  color: var(--cp2-dark) !important;
  box-shadow: var(--cp2-shadow-soft) !important;
}

body.page-id-654923 .how-to-order .cta-btn1:hover {
  background: #f0f0f0 !important;
  border-color: var(--cp2-orange) !important;
  color: var(--cp2-dark) !important;
}

/* Bootstrap btn-success overrides */
body.page-id-654923 .btn.btn-success,
body.page-id-654923 a.btn.btn-success {
  background: linear-gradient(180deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  border-color: var(--cp2-orange) !important;
  border-radius: var(--cp2-radius-sm) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 8px 20px !important;
}

body.page-id-654923 .btn.btn-success:hover {
  background: linear-gradient(180deg, #e86e10, #d94e00) !important;
  color: #fff !important;
}

/* ─── Card Grid & Card Boxes ──────────────────────────────── */
body.page-id-654923 .card-bx-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin: 0 !important;
}

body.page-id-654923 .card-bx-holder {
  flex: 0 0 calc(33.333% - 10px) !important;
  max-width: calc(33.333% - 10px) !important;
  padding: 0 !important;
}

body.page-id-654923 .col-3-shell {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  box-shadow: var(--cp2-shadow-soft) !important;
  padding: 10px 10px 12px !important;
  transition: box-shadow .2s ease, border-color .2s ease !important;
}

body.page-id-654923 .col-3-shell:hover {
  box-shadow: 0 14px 32px rgba(7,17,39,.12) !important;
  border-color: #d0d8e8 !important;
}

body.page-id-654923 .card-title-holder {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body.page-id-654923 .card-title {
  color: var(--cp2-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 0 6px 0 !important;
}

body.page-id-654923 .card-img-holder img {
  border-radius: var(--cp2-radius-md) !important;
  display: block !important;
  padding: 0 0 8px 0 !important;
  transition: transform .2s ease !important;
}

body.page-id-654923 .card-img-holder img:hover {
  transform: scale(1.03) !important;
}

/* Card bottom quantity area */
body.page-id-654923 .card-bot-area {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 6px !important;
  background: transparent !important;
}

body.page-id-654923 ul.item li.counter {
  background: #f0f3fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: 6px !important;
  color: var(--cp2-dark) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  min-width: 32px !important;
  height: 26px !important;
  line-height: 1 !important;
  padding: 4px 6px !important;
}

body.page-id-654923 ul.item li.ins a,
body.page-id-654923 ul.item li.des a {
  background: var(--cp2-orange) !important;
  border: none !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 26px !important;
  height: 26px !important;
  line-height: 1 !important;
  padding: 4px 0 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 4px !important;
  box-shadow: none !important;
  transition: background .15s !important;
}

body.page-id-654923 ul.item li.ins a:hover,
body.page-id-654923 ul.item li.des a:hover {
  background: var(--cp2-orange-dark) !important;
  color: #fff !important;
}

/* Foil button */
body.page-id-654923 .card-bot-cta a {
  background: #f0f3fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: var(--cp2-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  height: auto !important;
  box-shadow: none !important;
  transition: background .15s, border-color .15s !important;
}

body.page-id-654923 .card-bot-cta a:hover {
  background: var(--cp2-orange-soft) !important;
  border-color: var(--cp2-orange) !important;
  color: var(--cp2-orange-dark) !important;
}

body.page-id-654923 .card-bot-cta a.foila,
body.page-id-654923 .card-bot-cta a.on {
  background: linear-gradient(90deg, #ffe066, #ffa500) !important;
  border-color: #e0a800 !important;
  color: #5a3d00 !important;
}

/* Close button */
body.page-id-654923 .close-btn {
  position: absolute !important;
  right: 4px !important;
  top: 0 !important;
  opacity: .6 !important;
  cursor: pointer !important;
  transition: opacity .15s !important;
}

body.page-id-654923 .close-btn:hover {
  opacity: 1 !important;
}

/* Select dropdown (edition) */
body.page-id-654923 .select-holder,
body.page-id-654923 .select-holder-double {
  background: #f4f6fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: 6px !important;
  height: auto !important;
  margin-bottom: 6px !important;
}

body.page-id-654923 .select2-container--default .select2-selection--single {
  background: #f4f6fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: 6px !important;
  height: auto !important;
}

body.page-id-654923 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--cp2-dark) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  padding: 6px 8px !important;
}

body.page-id-654923 .select2-dropdown {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-sm) !important;
  box-shadow: var(--cp2-shadow) !important;
}

body.page-id-654923 ul.select2-results__options li {
  color: var(--cp2-dark) !important;
  font-size: 13px !important;
  padding: 8px 10px !important;
}

body.page-id-654923 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--cp2-orange-soft) !important;
  color: var(--cp2-orange-dark) !important;
}

/* ─── Pricing Section ─────────────────────────────────────── */
body.page-id-654923 .step3-lft-cell {
  flex: 0 0 42% !important;
  max-width: 42% !important;
}

body.page-id-654923 .pricing-hdr h3 {
  color: var(--cp2-dark) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  margin: 0 0 8px 0 !important;
}

body.page-id-654923 .pricing-box {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  padding: 12px !important;
  box-shadow: var(--cp2-shadow-soft) !important;
}

body.page-id-654923 .pricing-box ul li {
  border-bottom: 1px solid var(--cp2-line) !important;
  padding: 8px 0 !important;
  align-items: center !important;
}

body.page-id-654923 .pricing-box ul li:last-child {
  border-bottom: none !important;
}

body.page-id-654923 .crd-price-btn a,
body.page-id-654923 .foil-price-btn a {
  background: var(--cp2-orange-soft) !important;
  border: 1px solid #ffd4a8 !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: var(--cp2-orange-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 4px 10px !important;
  height: auto !important;
  width: auto !important;
  box-shadow: none !important;
  transition: background .15s !important;
  display: inline-block !important;
}

body.page-id-654923 .crd-price-btn a:hover,
body.page-id-654923 .foil-price-btn a:hover {
  background: #ffe0c8 !important;
  color: var(--cp2-orange-dark) !important;
}

body.page-id-654923 .crd-price-btn a.on,
body.page-id-654923 .foil-price-btn a.on {
  background: var(--cp2-orange) !important;
  border-color: var(--cp2-orange) !important;
  color: #fff !important;
}

body.page-id-654923 .price-spn,
body.page-id-654923 .foil-price-spn {
  color: var(--cp2-dark) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding-left: 8px !important;
}

/* Order summary (step3-rgt-cell) */
body.page-id-654923 .step3-rgt-cell,
body.page-id-654923 .step3-rgt-cell2 {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  padding: 16px !important;
  box-shadow: var(--cp2-shadow-soft) !important;
  margin-top: 0 !important;
}

body.page-id-654923 .step3-rgt-cell p,
body.page-id-654923 .step3-rgt-cell2 p {
  color: var(--cp2-dark) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: right !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

body.page-id-654923 .step3-rgt-cell p span,
body.page-id-654923 .step3-rgt-cell2 p span,
body.page-id-654923 .total-card-price,
body.page-id-654923 .order-price {
  color: var(--cp2-orange) !important;
  font-weight: 800 !important;
}

/* ─── Upload Progress Bar ──────────────────────────────────── */
body.page-id-654923 .uploading-percent {
  background: var(--cp2-line) !important;
  border-radius: var(--cp2-radius-pill) !important;
  height: 8px !important;
}

body.page-id-654923 .uploading-percent-inner {
  background: linear-gradient(90deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  border-radius: var(--cp2-radius-pill) !important;
}

body.page-id-654923 .uploading-txt {
  color: var(--cp2-text) !important;
  font-size: 14px !important;
}

/* ─── Error / Success Boxes ────────────────────────────────── */
body.page-id-654923 .error-bx {
  background: #fff0f0 !important;
  border: 1px solid #ffcdd2 !important;
  border-left: 4px solid #e53935 !important;
  border-radius: var(--cp2-radius-sm) !important;
  color: #c62828 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  padding: 14px 16px !important;
  margin: 10px 0 16px 0 !important;
}

body.page-id-654923 .custom-bx {
  background: #f0faf4 !important;
  border: 1px solid #c8e6c9 !important;
  border-left: 4px solid #2e7d32 !important;
  border-radius: var(--cp2-radius-sm) !important;
  color: #1b5e20 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  padding: 14px 16px !important;
  margin: 0 0 16px 0 !important;
}

/* ─── Modals / Popups ─────────────────────────────────────── */
body.page-id-654923 .modal-content {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-lg) !important;
  box-shadow: 0 24px 72px rgba(7,17,39,.18) !important;
  padding: 20px !important;
}

body.page-id-654923 .modal-header {
  border-bottom: 1px solid var(--cp2-line) !important;
  padding: 0 0 14px 0 !important;
  margin-bottom: 14px !important;
}

body.page-id-654923 .modal-title {
  color: var(--cp2-dark) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

body.page-id-654923 .modal-footer {
  border-top: 1px solid var(--cp2-line) !important;
  padding-top: 14px !important;
  margin-top: 14px !important;
}

body.page-id-654923 .modal-body {
  color: var(--cp2-text) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

body.page-id-654923 .close {
  color: var(--cp2-muted) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  opacity: .8 !important;
  background: transparent !important;
  border: none !important;
  transition: opacity .15s !important;
}

body.page-id-654923 .close:hover {
  opacity: 1 !important;
  color: var(--cp2-dark) !important;
}

/* Custom modal (restore popup) */
body.page-id-654923 .custom-modal {
  background: rgba(7,17,39,.62) !important;
}

body.page-id-654923 .custom-modal-content {
  background: transparent !important;
  border: none !important;
}

body.page-id-654923 .popup-area {
  max-width: 600px !important;
  margin: 60px auto 0 !important;
}

body.page-id-654923 .popup-area h3 {
  color: var(--cp2-dark) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}

body.page-id-654923 .popup-bx {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-lg) !important;
  box-shadow: 0 24px 72px rgba(7,17,39,.18) !important;
  padding: 24px !important;
}

body.page-id-654923 .popup-hdr {
  color: var(--cp2-dark) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-align: center !important;
  padding: 0 0 20px 0 !important;
  font-style: normal !important;
}

body.page-id-654923 .popup-btn1 {
  background: #f0f3fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: var(--cp2-dark) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  transition: background .15s !important;
  margin-bottom: 10px !important;
}

body.page-id-654923 .popup-btn1:hover {
  background: #e2e8f4 !important;
  color: var(--cp2-dark) !important;
}

body.page-id-654923 .popup-btn2 {
  background: linear-gradient(180deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  border: none !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  box-shadow: 0 8px 20px rgba(255,90,0,.22) !important;
  transition: background .18s, transform .18s !important;
}

body.page-id-654923 .popup-btn2:hover {
  background: linear-gradient(180deg, #e86e10, #d94e00) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* ─── Deck Import Modal ────────────────────────────────────── */
body.page-id-654923 #deck-import .modal-content,
body.page-id-654923 #modal-filler .modal-content,
body.page-id-654923 #modal-cards .modal-content,
body.page-id-654923 #flagsSupported .modal-content {
  background: var(--cp2-white) !important;
  padding: 1.5rem !important;
  border-radius: var(--cp2-radius-lg) !important;
  border: 1px solid var(--cp2-line) !important;
}

/* Tab buttons in modals (deck sites) */
body.page-id-654923 #deck-import .deck-example {
  background: #f4f6fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-sm) !important;
  padding: 6px 14px !important;
  color: var(--cp2-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: border-color .15s, background .15s !important;
}

body.page-id-654923 #deck-import .deck-example:hover,
body.page-id-654923 #deck-import .deck-example.active {
  background: var(--cp2-orange-soft) !important;
  border-color: var(--cp2-orange) !important;
  color: var(--cp2-orange-dark) !important;
}

/* ─── Filler / Back Card Picker ────────────────────────────── */
body.page-id-654923 .fillerDiv,
body.page-id-654923 .fillerBackDiv {
  border: 2px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  background: var(--cp2-white) !important;
  cursor: pointer !important;
  transition: border-color .18s !important;
}

body.page-id-654923 .fillerDiv:hover,
body.page-id-654923 .fillerBackDiv:hover,
body.page-id-654923 .fillerDiv.selected,
body.page-id-654923 .fillerBackDiv.selected {
  border-color: var(--cp2-orange) !important;
}

/* ─── Groups / Group Headers ──────────────────────────────── */
body.page-id-654923 .group-0-header,
body.page-id-654923 [class^="group-"][class$="-header"] {
  color: var(--cp2-dark) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding: 8px 0 6px !important;
  border-bottom: 2px solid var(--cp2-line) !important;
  margin-bottom: 12px !important;
}

/* ─── Photo / Big Image Picker ─────────────────────────────── */
body.page-id-654923 .picture-big,
body.page-id-654923 .overlayBigImg {
  border-radius: var(--cp2-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--cp2-shadow) !important;
}

/* ─── Stat Cards (tc- classes from stat.css) ───────────────── */
body.page-id-654923 .tc-body {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-lg) !important;
  box-shadow: var(--cp2-shadow) !important;
  padding: 20px 20px 32px !important;
  margin: 16px auto !important;
}

body.page-id-654923 .tc-card {
  background: #f7f9ff !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  box-shadow: var(--cp2-shadow-soft) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

body.page-id-654923 .tc-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(7,17,39,.12) !important;
  border-color: #c8d4e8 !important;
}

body.page-id-654923 .tc-card-body {
  background: var(--cp2-white) !important;
  border-top: 1px solid var(--cp2-line) !important;
  padding: 10px 12px 12px !important;
  gap: 8px !important;
}

body.page-id-654923 .tc-card-name {
  color: var(--cp2-dark) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.page-id-654923 .tc-pct-label {
  color: var(--cp2-orange) !important;
  font-weight: 700 !important;
}

body.page-id-654923 .tc-qty-label {
  color: var(--cp2-muted) !important;
}

body.page-id-654923 .tc-rank-badge {
  background: linear-gradient(135deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(255,90,0,.2) !important;
}

body.page-id-654923 .tc-add-btn {
  background: linear-gradient(180deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  box-shadow: 0 4px 14px rgba(255,90,0,.2) !important;
  padding: 7px 10px !important;
  transition: background .18s !important;
}

body.page-id-654923 .tc-add-btn:hover {
  background: linear-gradient(180deg, #e86e10, #d94e00) !important;
  color: #fff !important;
}

/* Range / Tab bars */
body.page-id-654923 .tc-range-outer {
  background: #f0f3fa !important;
  border-bottom: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) var(--cp2-radius-md) 0 0 !important;
}

body.page-id-654923 .tc-range-btn {
  border: 1px solid var(--cp2-line) !important;
  color: var(--cp2-muted) !important;
  background: var(--cp2-white) !important;
  border-radius: var(--cp2-radius-pill) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}

body.page-id-654923 .tc-range-btn:hover,
body.page-id-654923 .tc-range-btn:focus {
  background: var(--cp2-orange-soft) !important;
  border-color: var(--cp2-orange) !important;
  color: var(--cp2-orange-dark) !important;
}

body.page-id-654923 .tc-range-btn.active {
  background: var(--cp2-orange) !important;
  border-color: var(--cp2-orange) !important;
  color: #fff !important;
}

body.page-id-654923 .tc-tabs-outer {
  background: #f0f3fa !important;
  border-bottom: 2px solid var(--cp2-line) !important;
}

body.page-id-654923 .tc-tab-btn {
  color: var(--cp2-muted) !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.page-id-654923 .tc-tab-btn:hover {
  color: var(--cp2-dark) !important;
}

body.page-id-654923 .tc-tab-btn.active {
  color: var(--cp2-orange) !important;
  border-bottom-color: var(--cp2-orange) !important;
}

body.page-id-654923 .tc-hero {
  background: var(--cp2-bg) !important;
}

body.page-id-654923 .tc-lb-close {
  background: var(--cp2-orange) !important;
  color: #fff !important;
  border-radius: 50% !important;
}

body.page-id-654923 .tc-lb-close:hover {
  background: var(--cp2-orange-dark) !important;
}

/* ─── Sep / Divider ───────────────────────────────────────── */
body.page-id-654923 .sep {
  background: none !important;
}

body.page-id-654923 .sep p {
  color: var(--cp2-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: 8px 0 16px !important;
}

/* ─── Create Card Text ────────────────────────────────────── */
body.page-id-654923 .create-card-txt {
  color: var(--cp2-text) !important;
  font-size: 14px !important;
}

body.page-id-654923 .create-card-txt a {
  color: var(--cp2-orange) !important;
  text-decoration: underline !important;
}

/* ─── Flag Area ───────────────────────────────────────────── */
body.page-id-654923 .flag-area {
  padding: 12px 0 16px !important;
}

body.page-id-654923 .flag-area ul li {
  padding: 0 3px 3px !important;
}

body.page-id-654923 label img {
  border: 3px solid var(--cp2-line) !important;
  border-radius: 6px !important;
  transition: border-color .18s !important;
}

body.page-id-654923 :checked + label img {
  z-index: auto !important;
}

body.page-id-654923 :checked + label::before {
  border: 3px solid var(--cp2-orange) !important;
  border-radius: 6px !important;
}

/* ─── Foil Type Selector ──────────────────────────────────── */
body.page-id-654923 .foil-type-1,
body.page-id-654923 .foil-type-2 {
  border: 2px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  background: var(--cp2-white) !important;
  cursor: pointer !important;
  transition: border-color .18s !important;
}

body.page-id-654923 .foil-type-1:hover,
body.page-id-654923 .foil-type-2:hover {
  border-color: var(--cp2-orange) !important;
}

/* ─── Bleed / Watermark toggle ─────────────────────────────── */
body.page-id-654923 .waterBtn {
  background: #f0f3fa !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: var(--cp2-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  margin: 2px !important;
  transition: background .15s !important;
}

body.page-id-654923 .waterBtn:hover {
  background: var(--cp2-orange-soft) !important;
  border-color: var(--cp2-orange) !important;
  color: var(--cp2-orange-dark) !important;
}

/* ─── Foil discount labels ─────────────────────────────────── */
body.page-id-654923 .foilDiscount1,
body.page-id-654923 .foilDiscount2,
body.page-id-654923 .foilDiscount3 {
  background: var(--cp2-orange-soft) !important;
  border-color: #ffd4a8 !important;
  color: var(--cp2-orange-dark) !important;
}

/* ─── Lorcana / SWR specific headers ──────────────────────── */
body.page-id-654923 .lorcana-hdr,
body.page-id-654923 .stwrun-hdr {
  color: var(--cp2-dark) !important;
  font-weight: 700 !important;
}

/* ─── Deck import site buttons ────────────────────────────── */
body.page-id-654923 #deck-AetheHub,
body.page-id-654923 #deck-Archidekt,
body.page-id-654923 #deck-CubeCobra,
body.page-id-654923 #deck-Deckstats,
body.page-id-654923 #deck-Moxfield,
body.page-id-654923 #deck-MTGGoldFish,
body.page-id-654923 #deck-MTGTop8,
body.page-id-654923 #deck-Scryfall,
body.page-id-654923 #deck-TappedOut {
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-sm) !important;
  background: var(--cp2-white) !important;
  color: var(--cp2-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 12px !important;
  transition: border-color .15s, background .15s !important;
  cursor: pointer !important;
}

body.page-id-654923 #deck-AetheHub:hover,
body.page-id-654923 #deck-Archidekt:hover,
body.page-id-654923 #deck-CubeCobra:hover,
body.page-id-654923 #deck-Deckstats:hover,
body.page-id-654923 #deck-Moxfield:hover,
body.page-id-654923 #deck-MTGGoldFish:hover,
body.page-id-654923 #deck-MTGTop8:hover,
body.page-id-654923 #deck-Scryfall:hover,
body.page-id-654923 #deck-TappedOut:hover {
  background: var(--cp2-orange-soft) !important;
  border-color: var(--cp2-orange) !important;
  color: var(--cp2-orange-dark) !important;
}

/* ─── Initial Loader ──────────────────────────────────────── */
body.page-id-654923 .initialLoader {
  color: var(--cp2-muted) !important;
  font-size: 16px !important;
}

/* ─── Elementor sections on this page ─────────────────────── */
body.page-id-654923 .elementor-section {
  background-color: transparent !important;
}

/* Elementor buttons on this page */
body.page-id-654923 .elementor-button {
  background: linear-gradient(180deg, var(--cp2-orange-2), var(--cp2-orange)) !important;
  border-radius: var(--cp2-radius-pill) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(255,90,0,.2) !important;
  transition: transform .18s, box-shadow .18s !important;
}

body.page-id-654923 .elementor-button:hover {
  background: linear-gradient(180deg, #e86e10, #d94e00) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Elementor headings */
body.page-id-654923 .elementor-heading-title {
  color: var(--cp2-dark) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
}

/* ─── Page Header / Breadcrumb ─────────────────────────────── */
body.page-id-654923 .page-header {
  background: var(--cp2-white) !important;
  border-bottom: 1px solid var(--cp2-line) !important;
  box-shadow: var(--cp2-shadow-soft) !important;
}

body.page-id-654923 .page-header-title h1 {
  color: var(--cp2-dark) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
}

body.page-id-654923 .site-breadcrumbs {
  color: var(--cp2-muted) !important;
  font-size: 13px !important;
}

body.page-id-654923 .site-breadcrumbs a {
  color: var(--cp2-orange) !important;
}

body.page-id-654923 .site-breadcrumbs a:hover {
  color: var(--cp2-orange-dark) !important;
}

/* ─── Tooltips ─────────────────────────────────────────────── */
body.page-id-654923 .tooltipp .tooltiptext {
  background: var(--cp2-dark) !important;
  border-radius: var(--cp2-radius-sm) !important;
  color: #fff !important;
  font-size: 12px !important;
  box-shadow: var(--cp2-shadow) !important;
}

/* ─── OceanWP mini cart ────────────────────────────────────── */
body.page-id-654923 .oceanwp-cart-sidebar {
  background: var(--cp2-white) !important;
  box-shadow: -8px 0 40px rgba(7,17,39,.12) !important;
  border-left: 1px solid var(--cp2-line) !important;
}

/* ─── Spinner / loading states ─────────────────────────────── */
body.page-id-654923 .fa-spin,
body.page-id-654923 .btn-spin {
  color: var(--cp2-orange) !important;
}

/* ─── form-check (bleed confirm) ───────────────────────────── */
body.page-id-654923 .form-check-input:checked {
  background-color: var(--cp2-orange) !important;
  border-color: var(--cp2-orange) !important;
}

body.page-id-654923 .form-check-label {
  color: var(--cp2-text) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* ─── Sideboard area ───────────────────────────────────────── */
body.page-id-654923 #sideboard {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  box-shadow: var(--cp2-shadow-soft) !important;
  padding: 14px !important;
}

/* ─── Card search result area ──────────────────────────────── */
body.page-id-654923 #searchresult {
  background: transparent !important;
}

/* ─── BackGroup / back card area ───────────────────────────── */
body.page-id-654923 #backGroup {
  background: var(--cp2-white) !important;
  border: 1px solid var(--cp2-line) !important;
  border-radius: var(--cp2-radius-md) !important;
  padding: 14px !important;
  box-shadow: var(--cp2-shadow-soft) !important;
}

/* ─── Global link color override ───────────────────────────── */
body.page-id-654923 .main-wrapper a {
  color: var(--cp2-orange) !important;
  transition: color .18s !important;
}

body.page-id-654923 .main-wrapper a:hover {
  color: var(--cp2-orange-dark) !important;
}

/* Undo orange for structural elements */
body.page-id-654923 .main-wrapper .cta-btn1,
body.page-id-654923 .main-wrapper .popup-btn2,
body.page-id-654923 .main-wrapper .cta-btn-str a,
body.page-id-654923 .main-wrapper .cta-btn-str button {
  color: #fff !important;
}

/* ─── Responsive overrides ─────────────────────────────────── */
@media (max-width: 768px) {
  body.page-id-654923 .card-bx-holder {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }

  body.page-id-654923 .sec-1,
  body.page-id-654923 .sec-2,
  body.page-id-654923 .sec-3 {
    border-radius: var(--cp2-radius-md) !important;
    padding: 14px 14px !important;
  }

  body.page-id-654923 .step3-lft-cell,
  body.page-id-654923 .step3-rgt-cell,
  body.page-id-654923 .step3-rgt-cell2 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
  }

  body.page-id-654923 .gamesDiv {
    flex: 0 0 calc(30% - 4px) !important;
    justify-content: center !important;
  }

  body.page-id-654923 h2.hdr-txt {
    font-size: 15px !important;
    padding: 10px 12px !important;
  }

  body.page-id-654923 .popup-area {
    max-width: 100% !important;
  }

  body.page-id-654923 .popup-btn1,
  body.page-id-654923 .popup-btn2 {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  body.page-id-654923 .card-bx-holder {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body.page-id-654923 .cta-btn-str button,
  body.page-id-654923 .cta-btn-str a {
    width: 100% !important;
    font-size: 16px !important;
    padding: 14px 24px !important;
  }

  body.page-id-654923 .gamesDiv {
    flex: 0 0 calc(46% - 4px) !important;
  }
}