.elementor-9 .elementor-element.elementor-element-9e3efed{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:064px;--padding-bottom:096px;--padding-left:040px;--padding-right:040px;}.elementor-9 .elementor-element.elementor-element-9e3efed:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-9e3efed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://liwometals.ca/wp-content/uploads/2026/03/liwo-metals-hero-bg.jpg");background-position:top center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-b99855d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:064px;--padding-bottom:064px;--padding-left:040px;--padding-right:040px;}.elementor-9 .elementor-element.elementor-element-c49d589{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-1df4816{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-b7516f9{text-align:center;}.elementor-9 .elementor-element.elementor-element-b7516f9 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:4.5rem;font-weight:600;line-height:1.272;letter-spacing:-0.16px;color:var( --e-global-color-3528a18 );}.elementor-9 .elementor-element.elementor-element-0cdf7ed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-e0cda9f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:064px;--padding-bottom:064px;--padding-left:040px;--padding-right:040px;}.elementor-9 .elementor-element.elementor-element-8993bb3{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-89e3c4b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-6a7cb8d{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-6a7cb8d .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:4.5rem;font-weight:600;line-height:1.272;letter-spacing:-0.16px;color:var( --e-global-color-3528a18 );}.elementor-9 .elementor-element.elementor-element-26b3b95{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-afc0bae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-fbdf709{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:064px;--padding-bottom:064px;--padding-left:040px;--padding-right:040px;}.elementor-9 .elementor-element.elementor-element-3bbfeaf{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-3f60b40{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-abf469b{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-abf469b .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:3rem;font-weight:600;line-height:1.272;letter-spacing:-0.16px;color:var( --e-global-color-3528a18 );}.elementor-9 .elementor-element.elementor-element-4eead5c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-7980544{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:064px;--padding-bottom:064px;--padding-left:040px;--padding-right:040px;}.elementor-9 .elementor-element.elementor-element-1241af9{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-5494fcc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c88caae{width:100%;max-width:100%;text-align:center;}.elementor-9 .elementor-element.elementor-element-c88caae .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:4.5rem;font-weight:600;line-height:1.272;letter-spacing:-0.16px;color:var( --e-global-color-3528a18 );}.elementor-9 .elementor-element.elementor-element-c12c48d{width:100%;max-width:100%;text-align:center;}.elementor-9 .elementor-element.elementor-element-c12c48d.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-c12c48d .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:1.5rem;font-weight:400;line-height:1.272;letter-spacing:-0.08px;color:var( --e-global-color-5afa290 );}.elementor-9 .elementor-element.elementor-element-a54ea6a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-html{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-button[type="submit"]{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-65e9609{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9 .elementor-element.elementor-element-38d1d11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://liwometals.ca/wp-content/uploads/2026/02/liwo-metal-bg-dark-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-9e3efed{--padding-top:072px;--padding-bottom:072px;--padding-left:024px;--padding-right:024px;}.elementor-9 .elementor-element.elementor-element-b99855d{--padding-top:072px;--padding-bottom:072px;--padding-left:024px;--padding-right:024px;}.elementor-9 .elementor-element.elementor-element-e0cda9f{--padding-top:072px;--padding-bottom:072px;--padding-left:024px;--padding-right:024px;}.elementor-9 .elementor-element.elementor-element-fbdf709{--padding-top:072px;--padding-bottom:072px;--padding-left:024px;--padding-right:024px;}.elementor-9 .elementor-element.elementor-element-7980544{--padding-top:072px;--padding-bottom:072px;--padding-left:024px;--padding-right:024px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-9e3efed{--min-height:100vh;--padding-top:056px;--padding-bottom:056px;--padding-left:016px;--padding-right:016px;}.elementor-9 .elementor-element.elementor-element-b99855d{--padding-top:056px;--padding-bottom:056px;--padding-left:016px;--padding-right:016px;}.elementor-9 .elementor-element.elementor-element-c49d589{--gap:28px 28px;--row-gap:28px;--column-gap:28px;}.elementor-9 .elementor-element.elementor-element-1df4816{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-9 .elementor-element.elementor-element-b7516f9 .elementor-heading-title{font-size:3rem;}.elementor-9 .elementor-element.elementor-element-e0cda9f{--padding-top:056px;--padding-bottom:056px;--padding-left:016px;--padding-right:016px;}.elementor-9 .elementor-element.elementor-element-89e3c4b{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-9 .elementor-element.elementor-element-6a7cb8d{text-align:center;}.elementor-9 .elementor-element.elementor-element-26b3b95{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-8648715.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-fbdf709{--padding-top:056px;--padding-bottom:056px;--padding-left:016px;--padding-right:016px;}.elementor-9 .elementor-element.elementor-element-abf469b .elementor-heading-title{font-size:2rem;}.elementor-9 .elementor-element.elementor-element-7980544{--padding-top:056px;--padding-bottom:056px;--padding-left:016px;--padding-right:016px;}.elementor-9 .elementor-element.elementor-element-c88caae .elementor-heading-title{font-size:3rem;}.elementor-9 .elementor-element.elementor-element-c12c48d .elementor-heading-title{font-size:1rem;}}/* Start custom CSS for html, class: .elementor-element-c08adc5 *//* ═══════════════════════════════════════════════════════
   LiWo Metals — Hero Content Widget  ·  Custom CSS
   ═══════════════════════════════════════════════════════
   Paste this into the HTML widget's  Custom CSS  field.
   ".elementor-9 .elementor-element.elementor-element-c08adc5" = the widget's wrapper element.
   ═══════════════════════════════════════════════════════ */

/* ── Widget wrapper: fill the parent section ── */
.elementor-9 .elementor-element.elementor-element-c08adc5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
}

/* ── Hero inner wrapper ── */
.elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* Top padding larger to clear the fixed navbar (~70-80px) */
  padding: 64px 48px 112px;
  text-align: center;
}

/* ── Content column ── */
.elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ── Headline ── */
.elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__headline {
  font-family: 'Afacad', 'Poppins', system-ui, sans-serif;
  font-size: 4.5rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1.15;
  color: #F2F5F8;
  text-shadow:
    0 2px 16px rgba(0, 0, 0, 0.50),
    0 1px 4px  rgba(0, 0, 0, 0.35);
  margin-bottom: 24px;
  padding: 0;
}

/* ── Subheadline ── */
.elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__sub {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.55;
  color: #D7DEE6;
  text-shadow:
    0 1px 8px rgba(0, 0, 0, 0.40),
    0 1px 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 32px;
  padding: 0;
}

/* ── Bottom group (sub + button) ── */
.elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ── Button z-index (sits above overlay) ── */
.elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-btn-primary {
  position: relative;
  z-index: 2;
  margin-top: 8px;
}


/* ━━━━━━━━━━━━━━━  Tablet  ≤ 1024px  ━━━━━━━━━━━━━━━ */
@media (max-width: 1024px) {
  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero {
    padding: 120px 36px 64px;
  }

  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__headline {
    font-size: 3.5rem;
  }

  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__sub {
    font-size: 17px;
  }
}


/* ━━━━━━━━━━━━━━━  Mobile  ≤ 767px  ━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {
  /* Fill the full viewport height */
  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero {
    min-height: 90vh;
    padding: 32px 16px 48px;
    align-items: stretch;
  }

  /* Spread headline (top) and bottom group (bottom) apart */
  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__content {
    justify-content: space-between;
    min-height: 100%;
    flex: 1;
  }

  /* Headline sits near the top, left-aligned on mobile */
  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__headline {
    font-size: 2.5rem;
    margin-bottom: 0;
    text-align: center;
  }

  /* Bottom group anchored to the bottom */
  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__bottom {
    align-items: center;
  }

  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-hero__sub {
    font-size: 1.125rem;
    margin-bottom: 32px;
  }

  .elementor-9 .elementor-element.elementor-element-c08adc5 .liwo-btn-primary {
    margin-top: 4px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72eb412 *//* ===================================================
   LiWo Metals — Panel Profile Cards  (Elementor HTML Widget)
   Paste into: Widget → Advanced → Custom CSS
   =================================================== */

/* ── Grid layout ─────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  width: 100%;
}

/* ── Card ─────────────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card {
  display: flex;
  flex-direction: column;
  background: #383D43;
  border: 1px solid #454C55;
  border-radius: 12px;
  overflow: hidden;
}

/* ── Card content (everything above the CTA) ─────── */
/* flex-grow: 1 makes all cards the same height      */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 28px 24px 24px;
}

/* ── Header (overline + title) ───────────────────── */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__header {
  flex-shrink: 0;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__overline {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #AAB6C2;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__title {
  color: #F2F5F8;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

/* ── Image area ──────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__image {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  padding: 0;
  margin: 16px 0 0;
}

/* Product photo — edge-to-edge fill */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Subtle bottom-edge fade into card surface */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(
    to bottom,
    rgba(56, 61, 67, 0) 0%,
    rgba(56, 61, 67, 0.45) 100%
  );
  pointer-events: none;
}

/* ── Specs area ──────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__specs {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  border-top: 1px solid #40464E;
  padding-top: 16px;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 6px 0;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-row:first-child {
  padding-top: 0;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-row:last-child {
  padding-bottom: 0;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-label {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #7F8B98;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-value {
  color: #D7DEE6;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
}

/* Em-dash placeholder for missing data */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-value:only-child {
  margin-left: auto;
}

/* ── Profile drawing download link ────────────────── */
.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__drawing-link {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  padding: 0;
  color: #AAB6C2;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: color 0.2s ease;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__drawing-link:hover {
  color: #F2F5F8;
}

.elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__drawing-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* ===================================================
   TABLET  (≤ 1024px)
   =================================================== */
@media (max-width: 1024px) {
  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__content {
    padding: 24px 20px 20px;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__title {
    font-size: 20px;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__image {
    aspect-ratio: 16 / 9;
    margin: 12px 0 0;
  }
}

/* ===================================================
   MOBILE  (≤ 767px)
   =================================================== */
@media (max-width: 767px) {
  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__content {
    padding: 24px 20px 20px;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__title {
    font-size: 20px;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__image {
    aspect-ratio: 16 / 9;
    margin: 12px 0 0;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-label {
    font-size: 10px;
  }

  .elementor-9 .elementor-element.elementor-element-72eb412 .pp-card__spec-value {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b99855d */.lw-card{ display:flex; flex-direction:column; height:100%; }
.lw-card__content{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-372fab1 *//* ═══════════════════════════════════════════
   LiWo Metals – Colours Grid  (Custom CSS)
   Paste into Elementor HTML widget > Custom CSS
   ═══════════════════════════════════════════ */

/* ── Tab bar ── */
.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-colors-tabs {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-bottom: 24px;
}

.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-tab {
  padding: 10px 36px;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid #454C55;
  /* border-radius: 6px; */
  cursor: pointer;
  transition: all 0.3s ease;
  background: #383D43;
  color: #7F8B98;
}

.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-tab:hover {
  background: #424850;
  color: #D7DEE6;
  border-color: #59636E;
}

.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-tab.active {
  background: linear-gradient(135deg, #EEF1F4 0%, #B7BEC8 50%, #7D8793 100%);
  color: #1a1a1a;
  border-color: #B7BEC8;
  cursor: default;
}

/* ── Grid layout ── */
.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-colors-grid {
  --grid-gap: 10px;
  --swatch-radius: 10px;
  --transition-speed: 0.3s;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: var(--grid-gap);
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
}

.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch {
  position: relative;
  aspect-ratio: 1 / 1;
  /* border-radius: var(--swatch-radius); */
  cursor: pointer;
  overflow: hidden;
  transition: transform var(--transition-speed) ease,
              box-shadow var(--transition-speed) ease;
}

.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch .swatch-fill {
  width: 100%;
  height: 100%;
  /* border-radius: var(--swatch-radius); */
  transition: filter var(--transition-speed) ease;
}

.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch .swatch-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 6px;
  font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
  font-size: clamp(8px, 0.7vw, 12px);
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.03em;
  line-height: 1.2;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--transition-speed) ease,
              transform var(--transition-speed) ease;
  pointer-events: none;
  text-transform: uppercase;
}

/* Dark text on light swatches */
.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch.swatch-light .swatch-label {
  color: #1a1a1a;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
  background: linear-gradient(to top, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 100%);
}

/* White text on dark swatches */
.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch.swatch-dark .swatch-label {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
}

/* ── Hover: scale up + reveal label ── */
.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch:hover {
  transform: scale(1.18);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  z-index: 10;
}

.elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch:hover .swatch-label {
  opacity: 1;
  transform: translateY(0);
}

/* ───── Tablet: 5 columns (Elementor tablet ≤1024px) ───── */
@media (max-width: 1024px) {
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-colors-tabs {
    margin-bottom: 18px;
  }
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-tab {
    padding: 9px 28px;
    font-size: 14px;
  }
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-colors-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
  }
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch .swatch-label {
    font-size: clamp(8px, 1.4vw, 12px);
  }
}

/* ───── Mobile: 4 columns (Elementor mobile ≤767px) ───── */
@media (max-width: 767px) {
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-colors-tabs {
    margin-bottom: 14px;
  }
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-tab {
    padding: 8px 22px;
    font-size: 13px;
  }
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-colors-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch .swatch-label {
    font-size: clamp(7px, 2.2vw, 11px);
    padding: 5px 3px;
  }
  .elementor-9 .elementor-element.elementor-element-372fab1 .liwo-color-swatch:hover {
    transform: scale(1.12);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38d1ef3 *//* ═══════════════════════════════════════════════════════
   LiWo Metals — Mobile Services Home Section · Custom CSS
   ═══════════════════════════════════════════════════════
   Paste this into the HTML widget's  Custom CSS  field.
   Elementor replaces `.elementor-9 .elementor-element.elementor-element-38d1ef3` with the widget's unique
   class at render time.

   DESIGN SYSTEM REFS:
     • Section padding: spacing-inventory.md §2
     • Typography: typography.md §3.4, §3.6
     • Colors: color-inventory.md §1, §2
     • Button: global.css .liwo-btn-secondary (no overrides)

   BREAKPOINTS:
     • Tablet: ≤ 1024px
     • Mobile: ≤ 767px
   ═══════════════════════════════════════════════════════ */


/* ── Section wrapper ──
   Handles max-width and section padding.
   Matches all home page content sections:
   64px vertical, 40px horizontal on desktop.
   Ref: spacing-inventory.md §2 */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home {
  max-width: 1240px;
  margin: 0 auto;
  padding: 64px 40px;
}


/* ── Two-column layout ──
   Content 50%, photo 50%.
   32px gap — tighter than Tech Specs (48px) to keep
   content and photo visually connected.
   Ref: spacing-inventory.md §7 (gap scale) */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__layout {
  display: flex;
  align-items: center;
  gap: 32px;
}

.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__content {
  flex: 0 0 50%;
  max-width: 50%;
}

.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__photo {
  flex: 1;
  min-width: 0;
}


/* ── Photo ──
   1736×1158 (3:2) indoor shop shot of the NTM SSQ II.
   object-position pushes the crop window down to center
   on the machine body and LIWO METALS / SSQ II branding,
   cutting the shop ceiling clutter.
   Rounded corners match card system (12px).
   Border matches card border token #454C55.
   Ref: spacing-inventory.md §5 (border-radius) */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__photo img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: center 60%;
  border-radius: 12px;
  border: 1px solid #454C55;
  display: block;
}


/* ── Overline ──
   Matches Panel Profile card overline exactly.
   Ref: typography.md §3.4 */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__overline {
  display: block;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #AAB6C2;
  margin-bottom: 14px;
}


/* ── Headline ──
   Sub-section heading scale (1.75rem / 600).
   Matches Elementor kit preset 84735f4.
   Ref: typography.md §2 */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__headline {
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.272;
  letter-spacing: -0.16px;
  color: #F2F5F8;
  margin: 0 0 16px;
}


/* ── Body paragraph ──
   Matches on-site card descriptions and form success message.
   Ref: typography.md §3.7 */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__body {
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.55;
  color: #D7DEE6;
  margin: 0 0 28px;
  max-width: 520px;
}


/* ── Benefits list ──
   Vertical stack with consistent gap.
   Ref: footer contact item margin (14px) */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefits {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}


/* ── Individual benefit row ── */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}


/* ── Benefit icon ──
   Same SVG icons as on-site-why widget.
   Color matches label token #AAB6C2.
   Ref: on-site-why-HTML.html */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #AAB6C2;
  margin-top: 2px;
}


/* ── Benefit text container ── */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}


/* ── Benefit title ──
   15px / 600 — same as Colours tab buttons and CTA font size.
   Ref: typography.md §3.5, §4 */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit-title {
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #F2F5F8;
  margin-bottom: 4px;
}


/* ── Benefit description ──
   14px / 400 — same as footer product links and spec values.
   Ref: typography.md §3.4, §3.9 */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit-desc {
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: #AAB6C2;
}


/* ── CTA button ──
   Uses global .liwo-btn-secondary from global.css.
   No overrides needed — just the class on the <a> tag.
   This rule only exists as a positioning hook if needed. */
.elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__cta {
  /* No overrides — inherits from .liwo-btn-secondary */
}


/* ━━━━━━━━━━━━━━━  Tablet  ≤ 1024px  ━━━━━━━━━━━━━━━
   Section padding: 72px / 24px
   Column gap: 24px
   Photo height: 300px
   Ref: spacing-inventory.md §2                    */
@media (max-width: 1024px) {

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home {
    padding: 72px 24px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__layout {
    gap: 24px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__content {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__photo img {
    height: 300px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__body {
    margin-bottom: 24px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefits {
    gap: 14px;
    margin-bottom: 28px;
  }
}


/* ━━━━━━━━━━━━━━━  Mobile  ≤ 767px  ━━━━━━━━━━━━━━━
   Section padding: 56px / 16px
   Single column, photo on top.
   Headline: 1.5rem
   Ref: spacing-inventory.md §2, §7                */
@media (max-width: 767px) {

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home {
    padding: 56px 16px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__layout {
    flex-direction: column;
    gap: 24px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__content {
    flex: none;
    max-width: 100%;
  }

  /* Photo moves above content on mobile */
  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__photo {
    order: -1;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__photo img {
    height: 200px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__headline {
    font-size: 1.5rem;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__body {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefits {
    gap: 12px;
    margin-bottom: 24px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit {
    gap: 12px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit-icon {
    width: 20px;
    height: 20px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit-title {
    font-size: 14px;
  }

  .elementor-9 .elementor-element.elementor-element-38d1ef3 .liwo-ms-home__benefit-desc {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4495f85 *//* ═══════════════════════════════════════════
   LiWo Metals – Tech Specs  (Custom CSS)
   Paste into Elementor HTML widget > Custom CSS
   ═══════════════════════════════════════════ */

/* ── Grid: 3 columns on desktop ── */
.elementor-9 .elementor-element.elementor-element-4495f85 .ts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Column ── */
.elementor-9 .elementor-element.elementor-element-4495f85 .ts-column {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── Heading ── */
.elementor-9 .elementor-element.elementor-element-4495f85 .ts-heading {
  font-family: "Afacad", Sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: rgba(255, 255, 255, 0.55);
  margin: 0 0 28px 0;
  padding: 0;
  line-height: 1.4;
}

/* ── Download row ── */
.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-decoration: none;
  transition: opacity 0.2s ease;
  cursor: pointer;
}

.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item:hover {
  opacity: 0.75;
}

/* ── Text block ── */
.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__name {
  font-family: "Afacad", Sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.35;
}

.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__desc {
  font-family: "Afacad", Sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.4;
}

/* ── Download icon ── */
.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.2s ease;
}

.elementor-9 .elementor-element.elementor-element-4495f85 .ts-item:hover .ts-item__icon {
  color: rgba(255, 255, 255, 0.85);
}

/* ───── Tablet (≤1024px): tighter spacing ───── */
@media (max-width: 1024px) {
  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-grid {
    gap: 32px;
  }

  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-heading {
    font-size: 0.72rem;
    margin-bottom: 20px;
  }

  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__name {
    font-size: 1rem;
  }

  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__icon {
    width: 24px;
    height: 24px;
  }
}

/* ───── Mobile (≤767px): stack vertically ───── */
@media (max-width: 767px) {
  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-heading {
    font-size: 0.75rem;
    margin-bottom: 16px;
  }

  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-item {
    padding: 16px 0;
  }

  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__name {
    font-size: 1.05rem;
  }

  .elementor-9 .elementor-element.elementor-element-4495f85 .ts-item__icon {
    width: 26px;
    height: 26px;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-65e9609 *//* ===================================================
   LiWo Metals — Intake Form  (Elementor Form Widget)
   Paste into: Widget → Advanced → Custom CSS
   =================================================== */

/* ── Form wrapper card ────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-form {
  background: #383D43;
  border: 1px solid #454C55;
  border-radius: 16px;
  padding: 40px 30px 0;
  overflow: hidden;
}

/* Zero out any Elementor defaults on the flex wrapper */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-form-fields-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Field group spacing ──────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group {
  padding: 0 10px;
  margin-bottom: 22px;
}

/* ── Labels ───────────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-label {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #AAB6C2;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

/* ── Required asterisk ────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-mark-required .elementor-field-label::after {
  color: #EF4444;
  padding-left: 3px;
}

/* ── Text inputs, tel, email, number ──────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-textual {
  background-color: #26292D !important;
  border: 1px solid #454C55 !important;
  color: #F2F5F8 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.4;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* ── Placeholder ──────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-textual::placeholder {
  color: #7F8B98 !important;
  opacity: 1;
}

/* ── Hover state ──────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-textual:hover {
  border-color: #59636E !important;
}

/* ── Focus state ──────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-textual:focus {
  border-color: #59636E !important;
  box-shadow: 0 0 0 3px rgba(238, 241, 244, 0.18) !important;
  outline: none !important;
}

/* ── Select wrapper (Elementor wraps <select>) ────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper {
  width: 100%;
}

.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select {
  background-color: #26292D !important;
  border: 1px solid #454C55 !important;
  color: #F2F5F8 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.4;
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Select placeholder (first disabled option) */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select option[value=""] {
  color: #7F8B98;
}

/* Select showing placeholder text — muted color */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select.liwo-placeholder-active {
  color: #7F8B98 !important;
}

/* Once a real option is picked, restore full text color */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select:not(.liwo-placeholder-active) {
  color: #F2F5F8 !important;
}

/* Select option styling */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select option {
  background-color: #26292D;
  color: #F2F5F8;
  padding: 10px;
}

/* Optgroup dividers (SMP / PVDF section headers) */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select optgroup {
  background-color: #1E2024;
  color: #AAB6C2;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 8px 10px;
}

.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select optgroup option {
  font-weight: 400;
  font-size: 15px;
  letter-spacing: normal;
  text-transform: none;
  color: #F2F5F8;
  background-color: #26292D;
  padding: 10px 16px;
}

.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select:hover {
  border-color: #59636E !important;
}

.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select:focus {
  border-color: #59636E !important;
  box-shadow: 0 0 0 3px rgba(238, 241, 244, 0.18) !important;
  outline: none !important;
}

/* ── Select dropdown arrow (use Elementor's native arrow only) ── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper::before {
  display: none !important;
}

/* ── Textarea ─────────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 textarea.elementor-field-textual {
  min-height: 140px;
  resize: vertical;
}

/* ── Submit button container ──────────────────────── */
/* Negative left/right margins break out of form padding.
   overflow:hidden on .elementor-form clips to rounded corners.
   margin-bottom: 0 keeps button fully inside the form box. */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-submit {
  padding: 0 !important;
  margin: 22px -30px 0 -30px !important;
  margin-bottom: 0 !important;
  width: calc(100% + 60px) !important;
  max-width: none !important;
}

/* ── Submit button ────────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-submit .elementor-button {
  background: linear-gradient(135deg, #EEF1F4 0%, #B7BEC8 100%) !important;
  color: #1A1D21 !important;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 22px 32px !important;
  border: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-submit .elementor-button:hover {
  background: linear-gradient(135deg, #FAFBFC 0%, #CDD3DA 100%) !important;
  box-shadow: 0 -2px 15px rgba(238, 241, 244, 0.12);
}

/* Button icon (arrow) */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-button-icon {
  font-size: 14px;
  color: #1A1D21;
}

.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-button-text {
  color: #1A1D21;
}

/* ── Validation / error ───────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-message-danger {
  color: #EF4444 !important;
  font-size: 12px;
  margin-top: 6px;
}

.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-error .elementor-field-textual,
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-error .elementor-select-wrapper select {
  border-color: #EF4444 !important;
}

/* ── Success message ──────────────────────────────── */
.elementor-9 .elementor-element.elementor-element-65e9609 .elementor-message-success {
  color: #D7DEE6 !important;
  font-family: 'Afacad', 'Poppins', 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  padding: 24px 20px !important;
}

/* ===================================================
   TABLET  (≤ 1024px)
   =================================================== */
@media (max-width: 1024px) {
  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-form {
    padding: 30px 20px 0;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group {
    padding: 0 8px;
    margin-bottom: 18px;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-submit {
    margin: 18px -20px 0 -20px !important;
    margin-bottom: 0 !important;
    width: calc(100% + 40px) !important;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-submit .elementor-button {
    padding: 20px 24px !important;
  }

}

/* ===================================================
   MOBILE  (≤ 767px)
   =================================================== */
@media (max-width: 767px) {
  /* Remove horizontal padding from the form itself —
     padding moves to each field group instead, so the
     submit button can span the full card width naturally. */
  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-form {
    padding: 24px 0 0;
    border-radius: 12px;
  }

  /* Every field group EXCEPT submit gets the 16px side padding */
  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group:not(.elementor-field-type-submit) {
    padding: 0 16px;
    margin-bottom: 16px;
  }

  /* Stack all fields to full width on mobile */
  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-group {
    width: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-textual {
    padding: 12px 14px !important;
    font-size: 14px;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-select-wrapper select {
    padding: 12px 14px !important;
    font-size: 14px;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-label {
    font-size: 11px;
    margin-bottom: 8px;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 textarea.elementor-field-textual {
    min-height: 120px;
  }

  /* Submit — full width, no negative-margin hacks needed */
  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-submit {
    margin: 16px 0 0 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-field-type-submit .elementor-button {
    padding: 18px 20px !important;
    font-size: 13px;
  }

  /* Success — mobile */
  .elementor-9 .elementor-element.elementor-element-65e9609 .elementor-message-success {
    padding: 20px 16px !important;
    font-size: 14px;
  }
}/* End custom CSS */