/* v6.22.7 - Homepage mail-in strip: inline, balanced conversion and readable tiles. */
/* The earlier shortcode sat inside the intro and forced the entire first grid row to its height.
   Keep it as the fourth sibling; only this home-scoped sheet overrides the legacy mail grid. */
body.fi-revised .dct-reference-mail-layout{
  grid-template-columns:minmax(0,14fr) minmax(0,24fr) minmax(0,30fr) minmax(0,32fr)!important;
  grid-template-rows:auto!important;
  align-items:stretch!important;
}
body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-photo{
  grid-column:1!important;grid-row:1!important;min-height:310px!important;
  object-fit:contain!important;background:#f0efed;
}
body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-intro{
  grid-column:2!important;grid-row:1!important;min-width:0;
  padding:clamp(18px,1.6vw,24px) clamp(15px,1.5vw,24px)!important;
  overflow:visible;
}
body.fi-revised .dct-reference-mail-intro h2{
  font-size:clamp(27px,2.2vw,33px)!important;line-height:1.08!important;
}
body.fi-revised .dct-reference-mail-intro h3{font-size:clamp(18px,1.65vw,24px)!important;margin-bottom:12px!important}
body.fi-revised .dct-reference-mail-intro p{font-size:clamp(13px,.95vw,15px)!important;line-height:1.48!important}
body.fi-revised .dct-reference-mail-intro .dct-reference-info-link{
  display:inline-flex;align-items:center;gap:10px;min-height:42px;margin-top:3px;
  padding:4px 0;color:#153a50;font:800 12px/1.35 Arial,Helvetica,sans-serif;
  text-decoration:underline;text-underline-offset:4px;
}
body.fi-revised .dct-reference-mail-intro .dct-reference-info-link svg{width:16px;height:16px;flex:none}
body.fi-revised .dct-reference-mail-intro .dct-reference-info-link:focus-visible{
  outline:3px solid #1760a6;outline-offset:4px;
}
body.fi-revised .dct-reference-mail-layout>.dct-reference-steps{
  grid-column:3!important;grid-row:1!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  padding:16px 6px!important;gap:0;min-width:0;width:100%;
  border-left:1px solid #d0d4d7;border-top:0;
}
body.fi-revised .dct-reference-steps>.dct-reference-step{
  padding:36px 7px 12px!important;min-height:0!important;
  border-bottom:0!important;grid-column:auto!important;
}
body.fi-revised .dct-reference-steps>.dct-reference-step:last-child{grid-column:auto!important;border-right:0!important}
body.fi-revised .dct-reference-step .dct-reference-stepnum{top:6px!important}
body.fi-revised .dct-reference-step svg{width:32px;height:32px;margin:11px auto 4px!important}
body.fi-revised .dct-reference-step strong{font-size:clamp(12px,.91vw,14px);line-height:1.22}
body.fi-revised .dct-reference-step p{font-size:clamp(12px,.88vw,13px);line-height:1.43;max-width:23ch;color:#303b43}
body.fi-revised .dct-reference-mail-action{
  grid-column:4;grid-row:1;min-width:0;
  display:flex;align-items:stretch;padding:14px clamp(12px,1.25vw,20px);
  border-left:1px solid #cfd5d9;background:#e9edf0;
}
body.fi-revised .dct-reference-mail-action .dct-quick-mailin{
  display:flex;flex-direction:column;width:100%;margin:0;padding:16px clamp(13px,1.15vw,19px);
  border:1px solid #cad4db;border-radius:8px;background:#fff;box-shadow:0 5px 18px #102b3812;
}
body.fi-revised .dct-reference-mail-action .dct-quick-mailin h3{
  font:800 clamp(18px,1.4vw,21px)/1.16 Arial,Helvetica,sans-serif;margin:0 0 3px;
  color:#172b39;letter-spacing:-.025em;text-transform:none;
}
body.fi-revised .dct-reference-mail-action .dct-quick-mailin>p{
  font-size:12px;line-height:1.35;color:#4b5964;margin:0 0 10px;
}
body.fi-revised .dct-reference-mail-action .dct-quick-grid{gap:8px 10px}
body.fi-revised .dct-reference-mail-action .dct-quick-grid label{font-size:12px;line-height:1.3;margin-bottom:3px}
body.fi-revised .dct-reference-mail-action .dct-quick-grid input,
body.fi-revised .dct-reference-mail-action .dct-quick-grid textarea{
  min-height:40px;padding:8px 9px;font-size:13px;border-color:#9daebc;
}
body.fi-revised .dct-reference-mail-action .dct-quick-grid textarea{
  min-height:54px;max-height:106px;resize:vertical;
}
body.fi-revised .dct-reference-mail-action .dct-quick-mailin-form>button{
  margin:10px 0 6px;min-height:44px;font-size:12px;letter-spacing:.04em;
}
body.fi-revised .dct-reference-mail-action .dct-quick-mailin-form>small{
  font-size:11.5px;line-height:1.35;color:#4d5860;
}
/* Larger cards further down the screenshot already align well. Tighten dense
   supporting text and keep interactive targets legible on smaller screens. */
body.fi-revised .dct-reference-cell .dct-reference-tile>.dct-reference-tile-desc{
  font-size:clamp(13px,1vw,15px);line-height:1.48;color:#e2e9ed;
}
body.fi-revised .dct-cap-home-brands .dct-brand-label{font-size:13px;letter-spacing:.075em}
body.fi-revised .dct-cap-home-brands .dct-cap-brand-footer p{line-height:1.65}
@media(max-width:1160px){
  /* Keep the form beside the step cards while allocating a full row for both. */
  body.fi-revised .dct-reference-mail-layout{
    grid-template-columns:minmax(0,24fr) minmax(0,36fr) minmax(0,40fr)!important;
    grid-template-rows:auto auto!important;
  }
  body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-photo{
    grid-column:1!important;grid-row:1!important;min-height:220px!important;
  }
  body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-intro{
    grid-column:2/4!important;grid-row:1!important;
    padding:24px clamp(24px,4vw,42px)!important;
  }
  body.fi-revised .dct-reference-mail-intro p{max-width:68ch}
  body.fi-revised .dct-reference-mail-layout>.dct-reference-steps{
    grid-column:1/3!important;grid-row:2!important;border-top:1px solid #d0d4d7;
  }
  body.fi-revised .dct-reference-mail-action{
    grid-column:3;grid-row:2;min-width:0;border-top:1px solid #d0d4d7;
  }
}
@media(min-width:801px) and (max-width:990px){
 body.fi-revised .dct-reference-mail-action .dct-quick-grid{grid-template-columns:1fr}
 body.fi-revised .dct-reference-mail-action .dct-quick-grid>.dct-quick-wide{grid-column:auto}
}
@media(max-width:800px){
  body.fi-revised .dct-reference-mail-layout{
    grid-template-columns:1fr!important;grid-template-rows:auto!important;
  }
  body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-photo{
    grid-column:1!important;grid-row:1!important;min-height:0!important;
    height:165px!important;max-height:165px!important;object-fit:contain!important;
  }
  body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-intro{
    grid-column:1!important;grid-row:2!important;padding:22px 20px!important;
  }
  body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-action{
    grid-column:1;grid-row:3;padding:16px 20px;border-top:1px solid #d0d4d7;border-left:0;
  }
  body.fi-revised .dct-reference-mail-layout>.dct-reference-steps{
    grid-column:1!important;grid-row:4!important;border-left:0;border-top:1px solid #d0d4d7;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:15px 8px!important;
  }
  body.fi-revised .dct-reference-steps>.dct-reference-step{
    min-height:0!important;padding:35px 10px 12px!important;
  }
  body.fi-revised .dct-reference-step p{max-width:25ch;font-size:12px}
  body.fi-revised .dct-reference-mail-action .dct-quick-mailin{padding:18px}
}
@media(max-width:540px){
  body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-photo{
    height:130px!important;min-height:130px!important;max-height:130px!important;
  }
  body.fi-revised .dct-reference-mail-layout>.dct-reference-mail-intro{padding:20px!important}
  body.fi-revised .dct-reference-mail-intro p{font-size:14px!important}
  body.fi-revised .dct-reference-mail-action{padding:12px 14px}
  body.fi-revised .dct-reference-mail-action .dct-quick-grid{grid-template-columns:1fr}
  body.fi-revised .dct-reference-mail-action .dct-quick-grid>.dct-quick-wide{grid-column:auto}
  body.fi-revised .dct-reference-mail-layout>.dct-reference-steps{
    grid-template-columns:1fr!important;padding:7px 12px!important;
  }
  body.fi-revised .dct-reference-steps>.dct-reference-step{
    display:grid!important;grid-template-columns:48px minmax(0,1fr);
    grid-template-rows:auto auto;column-gap:12px;row-gap:3px;
    text-align:left;justify-items:start;align-items:center;
    min-height:0!important;padding:13px 8px 13px 39px!important;
    border-right:0!important;border-bottom:1px solid #d0d4d7!important;
  }
  body.fi-revised .dct-reference-steps>.dct-reference-step:last-child{border-bottom:0!important}
  body.fi-revised .dct-reference-step .dct-reference-stepnum{
    top:20px!important;left:5px!important;font-size:12px;width:24px;height:24px;
  }
  body.fi-revised .dct-reference-step svg{
    grid-column:1;grid-row:1/3;margin:0!important;width:36px;height:36px;
  }
  body.fi-revised .dct-reference-step strong{
    grid-column:2;grid-row:1;font-size:14px;min-height:0;
  }
  body.fi-revised .dct-reference-step p{
    grid-column:2;grid-row:2;margin:0;font-size:13px;max-width:none;
  }
}
/* Preserve readable contrast on the dark manufacturer directory footer. */
body.fi-revised .dct-lc-showcase-footer .fi-btn.fi-btn-ghost{
  color:#ffffff!important;
  background:#172d3d!important;
  border:2px solid #a8bbc9!important;
}
body.fi-revised .dct-lc-showcase-footer .fi-btn.fi-btn-ghost:hover,
body.fi-revised .dct-lc-showcase-footer .fi-btn.fi-btn-ghost:focus-visible{
  color:#132532!important;
  background:#ffffff!important;
}
/* The full-width launcher can obscure important step and form copy on phones. */
@media(max-width:540px){
  body.fi-revised .dct-chat-launcher{
    width:50px;height:50px;min-height:50px;padding:0!important;
    border-radius:50%;gap:0;
  }
  body.fi-revised .dct-chat-launcher span{display:none!important}
  body.fi-revised .dct-chat-launcher svg{width:24px;height:24px}
}