html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}
#t4-header {background-color:#FFFFFF !important}

@media (max-width: 767px) {
  #t4-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    
  }
  .t4-section .header-block {
    padding: 0 !important;
  }
}

  


/* ============================================================
   FLEXIBLE ELECTRONIC SYSTEMS theme-colours.css
   Master colour & typography theme file.
   Import or link this BEFORE your main stylesheet.
   All colours are defined as CSS custom properties (variables)
   so you can change the whole site from this one file.
   ============================================================ */


/* ROOT COLOUR VARIABLES */
:root {

  /* --- Brand Colours --- */
  --color-red:          #CC0000;   /* Primary brand red — CTA buttons, accents, active states */
  --color-red-dark:     #A30000;   /* Hover state for red elements */
  --color-red-muted:    rgba(204, 0, 0, 0.08); /* Subtle red tint for backgrounds */

  /* --- Neutral Colours --- */
  --color-charcoal:     #01263c;   /* Hero, footer, dark section backgrounds */
  --color-dark:         #2D2D2D;   /* Body text, nav links, headings */
  --color-mid-grey:     #F5F5F5;   /* Alternate section backgrounds, card fills */
  --color-border:       #E0E0E0;   /* All borders and dividers */
  --color-muted:        #666666;   /* Secondary / supporting text */
  --color-ghost:        #AAAAAA;   /* Placeholder text, disabled states */
  --color-white:        #FFFFFF;   /* White backgrounds, card surfaces */

  /* --- Semantic Aliases (what each colour is used FOR) --- */
  --bg-page:            var(--color-white);       /* Default page background */
  --bg-section-alt:     var(--color-mid-grey);    /* Alternate section background */
  --bg-dark:            var(--color-charcoal);    /* Dark sections: hero, solutions, footer */
  --bg-card:            var(--color-white);       /* Card background */
  --bg-card-alt:        var(--color-mid-grey);    /* Alternate card background */

  --text-primary:       var(--color-dark);        /* Main body text */
  --text-heading:       var(--color-charcoal);    /* Section headings */
  --text-muted:         var(--color-muted);       /* Supporting text */
  --text-on-dark:       var(--color-white);       /* Text on dark/charcoal backgrounds */
  --text-on-dark-muted: var(--color-ghost);       /* Muted text on dark backgrounds */
  --text-accent:        var(--color-red);         /* Highlighted / accent text */

  --border-default:     var(--color-border);      /* Standard borders */
  --border-accent:      var(--color-red);         /* Accent borders (card tops, left bars) */

  --btn-primary-bg:     var(--color-red);         /* Primary button background */
  --btn-primary-text:   var(--color-white);       /* Primary button text */
  --btn-primary-hover:  var(--color-red-dark);    /* Primary button hover */
  --btn-outline-border: var(--color-red);         /* Outline button border */
  --btn-outline-text:   var(--color-red);         /* Outline button text */
  --btn-outline-hover-bg:   var(--color-red);     /* Outline button hover background */
  --btn-outline-hover-text: var(--color-white);   /* Outline button hover text */

  
  --nav-bg:             var(--color-white);       /* Navbar background */
  --nav-border:         var(--color-border);      /* Navbar bottom border */
  --nav-text:           var(--color-dark);        /* Nav link text */
  --nav-text-hover:     var(--color-red);         /* Nav link hover */
  --nav-underline:      var(--color-red);         /* Nav link active underline */

  --footer-bg:          var(--color-charcoal);    /* Footer background */
  --footer-border-top:  var(--color-red);         /* Footer top accent border */
  --footer-text:        #000000;                  /* Footer text */
  --footer-text-hover:  var(--color-red);         /* Footer link hover */

  --tab-active-text:    var(--color-red);         /* Active product tab text */
  --tab-active-border:  var(--color-red);         /* Active product tab underline */
  --tab-inactive-text:  var(--color-muted);       /* Inactive tab text */
  --tab-bg:             var(--color-mid-grey);    /* Tab bar background */

  --card-header-bg:     var(--color-charcoal);    /* Product card header */
  --card-header-text:   var(--color-white);       /* Product card header text */
  --card-accent-bar:    var(--color-red);         /* Product card left accent bar */
  --card-enquire:       var(--color-red);         /* Product card enquire link */

  --pill-border:        var(--color-red);         /* Brand pill border */
  --pill-hover-bg:      var(--color-red);         /* Brand pill hover fill */
  --pill-hover-text:    var(--color-white);       /* Brand pill hover text */
  --pill-tooltip-bg:    var(--color-charcoal);    /* Tooltip background */
  --pill-tooltip-text:  var(--color-white);       /* Tooltip text */

  --section-accent-bar: var(--color-red);         /* Left-edge accent bar on dark sections */
  --section-underline:  var(--color-red);         /* Section title underline decoration */

  --input-bg:           var(--color-white);       /* Form input background */
  --input-border:       var(--color-border);      /* Form input border */
  --input-focus:        var(--color-red);         /* Form input focus border */
  --input-text:         var(--color-dark);        /* Form input text */
  --input-placeholder:  var(--color-ghost);       /* Form placeholder text */
}


.header-phone {color: #CC0000 !important; font-size: 1.35em !important; font-weight: bold;}
.header-phone a {color: #CC0000 !important; }
@media (max-width: 1023px){
.header-phone {font-size: 1.0rem !important;}
}

  .btn.btn-primary {
  background-color: #CC0000 !important;
  border-color: #CC0000 !important;
  color: #FFFFFF !important;
  border-radius: 25px !important;
  font-size: 1.2rem !important;
  padding: 0.275rem 0.80rem;
}

.btn.btn-primary:hover {
  background-color: #A30000 !important;
  border-color: #A30000 !important;
  color: #FFFFFF !important;
  border-radius: 25px !important;
  font-size: 1.2rem !important;
  padding: 0.275rem 0.80rem;
}


@media (max-width: 1023px) {
  .header-block .btn.btn-primary {
    font-size: 0.8rem !important;
    padding: 3px 14px !important;
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }
}

.t4-main-body {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


/* ============================================================
   TYPOGRAPHY
   ============================================================ */
:root {

  /* Font stacks */
  --font-body:     'Barlow', 'Segoe UI', sans-serif;
  --font-heading:  'Barlow', 'Segoe UI', sans-serif;

  /* Scale */
  --font-size-xs:   0.78rem;   /* Labels, tooltips, fine print */
  --font-size-sm:   0.88rem;   /* Card body, secondary text */
  --font-size-base: 1rem;      /* Body copy */
  --font-size-md:   1.05rem;   /* Subheadings, intro text */
  --font-size-lg:   1.75rem;   /* Section titles */
  --font-size-xl:   clamp(2rem, 4vw, 3.2rem); /* Hero H1 */

  /* Weights */
  --font-weight-regular: 400;
  --font-weight-semi:    600;
  --font-weight-bold:    700;
  --font-weight-black:   800;

  /* Letter spacing */
  --tracking-tight:  0.02em;
  --tracking-normal: 0.04em;
  --tracking-wide:   0.06em;
  --tracking-wider:  0.10em;
  --tracking-widest: 0.18em;
}


/* ============================================================
   SPACING
   ============================================================ */
:root {
  --section-padding:    72px;   /* Top/bottom padding for all sections */
  --section-padding-sm: 48px;   /* Reduced padding on mobile */
  --container-max:      1140px; /* Max content width */
  --container-pad:      24px;   /* Container side padding */
  --card-gap:           24px;   /* Gap between cards */
  --card-padding:       20px;   /* Internal card padding */
  --border-radius:      4px;    /* Standard border radius */
  --border-radius-pill: 50px;   /* Pill / badge border radius */
}


/* ============================================================
   QUICK-REFERENCE COLOUR SWATCHES
   (Visual reference block — remove from production if desired)

   Brand Red       #CC0000
   logo Red on slideshow #D30406
   Red Dark        #A30000
   Charcoal        #01263c
   Dark            #2D2D2D
   Mid Grey        #F5F5F5
   Border          #E0E0E0
   Muted           #666666
   Ghost           #AAAAAA
   White           #FFFFFF
   ============================================================ */

/* Section heading (if not already defined in your template) */
.fes-section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1A1A1A;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.4rem;
}

.fes-section-title::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background: #CC0000;
  margin: 10px auto 0;
}

.fes-section-sub {
  text-align: center;
  color: #666666;
  font-size: 0.95rem;
  margin-bottom: 0;   /* margin handled by props-grid margin-top */
}

.break-out {
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
}

/* ===========FOOTER======== */

.t4-footer .container
 {
    padding-top: 15px;
    padding-bottom: 5px;
}

td, tr td {
    border-top: 1px solid #dddddd;
}

.footertable td {
    padding-top: 5px;
    padding-bottom: 5px;
}
td, tr td {
    border-top: 1px solid #dddddd;
}

.footer-hr {border-top: 1px solid #dddddd;;}

.form-column {
  padding-left: 48px;
}

@media (max-width: 767px) {
  .form-column {
    padding-left: 15px;
    margin-top: 24px;
  }
}

/* ============================================================
   FES - VALUE PROPS  (self-contained, no external variables)
   Paste this into your Joomla custom CSS
   ============================================================ */

/* Props section wrapper */
#value-props {
  background: #FFFFFF;
  padding-bottom: 72px;
}

/* 4-column grid, collapses on smaller screens */
#value-props .props-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  margin-top: 2.5rem;
}

/* Individual card */
.prop-card {
  background: #F5F5F5;
  border: 1px solid #E0E0E0;
  border-top: 4px solid #CC0000;   /* red top accent */
  border-radius: 4px;
  padding: 28px 24px;
  transition: box-shadow 0.2s, transform 0.2s;
}

.prop-card:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

/* Icon */
.prop-card .prop-icon {
  font-size: 2rem;
  margin-bottom: 14px;
  /* Swap emoji for a proper icon font or SVG — see HTML notes below */
}

/* Card heading */
.prop-card h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #1A1A1A;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

/* Card body text */
.prop-card p {
  font-size: 0.88rem;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}



/* ============================================================
   FES - PARTNERS MARQUEE v4
   .break-out applied to #partners section so the grey
   background AND the marquee both run full viewport width.
   ============================================================ */


#partners {
  background: #F5F5F5;
  padding: 72px 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden;
}

#partners .fes-section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1A1A1A;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.4rem;
}

#partners .fes-section-title::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background: #CC0000;
  margin: 10px auto 0;
}

#partners .fes-section-sub {
  text-align: center;
  color: #666666;
  font-size: 0.95rem;
  margin-bottom: 2.5rem;
}

.marquee-wrap {
  overflow: hidden;
  padding: 8px 0;
}

.marquee-track {
  display: flex;
  align-items: center;
  /* No gap — spacing handled by margin-right on each tile
     so the rhythm is perfectly consistent including at the loop point */
  gap: 0;
  width: max-content;
  animation: marquee-scroll 28s linear infinite;
}

/* Spacing is on the tile itself so it's identical
   between every tile including the Set A / Set B join */
.marquee-tile {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 72px;
  flex-shrink: 0;
  margin-right: 24px;  /* consistent gap including at the loop point */
}

.marquee-tile img {
  max-height: 44px;
  max-width: 130px;
  width: auto;
  display: block;
  object-fit: contain;
}

/* translateX moves exactly half the total track width (Set A = Set B)
   so the reset is pixel-perfect with no visible jump                  */
@keyframes marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }

}

/* ============================================================
   FES - PRODUCTS BY BRAND  (self-contained)
   - No CTA on cards
   - Image slot between card header and description
   ============================================================ */

#products {
  background: #FFFFFF;
  padding: 72px 0;
}

/* SECTION HEADING */

#products .fes-section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1A1A1A;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.4rem;
}

#products .fes-section-title::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background: #CC0000;
  margin: 10px auto 0;
}

#products .fes-section-sub {
  text-align: center;
  color: #666666;
  font-size: 0.95rem;
  margin-bottom: 0;
}

/*  TAB NAVIGATION */
.product-tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid #E0E0E0;
  margin: 2.5rem 0 2rem;
  gap: 0;
}

.tab-btn {
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  padding: 12px 22px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s;
}

.tab-btn:hover {
  color: #CC0000;
}

.tab-btn.active {
  color: #CC0000;
  border-bottom-color: #CC0000;
}

/*  TAB PANELS  */
.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.tab-panel .brand-desc {
  font-size: 0.9rem;
  color: #666666;
  margin-bottom: 1.5rem;
}

/*  PRODUCT GRID */

.scroll-see-more {
  display: none;
}

@media (max-width: 767px) {
  .scroll-see-more {
    display: block;
    font-size: 0.9em;
    color: #000;
    text-align: left;
    margin: -30px 5px 30px 1px;
    position: sticky;
    left: 0;
    right: 0;
  }
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
}

.product-grid-google_lp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 40px;
  padding-bottom: 40px;
}

@media (max-width: 600px) {
  .product-grid-google_lp {
    grid-template-columns: 1fr;
    max-width: 280px;
    margin: 0 auto;
  }
}

/*  PRODUCT CARD   */
.product-card {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s, transform 0.2s;
}

.product-card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

/* Dark header bar with red left accent */
.product-card .card-header {
  background: #1A2B3C;
  padding: 18px 20px;
  border-left: 4px solid #CC0000;
}

.product-card .card-header h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0;
}

/* Product image slot */
.product-card .card-image {
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;       /* was 20px */
  min-height: 120px;   /* was 160px */
}

.product-card .card-image img {
  max-height: 120px;
  max-width: 100%;
  width: auto;
  object-fit: contain;
  display: block;
}

/* Description */
.product-card .card-body {
  background: #F5F5F5;   /* grey for text area */
  padding: 18px 10px;
  flex: 1;
}

.product-card .card-body p {
  font-size: 0.88rem;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}

/*  RESPONSIVE */
@media (max-width: 768px) {
  .product-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .tab-btn {
    white-space: nowrap;
  }
}


/* ============================================================
   FES - ADDITIONAL PRODUCTS  (matches Partners section style)
   Light grey background with .break-out, white cards
   ============================================================ */

#additional-products {
  background: #F5F5F5;
  padding: 72px 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden;
}

#additional-products .fes-section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1A1A1A;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.4rem;
}

#additional-products .fes-section-title::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background: #CC0000;
  margin: 10px auto 0;
}

#additional-products .fes-section-sub {
  text-align: center;
  color: #666666;
  font-size: 0.95rem;
  margin-bottom: 2.5rem;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* GRID */
.additional-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
}

/* WHITE CARD*/
.additional-card {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-top: 4px solid #CC0000;
  border-radius: 4px;
  padding: 28px 24px;
  transition: box-shadow 0.2s, transform 0.2s;
}

.additional-card:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

/* Brand name */
.additional-card h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #1A1A1A;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 10px;
}

/* Description */
.additional-card p {
  font-size: 0.88rem;
  color: #666666;
  line-height: 1.6;
  margin: 0;
}

/* Teknic Euchner sub-card styling — slightly inset */
.additional-card.sub-card {
  border-top-color: #999999;
  background: #FAFAFA;
}

.additional-card.sub-card h3 {
  font-size: 0.9rem;
  color: #2D2D2D;
  letter-spacing: 0.04em;
}

/* Responsive */
@media (max-width: 640px) {
  .additional-grid {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   FES - OUR SOLUTIONS v2
   Light grey background, red border pills, no hover, no icons
   ============================================================ */

#solutions {
  background: #FFFFFF
  padding: 72px 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

#solutions .fes-section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1A1A1A;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.4rem;
}

#solutions .fes-section-title::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background: #CC0000;
  margin: 10px auto 0;
}

#solutions .fes-section-sub {
  text-align: center;
  color: #666666;
  font-size: 0.95rem;
  margin-bottom: 2.5rem;
}

/* Pill wrap — centred, wraps naturally */
.solutions-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

/* Individual pill */
.solution-pill {
  background: #F5F5F5;
  border: 2px solid #CC0000;
  border-radius: 50px;
  padding: 12px 28px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #1A1A1A;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

/* ============================================================
   FES - PARALLAX DIVIDER
   Insert between Technology Partners and Additional Products
   ============================================================ */

 #parallax-divider {
  position: relative;
  height: 400px;
  background-image: url('/images/factory_1920.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Dark overlay so any text reads clearly */
#parallax-divider::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

/* Optional centred tagline over the image */
#parallax-divider .parallax-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 24px;
  height: 100%;
}

#parallax-divider .parallax-content p {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 6px;
}

#parallax-divider .parallax-content span {
  font-size: 0.9rem;
  color: #CCCCCC;
  letter-spacing: 0.06em;
}

/* iOS / touch device fix — static image, no broken fixed attachment */
@media (hover: none) and (pointer: coarse) {
  #parallax-divider {
    background-attachment: scroll;
    height: 260px;
  }
}


/* ============================================================
   FES - SERVICES  (self-contained, no external variables)
   Paste this into your Joomla custom CSS
   ============================================================ */

/* Sevices section wrapper - from props */
#services1 {
  background: #FFFFFF;
  padding-bottom: 72px;
}

/* 4-column grid, collapses on smaller screens */
#services1 .services1-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  margin-top: 2.5rem;
}

/* Individual card */
.services1-card {
  background: #F5F5F5;
  border: 1px solid #E0E0E0;
 /* border-top: 4px solid #CC0000;   /* red top accent */
  border-radius: 4px;
  padding: 20px 24px;
  transition: box-shadow 0.2s, transform 0.2s;
}

.services1-card:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

/* Icon */
.services1-card .services1-icon {
  font-size: 2rem;
  margin-bottom: 14px;
  text-align:center;
  /* Swap emoji for a proper icon font or SVG — see HTML notes below */
}

/* Card heading */
.services1-card h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #1A1A1A;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
  text-align:center;
}

/* Card body text */
.services1-card p {
  font-size: 0.88rem;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}
/* ============================================================
   GOOGLE ADS LANDING PAGE  
   ============================================================ */
    /* HERO */
    .article-aside {margin-bottom: 0!important;}
    #lp-hero {
        background-color: var(--footer-bg-color);
        background-image: repeating-linear-gradient(
        -45deg, transparent, transparent 40px,
        rgba(255,255,255,0.015) 40px, rgba(255,255,255,0.015) 41px
      );
        margin-top:-15px;
        padding-top: 35px; padding-bottom:15px;
        font-family: Arial, Helvetica, sans-serif !important;
    }



    #lp-hero .hero-eyebrow {
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #CC0000;
      margin-bottom: 1rem;
    }

    #lp-hero h1 {
      font-size: clamp(1.8rem, 3.5vw, 2.8rem);
      font-weight: 600;
      color: #FFFFFF;
      line-height: 1.15;
      margin-bottom: 1rem;
      font-family: Arial, Helvetica, sans-serif !important;
    }

    #lp-hero h1 span { color: #CC0000; }
    #lp-hero h4 span { color: #CC0000; }


    #lp-hero p {
      font-size: 1rem;
      color: #eeeeee;
      margin-bottom: 2rem;
      max-width: 480px;
    }
    #lp-hero li {
    color: #eeeeee !important;
    font-size: 1.10rem;
    }

    #lp-hero ul {
    line-height: 1.95;
    padding-top:8px;
    }

/* TRUST BAR */
    #trust-bar {
      background: #F5F5F5;
      border-bottom: 1px solid #E0E0E0;
      padding: 18px 24px;
    }

    @media (max-width: 600px) {
  #trust-bar {
    display: none;
  }
}

    #trust-bar .trust-inner {
      max-width: 1140px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      flex-wrap: wrap;
    }

    .trust-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.85rem;
      font-weight: 700;
      color: #2D2D2D;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .trust-item svg {
      width: 18px;
      height: 18px;
      stroke: #CC0000;
    }


.lp-product-card .card-image {
  background: #FFFFFF;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  min-height: 120px;
}

.lp-product-card .card-image img {
  max-height: 120px;
  max-width: 100%;
  object-fit: contain;
}