.elementor-12 .elementor-element.elementor-element-dfbe3b8{--display:flex;}.elementor-12 .elementor-element.elementor-element-1edd819{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for wc-elements, class: .elementor-element-3e7dd6e *//* =========================================================
   BRIGHT DBZ / 90s PIXEL WOOCOMMERCE CHECKOUT CSS
   FOR ELEMENTOR WOOCOMMERCE PAGES WIDGET CUSTOM CSS BOX

   PASTE INTO:
   WooCommerce Pages Widget → Advanced → Custom CSS / Additional CSS

   IMPORTANT:
   This code uses ".elementor-12 .elementor-element.elementor-element-3e7dd6e" so it only affects this widget.

   UX FIXES INCLUDED:
   - Brighter checkout panels
   - Dark readable text
   - Hard pixel edges
   - DBZ orange / yellow / blue / pink colors
   - Mobile friendly
   - Fixed hidden quantity number
   - Removed up/down spinner arrows covering quantity
   - Bright green Proceed To Checkout button
========================================================= */


/* =========================================================
   PIXEL FONT IMPORT
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@500;600;700;800&display=swap');


/* =========================================================
   MAIN VARIABLES
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e {
  --dd-cream: #fff6d8;
  --dd-cream-2: #fff0b8;
  --dd-yellow-panel: #ffe9a3;
  --dd-blue-panel: #dff6ff;
  --dd-pink-panel: #ffe0ef;
  --dd-white: #ffffff;

  --dd-dark: #160020;
  --dd-text: #1a1024;
  --dd-muted: #4d3c5f;
  --dd-black: #000000;

  --dd-orange: #ff7a18;
  --dd-gold: #ffbf00;
  --dd-yellow: #fff16a;
  --dd-blue: #2ec5ff;
  --dd-pink: #ff2f7d;
  --dd-green: #19c96b;
  --dd-bright-green: #39ff88;
  --dd-deep-green: #00a63f;
  --dd-red: #ff2b2b;

  font-family: "Pixelify Sans", Arial, sans-serif !important;
  color: var(--dd-text) !important;
  overflow-x: hidden !important;
}


/* =========================================================
   MAIN CHECKOUT AREA
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout,
.elementor-12 .elementor-element.elementor-element-3e7dd6e form.checkout {
  background: transparent !important;
  color: var(--dd-text) !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e *,
.elementor-12 .elementor-element.elementor-element-3e7dd6e *::before,
.elementor-12 .elementor-element.elementor-element-3e7dd6e *::after {
  box-sizing: border-box !important;
}


/* =========================================================
   READABLE GLOBAL TEXT
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e p,
.elementor-12 .elementor-element.elementor-element-3e7dd6e span,
.elementor-12 .elementor-element.elementor-element-3e7dd6e div,
.elementor-12 .elementor-element.elementor-element-3e7dd6e li,
.elementor-12 .elementor-element.elementor-element-3e7dd6e td,
.elementor-12 .elementor-element.elementor-element-3e7dd6e th,
.elementor-12 .elementor-element.elementor-element-3e7dd6e label,
.elementor-12 .elementor-element.elementor-element-3e7dd6e strong,
.elementor-12 .elementor-element.elementor-element-3e7dd6e b {
  color: var(--dd-text) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e small {
  color: var(--dd-muted) !important;
}


/* =========================================================
   HEADINGS
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e h1,
.elementor-12 .elementor-element.elementor-element-3e7dd6e h2,
.elementor-12 .elementor-element.elementor-element-3e7dd6e h3,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-billing-fields h3,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-shipping-fields h3,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-additional-fields h3,
.elementor-12 .elementor-element.elementor-element-3e7dd6e #order_review_heading {
  font-family: "Press Start 2P", monospace !important;
  color: var(--dd-dark) !important;
  text-transform: uppercase !important;
  font-size: clamp(16px, 3vw, 28px) !important;
  line-height: 1.45 !important;
  margin: 0 0 18px !important;
  text-shadow:
    2px 2px 0 var(--dd-gold),
    4px 4px 0 rgba(0,0,0,0.18) !important;
}


/* =========================================================
   MAIN CHECKOUT BOXES
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-billing-fields,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-shipping-fields,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-additional-fields,
.elementor-12 .elementor-element.elementor-element-3e7dd6e #order_review,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-payment,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-form-coupon,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-form-login,
.elementor-12 .elementor-element.elementor-element-3e7dd6e form.checkout_coupon,
.elementor-12 .elementor-element.elementor-element-3e7dd6e form.login {
  background: var(--dd-cream) !important;
  border: 4px solid var(--dd-black) !important;
  border-radius: 0 !important;
  padding: 22px !important;
  color: var(--dd-text) !important;
  box-shadow:
    7px 7px 0 var(--dd-black),
    0 0 0 4px var(--dd-orange),
    0 0 26px rgba(255, 191, 0, 0.35) !important;
}

/* Billing box */
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-billing-fields {
  background: var(--dd-cream) !important;
  box-shadow:
    7px 7px 0 var(--dd-black),
    0 0 0 4px var(--dd-orange),
    0 0 26px rgba(255, 122, 24, 0.35) !important;
}

/* Shipping and notes boxes */
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-shipping-fields,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-additional-fields {
  background: var(--dd-blue-panel) !important;
  box-shadow:
    7px 7px 0 var(--dd-black),
    0 0 0 4px var(--dd-blue),
    0 0 26px rgba(46, 197, 255, 0.35) !important;
}

/* Order review box */
.elementor-12 .elementor-element.elementor-element-3e7dd6e #order_review,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order {
  background: var(--dd-yellow-panel) !important;
  box-shadow:
    7px 7px 0 var(--dd-black),
    0 0 0 4px var(--dd-gold),
    0 0 26px rgba(255, 191, 0, 0.35) !important;
}

/* Payment box */
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-payment,
.elementor-12 .elementor-element.elementor-element-3e7dd6e #payment {
  background: var(--dd-pink-panel) !important;
  border: 4px solid var(--dd-black) !important;
  border-radius: 0 !important;
  color: var(--dd-text) !important;
  box-shadow:
    7px 7px 0 var(--dd-black),
    0 0 0 4px var(--dd-pink),
    0 0 26px rgba(255, 47, 125, 0.30) !important;
}


/* =========================================================
   FORM ROW SPACING
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce form .form-row,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .form-row {
  margin-bottom: 16px !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce form .form-row-first,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce form .form-row-last {
  width: 48% !important;
}


/* =========================================================
   LABELS
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e label,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce form .form-row label {
  color: var(--dd-dark) !important;
  font-family: "Press Start 2P", monospace !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .required {
  color: var(--dd-pink) !important;
}


/* =========================================================
   INPUTS / TEXTAREAS / SELECTS
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e input.input-text,
.elementor-12 .elementor-element.elementor-element-3e7dd6e textarea,
.elementor-12 .elementor-element.elementor-element-3e7dd6e select,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .select2-selection,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .select2-container .select2-selection--single {
  width: 100% !important;
  background: var(--dd-white) !important;
  color: var(--dd-dark) !important;
  border: 3px solid var(--dd-black) !important;
  border-radius: 0 !important;
  min-height: 50px !important;
  padding: 12px 14px !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  box-shadow: 4px 4px 0 var(--dd-black) !important;
  outline: none !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e textarea {
  min-height: 120px !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e input.input-text:focus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e textarea:focus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e select:focus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .select2-container--open .select2-selection {
  background: var(--dd-white) !important;
  border-color: var(--dd-pink) !important;
  box-shadow:
    4px 4px 0 var(--dd-black),
    0 0 0 4px var(--dd-gold),
    0 0 18px rgba(255, 47, 125, 0.35) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e input::placeholder,
.elementor-12 .elementor-element.elementor-element-3e7dd6e textarea::placeholder {
  color: #756784 !important;
}


/* =========================================================
   SELECT2 DROPDOWN
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .select2-selection__rendered {
  color: var(--dd-dark) !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 46px !important;
  padding-left: 0 !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .select2-selection__arrow {
  height: 48px !important;
}

/* Select2 dropdown opens outside the widget, so this part is global */
.select2-dropdown {
  background: #fff6d8 !important;
  border: 3px solid #000000 !important;
  border-radius: 0 !important;
  color: #160020 !important;
  box-shadow: 5px 5px 0 #000000 !important;
}

.select2-results__option {
  color: #160020 !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.select2-results__option--highlighted {
  background: #ffbf00 !important;
  color: #160020 !important;
}


/* =========================================================
   LINKS
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e a {
  color: #005d8f !important;
  text-decoration: underline !important;
  font-weight: 900 !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e a:hover {
  color: #b0004d !important;
}


/* =========================================================
   ORDER REVIEW TABLE
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table {
  width: 100% !important;
  background: var(--dd-white) !important;
  color: var(--dd-text) !important;
  border: 4px solid var(--dd-black) !important;
  border-radius: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 5px 5px 0 var(--dd-black) !important;
  overflow: hidden !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table th,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table th {
  background: var(--dd-orange) !important;
  color: var(--dd-white) !important;
  border: 2px solid var(--dd-black) !important;
  font-family: "Press Start 2P", monospace !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  padding: 14px !important;
  text-shadow: 2px 2px 0 var(--dd-black) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table td,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table td {
  background: #fffaf0 !important;
  color: var(--dd-text) !important;
  border: 2px solid rgba(0,0,0,0.16) !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  padding: 14px !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table tfoot th,
.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table tfoot td {
  background: #fff0b8 !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table strong,
.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table b {
  color: var(--dd-dark) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table .amount,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-Price-amount,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-Price-amount bdi {
  color: #c85f00 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table .product-name,
.elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table .product-name a {
  color: var(--dd-dark) !important;
  font-weight: 900 !important;
}


/* =========================================================
   PRODUCT QUANTITY TEXT IN CHECKOUT TABLE
   Example: Product Name × 1
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .product-quantity,
.elementor-12 .elementor-element.elementor-element-3e7dd6e td.product-quantity,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table .product-quantity {
  color: var(--dd-dark) !important;
  font-family: "Press Start 2P", monospace !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: var(--dd-gold) !important;
  border: 2px solid var(--dd-black) !important;
  padding: 4px 7px !important;
  display: inline-block !important;
  margin-left: 6px !important;
  box-shadow: 2px 2px 0 var(--dd-black) !important;
}


/* =========================================================
   FIX HIDDEN QUANTITY INPUT
   Fixes up/down arrows covering the quantity number.
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 96px !important;
  max-width: 150px !important;
  position: relative !important;
  overflow: visible !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity input.qty,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.qty,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"].qty,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"] {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 120px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 12px !important;
  margin: 0 !important;

  background: var(--dd-white) !important;
  color: var(--dd-dark) !important;
  border: 3px solid var(--dd-black) !important;
  border-radius: 0 !important;

  font-family: "Press Start 2P", monospace !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 54px !important;
  text-align: center !important;

  box-shadow: 4px 4px 0 var(--dd-black) !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

/* Remove Chrome / Safari number arrows */
.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity input.qty::-webkit-outer-spin-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity input.qty::-webkit-inner-spin-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"].qty::-webkit-outer-spin-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"].qty::-webkit-inner-spin-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"]::-webkit-outer-spin-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
  opacity: 0 !important;
  display: none !important;
}

/* Quantity input focus */
.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity input.qty:focus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.qty:focus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"].qty:focus {
  outline: none !important;
  border-color: var(--dd-pink) !important;
  box-shadow:
    4px 4px 0 var(--dd-black),
    0 0 0 4px var(--dd-gold) !important;
}

/* If theme/plugin uses plus/minus buttons */
.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity .plus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity .minus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e button.plus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e button.minus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.plus,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.minus {
  width: 44px !important;
  height: 54px !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: var(--dd-gold) !important;
  color: var(--dd-dark) !important;
  border: 3px solid var(--dd-black) !important;
  border-radius: 0 !important;

  font-family: "Press Start 2P", monospace !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: 3px 3px 0 var(--dd-black) !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity .plus:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity .minus:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e button.plus:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e button.minus:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.plus:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.minus:hover {
  background: var(--dd-blue) !important;
  color: #00111a !important;
}


/* =========================================================
   PAYMENT METHODS
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e #payment ul.payment_methods {
  border-bottom: 3px solid rgba(0,0,0,0.18) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e #payment ul.payment_methods li {
  color: var(--dd-text) !important;
  font-weight: 800 !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e #payment label {
  color: var(--dd-dark) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e #payment div.payment_box {
  background: var(--dd-white) !important;
  color: var(--dd-text) !important;
  border: 3px solid var(--dd-black) !important;
  border-radius: 0 !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  box-shadow: 4px 4px 0 var(--dd-black) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e #payment div.payment_box p {
  color: var(--dd-text) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e #payment div.payment_box::before {
  border-bottom-color: var(--dd-white) !important;
}


/* =========================================================
   CHECKBOXES / RADIOS
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="checkbox"],
.elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="radio"] {
  accent-color: var(--dd-orange) !important;
  transform: scale(1.2);
  margin-right: 8px !important;
}


/* =========================================================
   NOTICES
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-info,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-message,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-error {
  background: var(--dd-white) !important;
  color: var(--dd-text) !important;
  border: 4px solid var(--dd-black) !important;
  border-radius: 0 !important;
  box-shadow: 5px 5px 0 var(--dd-black) !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-info {
  box-shadow:
    5px 5px 0 var(--dd-black),
    0 0 0 4px var(--dd-blue) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-message {
  box-shadow:
    5px 5px 0 var(--dd-black),
    0 0 0 4px var(--dd-green) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-error {
  box-shadow:
    5px 5px 0 var(--dd-black),
    0 0 0 4px var(--dd-pink) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-info::before {
  color: var(--dd-blue) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-message::before {
  color: var(--dd-green) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-error::before {
  color: var(--dd-pink) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-info a,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-message a,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-error a {
  color: #005d8f !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
}


/* =========================================================
   COUPON FORM
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .checkout_coupon,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-form-coupon {
  background: var(--dd-blue-panel) !important;
  border: 4px solid var(--dd-black) !important;
  box-shadow:
    7px 7px 0 var(--dd-black),
    0 0 0 4px var(--dd-blue) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .checkout_coupon p {
  color: var(--dd-text) !important;
  font-weight: 800 !important;
}


/* =========================================================
   PRIVACY / TERMS TEXT
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-privacy-policy-text,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-terms-and-conditions-wrapper,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-privacy-policy-text p,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-terms-and-conditions-wrapper p {
  color: var(--dd-muted) !important;
  font-family: "Pixelify Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
}


/* =========================================================
   PLACE ORDER / GENERAL BUTTONS
   Main WooCommerce buttons stay DBZ orange/yellow.
   Proceed To Checkout gets its own green override below.
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e #place_order,
.elementor-12 .elementor-element.elementor-element-3e7dd6e button.button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-forward {
  background: linear-gradient(180deg, var(--dd-yellow) 0%, var(--dd-gold) 45%, var(--dd-orange) 100%) !important;
  color: var(--dd-dark) !important;
  border: 4px solid var(--dd-black) !important;
  border-radius: 0 !important;
  min-height: 60px !important;
  padding: 15px 18px !important;
  font-family: "Press Start 2P", monospace !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow:
    6px 6px 0 var(--dd-black),
    0 0 22px rgba(255, 191, 0, 0.45) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e #place_order,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-payment #place_order {
  width: 100% !important;
  margin-top: 14px !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e #place_order:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e button.button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e input.button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-forward:hover {
  background: linear-gradient(180deg, #bdf3ff 0%, var(--dd-blue) 100%) !important;
  color: #00111a !important;
  transform: translate(2px, 2px) !important;
  box-shadow:
    3px 3px 0 var(--dd-black),
    0 0 22px rgba(46, 197, 255, 0.45) !important;
}


/* =========================================================
   MOBILE FRIENDLY
========================================================= */

@media (max-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-billing-fields,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-shipping-fields,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-additional-fields,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e #order_review,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-payment,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-form-coupon,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-form-login,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e form.checkout_coupon,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e form.login {
    padding: 16px !important;
    border-width: 3px !important;
    box-shadow:
      5px 5px 0 var(--dd-black),
      0 0 0 3px var(--dd-orange) !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce form .form-row-first,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce form .form-row-last {
    width: 100% !important;
    float: none !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e h1,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e h2,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-billing-fields h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-shipping-fields h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-additional-fields h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e #order_review_heading {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e label,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce form .form-row label {
    font-size: 9px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e input.input-text,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e textarea,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e select,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .select2-selection,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .select2-container .select2-selection--single {
    font-size: 17px !important;
    min-height: 48px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table th,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table td,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table th,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table td {
    padding: 12px !important;
    font-size: 15px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e #place_order,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e button.button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e input.button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-forward {
    font-size: 9px !important;
    min-height: 56px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity {
    min-width: 104px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity input.qty,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e input.qty,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"].qty {
    width: 104px !important;
    min-width: 104px !important;
    height: 54px !important;
    min-height: 54px !important;
    font-size: 14px !important;
  }
}


@media (max-width: 480px) {
  .elementor-12 .elementor-element.elementor-element-3e7dd6e {
    overflow-x: hidden !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e h1,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e h2,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-billing-fields h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-shipping-fields h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-additional-fields h3,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e #order_review_heading {
    font-size: 15px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table th,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table th {
    font-size: 8px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e table.shop_table td,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table td {
    font-size: 14px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e input.input-text,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e textarea,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e select {
    width: 100% !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .product-quantity,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e td.product-quantity,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-checkout-review-order-table .product-quantity {
    font-size: 9px !important;
    padding: 4px 6px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity {
    min-width: 110px !important;
    max-width: 140px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity input.qty,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e input.qty,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e input[type="number"].qty {
    width: 110px !important;
    min-width: 110px !important;
    height: 54px !important;
    min-height: 54px !important;
    font-size: 13px !important;
  }

  .elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity .plus,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .quantity .minus,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e button.plus,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e button.minus,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e input.plus,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e input.minus {
    width: 44px !important;
    height: 54px !important;
  }
}


/* =========================================================
   FINAL OVERRIDE:
   BRIGHT GREEN PROCEED TO CHECKOUT BUTTON
   This is at the bottom so nothing overrides it.
========================================================= */

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce .wc-proceed-to-checkout,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-proceed-to-checkout {
  padding-top: 18px !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce .wc-proceed-to-checkout a.checkout-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-proceed-to-checkout a.checkout-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt.wc-forward {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: linear-gradient(180deg, #7dffb1 0%, #39ff88 35%, #14d65f 68%, #00a63f 100%) !important;
  color: #ffffff !important;

  border: 5px solid #000000 !important;
  border-radius: 0 !important;

  min-height: 72px !important;
  padding: 20px 24px !important;

  font-family: "Press Start 2P", monospace !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;

  text-shadow:
    2px 2px 0 #000000,
    0 0 10px rgba(255, 255, 255, 0.6) !important;

  box-shadow:
    8px 8px 0 #000000,
    0 0 0 4px #fff16a,
    0 0 30px rgba(57, 255, 136, 0.95),
    0 0 60px rgba(57, 255, 136, 0.55) !important;

  opacity: 1 !important;
  visibility: visible !important;
  filter: saturate(1.35) contrast(1.08) !important;

  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    filter 0.15s ease,
    background 0.15s ease !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-proceed-to-checkout a.checkout-button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt:hover,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt.wc-forward:hover {
  background: linear-gradient(180deg, #a4ffc7 0%, #52ff98 38%, #18f06d 70%, #00c94b 100%) !important;
  color: #ffffff !important;

  transform: translate(3px, 3px) !important;

  box-shadow:
    5px 5px 0 #000000,
    0 0 0 4px #fff16a,
    0 0 36px rgba(57, 255, 136, 1),
    0 0 70px rgba(57, 255, 136, 0.7) !important;

  filter: saturate(1.5) contrast(1.15) !important;
}

.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce .wc-proceed-to-checkout a.checkout-button:active,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
.elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-proceed-to-checkout a.checkout-button:active,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button:active,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button:active,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt:active,
.elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt.wc-forward:active {
  transform: translate(7px, 7px) !important;

  box-shadow:
    1px 1px 0 #000000,
    0 0 0 4px #fff16a,
    0 0 24px rgba(57, 255, 136, 0.9) !important;
}


/* =========================================================
   MOBILE PROCEED TO CHECKOUT FIX
========================================================= */

@media (max-width: 768px) {
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce .wc-proceed-to-checkout a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-proceed-to-checkout a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt.wc-forward {
    min-height: 64px !important;
    padding: 17px 14px !important;
    font-size: 9px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.2px !important;
  }
}

@media (max-width: 480px) {
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce .wc-proceed-to-checkout a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e .wc-proceed-to-checkout a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt,
  .elementor-12 .elementor-element.elementor-element-3e7dd6e a.checkout-button.button.alt.wc-forward {
    min-height: 62px !important;
    padding: 16px 12px !important;
    font-size: 8px !important;
    line-height: 1.7 !important;
  }
}/* End custom CSS */