/* Desktop only: preserve CMSMasters mobile hamburger layout. */
@media (min-width: 1025px) {
  body .header_bot .header_bot_inner { display:flex !important; align-items:center !important; flex-wrap:nowrap !important; gap:0 !important; height:auto !important; min-height:76px; }
  body .header_bot .header_bot_inner > .bot_nav_wrap { display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important; width:auto !important; float:none !important; position:relative !important; margin:0 !important; }
  body .header_bot .header_bot_inner > .bot_nav_wrap nav { width:100% !important; }
  body .header_bot .header_bot_inner > .bot_nav_wrap .navigation { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; gap:8px !important; }
  body .header_bot .header_bot_inner > .bot_nav_wrap .navigation > li { float:none !important; flex:0 0 auto !important; }
  body .header_bot .header_bot_inner > .cmsmasters_cart_and_search_wrap { display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 78px !important; width:78px !important; min-width:78px !important; height:76px !important; float:none !important; position:relative !important; top:auto !important; left:auto !important; right:auto !important; margin:0 !important; padding:0 !important; }
  body .header_bot .header_bot_inner > .cmsmasters_cart_and_search_wrap .bot_search_but_wrap { display:flex !important; align-items:center !important; justify-content:center !important; height:100% !important; width:100% !important; margin:0 !important; }
  /* CMSMasters may output two search containers; hide the one before the nav, keep the one after. */
  body .header_bot .header_bot_inner > .cmsmasters_cart_and_search_wrap:has(~ .bot_nav_wrap) { display:none !important; }
  body .header_bot .header_bot_inner > .bot_nav_wrap ~ .cmsmasters_cart_and_search_wrap ~ .cmsmasters_cart_and_search_wrap { display:none !important; }
  body .header_bot { position:relative !important; z-index:30 !important; }
  body .header_bot .header_bot_inner { box-sizing:border-box !important; }
}
/* Optional About Us shortcode: does not alter existing content until shortcode is inserted. */
.eel-about-modern { --eel-navy:#103f60; --eel-blue:#0879ba; --eel-line:#dce9f2; max-width:1200px; margin:32px auto 80px; padding:0 20px; color:var(--eel-navy); font-family:Inter,Arial,sans-serif; box-sizing:border-box; }
.eel-about-modern * {box-sizing:border-box}
.eel-about-hero {background:linear-gradient(115deg,#e8f5fc,#f8fcff); border:1px solid var(--eel-line); border-radius:24px; padding:clamp(28px,5vw,66px); margin-bottom:24px;}
.eel-about-eyebrow,.eel-about-kicker {font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--eel-blue)}
.eel-about-hero h1 {font-size:clamp(30px,4vw,52px);line-height:1.15;letter-spacing:-.035em;color:var(--eel-navy);margin:16px 0}
.eel-about-hero p {font-size:18px;line-height:1.75;max-width:780px;color:#315a78;margin:0}
.eel-about-panel {background:#fff;border:1px solid var(--eel-line);border-radius:20px;padding:clamp(24px,3vw,42px);margin-bottom:24px;box-shadow:0 10px 28px rgba(16,63,96,.04)}
.eel-about-panel h2,.eel-about-contact h2 {font-size:clamp(23px,2.4vw,32px);color:var(--eel-navy);margin:10px 0 20px;line-height:1.25}
.eel-about-panel p {color:#425b70;font-size:16px;line-height:1.85;margin:0 0 17px}
.eel-about-panel p:last-child {margin-bottom:0}
.eel-about-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.eel-about-feature {border-top:4px solid var(--eel-blue)}
.eel-about-contact {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:20px;background:#103f60;color:white}
.eel-about-contact h2,.eel-about-contact p {color:white;margin:0 0 10px}
.eel-about-contact p {line-height:1.7;opacity:.9}
.eel-about-actions {display:flex;flex-wrap:wrap;gap:12px}
.eel-about-actions a {background:#fff;color:#103f60;padding:12px 17px;border-radius:9px;text-decoration:none;font-weight:700;white-space:nowrap}
.eel-about-actions a:hover {background:#dceffa}
@media(max-width:767px){.eel-about-grid{grid-template-columns:1fr}.eel-about-contact{flex-direction:column;align-items:flex-start}.eel-about-modern{padding:0 14px;margin-top:20px}}