.elementor-kit-128{--e-global-color-primary:#2A7FE8;--e-global-color-secondary:#0F1923;--e-global-color-text:#3D5A70;--e-global-color-accent:#8A9FB5;--e-global-color-tertiary:#0d1b2a;--e-global-color-quaternary:#e9ecef;--e-global-color-primary_hover:#1A6FD4;--e-global-color-6286d26:#E8F1FD;--e-global-color-2c0a5b0:#C2D9F9;--e-global-color-1068a92:#2A7FE8;--e-global-color-7c1756f:#1A6FD4;--e-global-color-c3f298d:#1259B0;--e-global-color-8214362:#EDF2F6;--e-global-color-14ef391:#C4D0DA;--e-global-color-d6bfe7d:#3D5A70;--e-global-color-40ee4b5:#1E3448;--e-global-color-fe615ff:#0F1923;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-c696dce:#F4F4F4;--e-global-color-c8b87b4:#E2E8EE;--e-global-color-7d00f2d:#C4D0DA;--e-global-color-f841551:#8A9FB5;--e-global-color-0f5f201:#1A8C4E;--e-global-color-699b4cc:#E07B00;--e-global-color-8571804:#CC2B2B;--e-global-color-764183d:#FFFFFF;--e-global-color-3220a92:#FEBF01;--e-global-color-57c8da2:#000000CC;--e-global-color-86b4fcd:#02010100;--e-global-color-60da78b:#02010100;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0.2px;--e-global-typography-392b9e0-font-family:"Roboto";--e-global-typography-392b9e0-font-size:60px;--e-global-typography-392b9e0-font-weight:900;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-letter-spacing:-2px;--e-global-typography-c05b693-font-family:"Roboto";--e-global-typography-c05b693-font-size:48px;--e-global-typography-c05b693-font-weight:900;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.1em;--e-global-typography-c05b693-letter-spacing:1.5px;--e-global-typography-6558fb1-font-family:"Roboto";--e-global-typography-6558fb1-font-size:36px;--e-global-typography-6558fb1-font-weight:700;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.15em;--e-global-typography-6558fb1-letter-spacing:-1px;--e-global-typography-92bce3b-font-family:"Roboto";--e-global-typography-92bce3b-font-size:28px;--e-global-typography-92bce3b-font-weight:700;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-line-height:1.2em;--e-global-typography-92bce3b-letter-spacing:-0.5px;--e-global-typography-b2deeae-font-family:"Roboto";--e-global-typography-b2deeae-font-size:22px;--e-global-typography-b2deeae-font-weight:500;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1.3em;--e-global-typography-b2deeae-letter-spacing:-0.2px;--e-global-typography-295e386-font-family:"Roboto";--e-global-typography-295e386-font-size:18px;--e-global-typography-295e386-font-weight:500;--e-global-typography-295e386-line-height:1.35em;--e-global-typography-295e386-letter-spacing:0px;--e-global-typography-11d874d-font-family:"Roboto";--e-global-typography-11d874d-font-size:15px;--e-global-typography-11d874d-font-weight:500;--e-global-typography-11d874d-line-height:1.4em;--e-global-typography-11d874d-letter-spacing:0px;--e-global-typography-066d887-font-family:"Roboto";--e-global-typography-066d887-font-size:18px;--e-global-typography-066d887-font-weight:400;--e-global-typography-066d887-line-height:1.75em;--e-global-typography-066d887-letter-spacing:0px;--e-global-typography-3f49091-font-family:"Roboto";--e-global-typography-3f49091-font-size:15px;--e-global-typography-3f49091-font-weight:400;--e-global-typography-3f49091-line-height:1.7em;--e-global-typography-3f49091-letter-spacing:0px;--e-global-typography-1bbe8d7-font-family:"Roboto";--e-global-typography-1bbe8d7-font-size:13px;--e-global-typography-1bbe8d7-font-weight:400;--e-global-typography-1bbe8d7-line-height:1.5em;--e-global-typography-4998d04-font-family:"Roboto";--e-global-typography-4998d04-font-size:11px;--e-global-typography-4998d04-font-weight:500;--e-global-typography-4998d04-text-transform:uppercase;--e-global-typography-4998d04-line-height:1.4em;--e-global-typography-4998d04-letter-spacing:2px;--e-global-typography-0c69f73-font-family:"Roboto";--e-global-typography-0c69f73-font-size:12px;--e-global-typography-0c69f73-font-weight:300;--e-global-typography-0c69f73-line-height:1.5em;--e-global-typography-0c69f73-letter-spacing:0px;--e-global-typography-609985d-font-family:"Roboto";--e-global-typography-609985d-font-size:14px;--e-global-typography-609985d-font-weight:500;--e-global-typography-609985d-line-height:1em;--e-global-typography-609985d-letter-spacing:0.3px;--e-global-typography-2fcf5c4-font-family:"Roboto";--e-global-typography-2fcf5c4-font-size:14px;--e-global-typography-2fcf5c4-font-weight:500;--e-global-typography-2fcf5c4-letter-spacing:0.2px;--e-global-typography-84c289c-font-family:"Roboto";--e-global-typography-84c289c-font-size:16px;--e-global-typography-84c289c-font-weight:600;--e-global-typography-84c289c-text-transform:uppercase;--e-global-typography-7e94185-font-family:"Roboto";--e-global-typography-7e94185-font-size:16px;--e-global-typography-7e94185-font-weight:400;background-color:#E9ECEF52;color:var( --e-global-color-secondary );font-size:16px;font-weight:400;line-height:28px;}.elementor-kit-128 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-128 a{color:var( --e-global-color-primary );}.elementor-kit-128 a:hover{color:var( --e-global-color-primary );}.elementor-kit-128 h1{font-size:30px;font-weight:600;}.elementor-kit-128 h2{font-size:26px;font-weight:500;}.elementor-kit-128 h4{font-family:var( --e-global-typography-392b9e0-font-family ), Roboto;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-kit-128 button,.elementor-kit-128 input[type="button"],.elementor-kit-128 input[type="submit"],.elementor-kit-128 .elementor-button{border-style:none;padding:0px 0px 0px 0px;}.elementor-kit-128 button:hover,.elementor-kit-128 button:focus,.elementor-kit-128 input[type="button"]:hover,.elementor-kit-128 input[type="button"]:focus,.elementor-kit-128 input[type="submit"]:hover,.elementor-kit-128 input[type="submit"]:focus,.elementor-kit-128 .elementor-button:hover,.elementor-kit-128 .elementor-button:focus{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:32px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}.elementor-widget:not(:last-child){--kit-widget-spacing:48px;}.elementor-element{--widgets-spacing:48px 32px;--widgets-spacing-row:48px;--widgets-spacing-column:32px;}{}h1.page-title{display:var(--page-title-display);}@media(max-width:991px){.elementor-kit-128{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;}.elementor-kit-128 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-128{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;}.elementor-kit-128 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}}/* Start custom CSS */body {
    background-color: #f8f9fa;
    background-image1: linear-gradient(to right, rgba(221, 227, 234, .8) 1px, transparent 1px), linear-gradient(to bottom, rgba(221, 227, 234, .8) 1px, transparent 1px);
    background-size1: 16px 16px;
}

/* ============================================
   PixelDisplay — Elementor Custom CSS
   Site Settings → Custom CSS
   ============================================ */

/* --- Design Tokens (Tailwind-aligned scale) --- */
:root {
  /* Brand */
  --pxd-blue:         #2a7fe8;
  --pxd-blue-hover:   #1a6fd4;
  --pxd-blue-active:  #1259b0;
  --pxd-blue-50:      #e8f1fd;
  --pxd-blue-100:     #c2d9f9;
  --pxd-dark:         #0f1923;
  --pxd-dark-700:     #1e3448;
  --pxd-steel:        #3d5a70;
  --pxd-slate:        #8a9fb5;
  /* Grays */
  --pxd-gray-50:      #f4f6f8;
  --pxd-gray-100:     #e2e8ee;
  --pxd-gray-200:     #c4d0da;
  --pxd-gray-400:     #8a9fb5;
  /* Semantic */
  --pxd-success:      #1a8c4e;
  --pxd-warning:      #e07b00;
  --pxd-error:        #cc2b2b;
  /* Radius scale (Tailwind-aligned) */
  --pxd-radius-sm:    4px;
  --pxd-radius:       6px;
  --pxd-radius-lg:    10px;
  --pxd-radius-xl:    16px;
  /* Spacing scale (matches Tailwind 4/8/12/16/20/24/32/40/48/64) */
  --pxd-space-1:      4px;
  --pxd-space-2:      8px;
  --pxd-space-3:      12px;
  --pxd-space-4:      16px;
  --pxd-space-5:      20px;
  --pxd-space-6:      24px;
  --pxd-space-8:      32px;
  --pxd-space-10:     40px;
  --pxd-space-12:     48px;
  --pxd-space-16:     64px;
}

/* --- Body & Base --- */
body {
  font-family:  'Roboto', sans-serif;
  font-size:    15px;
  color:        var(--pxd-steel);
  line-height:  1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  color:       var(--pxd-dark);
  font-weight: 700;
}

a {
  color:           var(--pxd-blue);
  text-decoration: none;
  transition:      color 0.15s ease;
}
a:hover { color: var(--pxd-blue-hover); }

/* --- Primary Button (Blue) --- */
.elementor-button.elementor-button-primary,
.elementor-button[class*="elementor-size"] {
  background-color: var(--pxd-blue);
  color:            #ffffff;
  font-family:      'Roboto', sans-serif;
  font-weight:      500;
  font-size:        14px;
  letter-spacing:   0.3px;
  border-radius:    var(--pxd-radius);
  border:           1.5px solid var(--pxd-blue);
  padding:          12px 24px;
  transition:       all 0.15s ease;
}
.elementor-button.elementor-button-primary:hover {
  background-color: var(--pxd-blue-hover);
  border-color:     var(--pxd-blue-hover);
}

/* --- Secondary Button (Dark) --- */
.elementor-button.pxd-btn-dark {
  background-color: var(--pxd-dark);
  color:            #ffffff;
  border:           1.5px solid var(--pxd-dark);
  border-radius:    var(--pxd-radius);
}
.elementor-button.pxd-btn-dark:hover {
  background-color: var(--pxd-dark-700);
  border-color:     var(--pxd-dark-700);
}

/* --- Outline Button --- */
.elementor-button.pxd-btn-outline {
  background-color: transparent;
  color:            var(--pxd-blue);
  border:           1.5px solid var(--pxd-blue);
  border-radius:    var(--pxd-radius);
}
.elementor-button.pxd-btn-outline:hover {
  background-color: var(--pxd-blue-50);
}

/* --- Ghost Button (on dark BG) --- */
.elementor-button.pxd-btn-ghost {
  background-color: transparent;
  color:            #ffffff;
  border:           1.5px solid rgba(255,255,255,0.4);
  border-radius:    var(--pxd-radius);
}
.elementor-button.pxd-btn-ghost:hover {
  border-color:     rgba(255,255,255,0.8);
  background-color: rgba(255,255,255,0.08);
}

/* --- Form Inputs --- */
.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea {
  font-family:    'Roboto', sans-serif;
  font-size:     14px;
  color:         var(--pxd-dark);
  background:    #ffffff;
  border:        1px solid var(--pxd-gray-200);
  border-radius: var(--pxd-radius);
  padding:       12px 16px;
  transition:    border-color 0.15s, box-shadow 0.15s;
}
.elementor-field-group input:hover,
.elementor-field-group select:hover,
.elementor-field-group textarea:hover {
  border-color: var(--pxd-slate);
}
.elementor-field-group input:focus,
.elementor-field-group select:focus,
.elementor-field-group textarea:focus {
  border-color: var(--pxd-blue);
  box-shadow:   0 0 0 3px rgba(42,127,232,0.12);
  outline:      none;
}
.elementor-field-group input::placeholder,
.elementor-field-group textarea::placeholder {
  color: var(--pxd-gray-400);
}

/* --- Section Utility Classes --- */
.pxd-bg-white    { background-color: #ffffff; }
.pxd-bg-gray     { background-color: var(--pxd-gray-50); }
.pxd-bg-dark     { background-color: var(--pxd-dark); }
.pxd-bg-blue     { background-color: var(--pxd-blue); }
.pxd-bg-blue-tint{ background-color: var(--pxd-blue-50); }

/* --- Text Utility Classes --- */
.pxd-text-blue   { color: var(--pxd-blue) !important; }
.pxd-text-dark   { color: var(--pxd-dark) !important; }
.pxd-text-white  { color: #ffffff !important; }
.pxd-text-muted  { color: var(--pxd-slate) !important; }

/* --- Border Accents --- */
.pxd-border-blue  { border-top: 3px solid var(--pxd-blue); }
.pxd-accent-left  { border-left: 3px solid var(--pxd-blue); padding-left: 16px; }

/* --- Card Component --- */
.pxd-card {
  background:    #fff;
  border:        1px solid var(--pxd-gray-200);
  border-radius: var(--pxd-radius-lg);
  transition:    box-shadow 0.2s, transform 0.2s;
}
.pxd-card:hover {
  box-shadow:  0 8px 32px rgba(15,25,35,0.1);
  transform:   translateY(-2px);
}

/* --- Overline / Label --- */
.pxd-overline {
  font-family:     'Roboto', sans-serif;
  font-size:       11px;
  font-weight:     500;
  letter-spacing:  2px;
  text-transform:  uppercase;
  color:           var(--pxd-blue);
}

/* ============================================
   PixelDisplay — WooCommerce Overrides
   ============================================ */

:root {
  --woocommerce:           var(--pxd-blue);
  --wc-primary:            var(--pxd-blue);
  --wc-primary-text:       #ffffff;
  --wc-secondary:          var(--pxd-gray-50);
  --wc-secondary-text:     var(--pxd-dark);
  --wc-highlight:          var(--pxd-blue-hover);
  --wc-content-bg:         #ffffff;
  --wc-subtext:            var(--pxd-slate);
}

/* Add to cart button */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order {
  background-color: var(--pxd-blue);
  color:            #ffffff;
  font-family:      'Roboto', sans-serif;
  font-weight:      500;
  font-size:        14px;
  border-radius:    var(--pxd-radius);
  border:           none;
  padding:          12px 24px;
  transition:       background 0.15s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: var(--pxd-blue-hover);
}

/* Price */
.woocommerce .price,
.woocommerce .woocommerce-Price-amount {
  color:       var(--pxd-dark);
  font-weight: 700;
}

/* Sale badge */
.woocommerce span.onsale {
  background:   var(--pxd-blue);
  border-radius:var(--pxd-radius-sm);
}

/* Product card hover */
.woocommerce ul.products li.product {
  border:        1px solid var(--pxd-gray-100);
  border-radius: var(--pxd-radius-lg);
  transition:    box-shadow 0.2s;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 6px 24px rgba(42,127,232,0.1);
}/* End custom CSS */