/* ===== Header matched to supplied SunSource reference ===== */
.site-header{font-family:Arial,Helvetica,sans-serif;background:#fff}
.utility{height:43px}
.utility-inner{width:min(1625px,92%)}
.utility nav{gap:25px;font-size:13px;line-height:1}
.utility .phone{font-size:18px;color:#075795}
.main-head{width:min(1625px,92%);min-height:154px;grid-template-columns:535px minmax(420px,1fr) 385px;gap:48px;align-items:center}
.brand{display:block;width:515px;max-width:100%}
.brand img{display:block;width:100%;height:auto;max-width:none}
.desktop-search{height:50px;background:#e9e9ee;padding:0 15px}
.search-icon{font-size:0;width:22px;height:22px;border:2px solid #81858b;border-radius:50%;position:relative;margin-right:15px;display:block;flex:0 0 22px}
.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:#81858b;right:-6px;bottom:0;transform:rotate(45deg);transform-origin:left center}
.search input{font-family:Arial,Helvetica,sans-serif;font-size:16px}
.head-actions{gap:29px;align-items:center}
.head-actions a{min-width:70px}
.action-icon{height:58px;line-height:0;font-size:0;display:flex;justify-content:center;align-items:flex-start;color:#005b98}
.action-icon img{display:block;width:auto;height:58px;object-fit:contain}
.head-actions small{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;display:block;margin-top:1px}
.nav-bar{height:56px;background:#e8e8ed}
.nav-inner{width:min(1625px,92%);gap:47px;padding-left:12px}
.nav-inner a{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1}
@media(max-width:1200px){
 .main-head{grid-template-columns:390px minmax(300px,1fr) 300px;gap:28px}
 .brand{width:390px}
 .head-actions{gap:12px}
}
@media(max-width:900px){.family-logo{flex-basis:33.3333%;height:105px;padding:8px 12px}.family-logo img{height:72px}.family-slider{grid-template-columns:42px minmax(0,1fr) 42px}.family-arrow{font-size:50px;height:75px}}
@media(max-width:600px){.family{padding-bottom:55px}.family h2{margin-bottom:28px}.family-logo{flex-basis:50%;height:100px;padding:8px 8px}.family-logo img{height:64px}.family-arrow{font-size:46px}}
@media(max-width:900px){
 .main-head{grid-template-columns:1fr auto;min-height:100px;gap:15px}
 .brand{width:330px;max-width:100%}
}
@media(max-width:600px){
 .main-head{min-height:84px}
 .brand{width:245px}
 .action-icon{height:42px}
 .action-icon img{height:42px}
 .head-actions{gap:5px}
 .head-actions a{min-width:42px}
 .head-actions small{display:none}
 .desktop-search{display:none}
 .nav-bar{display:none}
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#262b30;background:#fff}a{text-decoration:none;color:inherit;cursor:pointer}.container{width:min(1600px,92%);margin:auto}.utility{height:42px;background:#fff}.utility-inner{width:min(1600px,92%);margin:auto;display:flex;justify-content:space-between;align-items:center;height:100%}.utility nav{display:flex;gap:25px;align-items:center;font-size:13px}.utility .phone{font-size:18px;font-weight:700;color:#075795}.main-head{min-height:142px;display:grid;grid-template-columns:430px 1fr 360px;gap:35px;align-items:center}.brand img{width:100%;max-width:475px;display:block}.search{height:48px;background:#eeeef2;display:flex;align-items:center;padding:0 14px}.search-icon{font-size:29px;color:#7a7d82;margin-right:10px;line-height:1}.search input{border:0;background:transparent;outline:0;width:100%;font-size:16px;color:#666}.head-actions{display:flex;justify-content:flex-end;gap:34px}.head-actions a{text-align:center;min-width:65px}.action-icon{height:55px;display:block;font-size:42px;line-height:48px;color:#005b98;position:relative}.action-icon.cart b{position:absolute;font-size:11px;background:#005b98;color:#fff;border-radius:2px;padding:2px 5px;top:0;right:8px}.head-actions small{font-size:12px;line-height:20px}.nav-bar{background:#e9e9ed;height:57px}.nav-inner{display:flex;align-items:center;height:100%;gap:48px;padding-left:15px}.nav-inner a{font-weight:700;font-size:16px}.hero{height:438px;position:relative;overflow:hidden;color:#fff}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.06) 60%,rgba(0,0,0,.12))}.hero-slide .hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-copy{width:min(690px,55%);margin-left:95px;margin-top:-10px}.hero h1{font-size:42px;line-height:1.08;margin:0 0 22px;font-weight:700}.hero p{font-size:19px;line-height:1.75;margin:0 0 38px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 42px;font-weight:700;letter-spacing:1px}.primary{background:#1c65b0}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(0,95,165,.5);color:#fff;width:120px;height:205px;font-size:66px;cursor:pointer;z-index:5}.hero-arrow.left{left:0}.hero-arrow.right{right:0;background:rgba(160,35,35,.25)}.hero-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px;z-index:6}.hero-dot{width:10px;height:10px;border:1px solid #fff;border-radius:50%;padding:0;background:rgba(255,255,255,.45);cursor:pointer}.hero-dot.active{background:#fff}.blue-features{background:#075a9c;color:#fff;padding:22px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature{display:grid;grid-template-columns:235px 1fr;gap:12px;align-items:start}.feature img{width:235px;height:139px;object-fit:cover}.feature h3{font-size:25px;margin:0 0 2px}.feature strong{font-size:18px}.feature p{font-size:16px;line-height:1.15;margin:8px 0 12px}.feature a{font-weight:700;font-size:14px}.section{padding:55px 0}.carousel-row{display:grid;grid-template-columns:55px 1fr 55px;align-items:center}.carousel-row>button,.family-strip button{border:0;background:transparent;color:#c7c9cc;font-size:55px;cursor:pointer}.brand-strip{display:flex;align-items:center;justify-content:space-around;gap:25px;height:95px}.brand-strip span{font-weight:800;font-size:28px;color:#151515;text-align:center}.brand-strip .murr{color:#4aaf51;font-size:25px}.brand-strip .murr small{font-size:14px;color:#555}.brand-strip .parker{background:#f6bd4c;color:#fff;padding:8px 18px}.product-categories{padding-top:5px;padding-bottom:55px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;text-align:center;align-items:end}.product-grid img{width:100%;height:175px;object-fit:contain}.product-grid p{font-size:18px;line-height:1.45;margin:8px 0}.light-section{background:#f4f4f8;padding:70px 0}.light-section h2,.industries h2,.family h2{text-align:center;color:#075a9c;font-size:38px;margin:0 0 42px}.cards.four{display:grid;grid-template-columns:repeat(4,1fr);gap:43px}.card{background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.12);border-bottom:6px solid #075a9c;min-height:560px}.card img{width:100%;height:220px;object-fit:cover;display:block}.card-body{padding:8px 26px 28px;display:flex;flex-direction:column;height:calc(100% - 220px)}.card h3{font-size:27px;line-height:1.3;margin:0 0 23px}.card p{font-size:19px;line-height:1.45;margin:0}.card a{margin-top:auto;color:#075a9c;font-weight:800;letter-spacing:2px;font-size:16px}.join{background:#f4f4f8;padding:0 0 75px}.join-inner{width:min(1200px,90%);margin:auto;height:398px;background:url("assets/join_team.jpg") center/cover no-repeat}.join-overlay{height:100%;background:linear-gradient(90deg,rgba(0,83,150,.94),rgba(0,83,150,.55));padding:70px 65px;color:#fff;display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:center}.join h2{font-size:50px;margin:0 0 55px}.join p{font-size:28px;line-height:1.5;margin:0}.outline-btn{border:2px solid #fff;padding:14px 36px;text-align:center;font-weight:700;font-size:17px}.industries{padding-top:50px}.industries .card{min-height:440px}.industries .card img{height:225px}.industries .card-body{height:209px}.industries .card h3{font-size:28px;margin:0}.center{text-align:center;margin-top:70px}.outline-blue{border:1px solid #ddd;padding:15px 45px;color:#075a9c;font-weight:700}.advantage{background:#075a9c;color:#fff;padding:30px 0 65px}.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.adv-copy h2{font-size:38px;margin:0 0 22px}.adv-copy p{font-size:18px;line-height:2;margin:0}.video-box{height:490px;position:relative;overflow:hidden;background:#145fa3}.video-box>img{width:100%;height:100%;object-fit:cover;opacity:.25}.video-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.video-brand img{width:330px}.fake-controls{position:absolute;bottom:10px;left:10px;right:10px;height:40px;background:#050505;border-radius:5px;display:flex;align-items:center;gap:12px;padding:0 10px}.fake-controls div{height:5px;background:#555;flex:1}.family{padding-bottom:70px}.family h2{margin-bottom:50px}.family-slider{display:grid;grid-template-columns:55px minmax(0,1fr) 55px;align-items:center}.family-viewport{overflow:hidden;width:100%}.family-track{display:flex;transition:transform .55s ease;will-change:transform}.family-logo{flex:0 0 20%;height:100px;display:flex;align-items:center;justify-content:center;padding:8px 18px}.family-logo img{display:block;width:100%;height:78px;object-fit:contain}.family-arrow{border:0;background:transparent;color:#c7c9cc;font-size:58px;line-height:1;cursor:pointer;padding:0;height:90px}.family-arrow:hover{color:#075a9c}.company-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:120px;margin-top:85px;align-items:center}.company-intro img{width:390px;max-width:100%;height:auto;object-fit:contain}.company-intro h3{font-size:34px;margin:0 0 25px}.company-intro p{font-size:19px;line-height:1.95;margin:0}.company-intro img{width:390px;justify-self:center}.newsletter{background:#b7b7bd;color:#fff;padding:20px 0}.newsletter-inner{display:grid;grid-template-columns:1.1fr 1.25fr 1fr;gap:30px;align-items:center}.newsletter-title{font-size:40px;font-weight:700}.newsletter-title span{font-size:42px;margin-right:10px}.newsletter p{font-size:14px;line-height:1.55}.newsletter form{display:flex}.newsletter input{height:48px;flex:1;border:0;padding:0 15px;font-size:17px}.newsletter button{width:58px;border:0;background:#075a9c;color:#fff;font-size:24px}.footer-main{background:#e8e8ed;padding:55px 0 100px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:65px}.footer-grid>div{display:flex;flex-direction:column}.footer-brand{text-align:center}.footer-brand img{width:300px;max-width:100%;margin:0 auto 10px}.footer-brand strong{color:#075a9c;font-size:19px;margin-bottom:25px}.footer-grid h3{font-size:27px;color:#075a9c;margin:0 0 28px}.footer-grid a,.footer-grid p{font-size:19px;line-height:1.8;margin:0}.footer-brand a{line-height:2}.social{display:flex;gap:14px;margin:38px auto 0}.social span{width:36px;height:36px;background:#075a9c;color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px}.events p{margin-bottom:25px}.events a{color:#075a9c}.footer-bottom{background:#e8e8ed;padding:0 0 30px}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px}.footer-bottom nav{display:flex;gap:25px;text-decoration:underline}@media(max-width:1200px){.main-head{grid-template-columns:320px 1fr 270px}.feature-grid{gap:20px}.feature{grid-template-columns:150px 1fr}.feature img{width:150px}.cards.four{gap:18px}.card h3{font-size:23px}.join p{font-size:23px}.footer-grid{gap:30px}}@media(max-width:900px){.utility{display:none}.main-head{grid-template-columns:1fr auto;min-height:100px}.search{grid-column:1/-1;grid-row:2;margin-bottom:15px}.head-actions{gap:12px}.head-actions a{min-width:45px}.nav-bar{overflow:auto}.nav-inner{gap:28px;white-space:nowrap}.hero{height:470px}.hero-copy{margin-left:45px}.hero h1{font-size:34px}.hero p{font-size:16px}.blue-features,.feature-grid,.advantage-grid,.footer-grid,.newsletter-inner{grid-template-columns:1fr}.feature-grid{display:grid}.feature{grid-template-columns:180px 1fr}.feature img{width:180px}.product-grid{grid-template-columns:repeat(2,1fr)}.cards.four{grid-template-columns:repeat(2,1fr)}.join-inner{height:auto}.join-overlay{grid-template-columns:1fr;padding:45px}.join h2{margin-bottom:25px}.advantage-grid{display:grid}.company-intro{grid-template-columns:1fr;gap:40px}.footer-bottom .container{flex-direction:column;align-items:flex-start}.footer-bottom nav{flex-wrap:wrap}.brand-strip{overflow:hidden}.brand-strip span:nth-child(n+4){display:none}}@media(max-width:600px){.container{width:92%}.main-head{display:grid;grid-template-columns:1fr auto}.brand img{max-width:270px}.head-actions small{display:none}.action-icon{font-size:32px}.nav-inner{padding-left:0}.hero{height:510px;background-position:center}.hero-copy{margin:0 25px}.hero h1{font-size:30px}.hero p{line-height:1.55}.hero-arrow{width:48px;height:100px;font-size:45px}.blue-features{padding:25px 0}.feature-grid{grid-template-columns:1fr}.feature{grid-template-columns:120px 1fr}.feature img{width:120px;height:100px}.feature h3{font-size:21px}.feature p{font-size:14px}.brand-strip{height:70px}.brand-strip span{font-size:19px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-grid img{height:120px}.product-grid p{font-size:14px}.light-section{padding:50px 0}.light-section h2,.industries h2,.family h2{font-size:30px}.cards.four{grid-template-columns:1fr}.card{min-height:500px}.join-overlay{padding:35px 25px}.join h2{font-size:36px}.join p{font-size:20px}.adv-copy h2{font-size:30px}.adv-copy p{font-size:16px;line-height:1.7}.video-box{height:280px}.video-brand img{width:220px}.newsletter-title{font-size:29px}.newsletter-inner{display:grid}.footer-main{padding-bottom:50px}.footer-grid{grid-template-columns:1fr}.footer-brand{text-align:center}.footer-bottom{font-size:11px}.footer-bottom nav{gap:12px}.desktop{display:none}}

/* Mobile header and hero refinements */
.mobile-nav,.mobile-search-panel,.mobile-hero-copy{display:none}
@media(max-width:600px){
  body{overflow-x:hidden}
  .utility,.nav-bar{display:none}
  .main-head{
    width:100%;
    min-height:196px;
    padding:0 28px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:10px;
    background:#fff;
  }
  .brand img{width:310px;max-width:100%;height:auto}
  .desktop-search,.quick-order,.desktop-only{display:none!important}
  .head-actions{display:flex;align-items:center;gap:22px}
  .head-actions a{min-width:auto}
  .action-icon{height:64px;width:64px;display:grid;place-items:center;font-size:42px;line-height:1;color:#075a9c}
  .action-icon.cart{font-size:43px}
  .action-icon.user{font-size:52px}
  .action-icon.cart b{font-size:12px;top:1px;right:1px;padding:3px 6px}
  .mobile-nav{
    height:91px;
    display:grid;
    grid-template-columns:148px 1fr 120px;
    background:#e9e9ed;
  }
  .mobile-menu,.mobile-search-toggle{
    border:0;
    background:#075a9c;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mobile-menu{flex-direction:column;gap:8px}
  .mobile-menu span{display:block;width:37px;height:4px;background:#fff;border-radius:3px}
  .mobile-search-toggle span{
    width:31px;height:31px;border:4px solid #fff;border-radius:50%;position:relative
  }
  .mobile-search-toggle span:after{
    content:"";position:absolute;width:14px;height:4px;background:#fff;right:-11px;bottom:-5px;transform:rotate(48deg);border-radius:2px
  }
  .mobile-search-panel{
    display:none;
    background:#e9e9ed;
    padding:12px 15px 15px;
    gap:8px;
  }
  .mobile-search-panel.open{display:flex}
  .mobile-search-panel input{flex:1;height:46px;border:1px solid #bbb;padding:0 12px;font-size:15px}
  .mobile-search-panel button{background:#075a9c;color:#fff;border:0;padding:0 15px;font-weight:700}
  .hero{height:1006px;min-height:1006px}
  .hero-slide{background-position:center center}
  .hero-slide-overlay{background:rgba(0,0,0,.30)}
  .hero-slide .hero-content{width:100%;height:100%;display:block}
  .hero-copy{position:absolute;left:143px;right:35px;top:139px;width:auto;margin:0}
  .hero h1{font-size:27px;line-height:1.45;margin:0 0 37px;letter-spacing:.2px}
  .hero p{font-size:26px;line-height:1.65;font-weight:400;margin:0 0 45px}
  .hero .primary{background:#fff;color:#075a9c;border-radius:5px;min-width:300px;padding:21px 30px;font-size:17px}
  .hero-arrow{width:auto;height:auto;background:transparent!important;font-size:82px;line-height:1;top:48%;transform:translateY(-50%);text-shadow:0 2px 5px rgba(0,0,0,.3);z-index:5}
  .hero-arrow.left{left:14px}.hero-arrow.right{right:14px}
  .hero-dots{bottom:18px}
  .blue-features,.logo-carousel,.product-categories,.services-section,.join,.industries,.advantage,.family,.newsletter,.footer-main,.footer-bottom{
    /* keep all later sections fluid; no fixed desktop widths */
  }
  .feature-grid,.cards.four,.product-grid,.advantage-grid,.footer-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
  .hero-copy{margin-left:45px;width:min(620px,60%)}
  .hero h1{font-size:34px}
  .hero p{font-size:16px}
}
@media(min-width:601px){
  .mobile-hero-copy{display:none!important}
}

/* =========================
   MOBILE SIDE NAVIGATION
   ========================= */
.mobile-drawer-overlay,
.mobile-drawer{display:none}

@media (max-width:600px){
  .mobile-drawer-overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.40);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease, visibility .25s ease;
    z-index:9998;
  }

  .mobile-drawer{
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:min(78vw,540px);
    height:100dvh;
    background:#f7f8fa;
    box-shadow:8px 0 25px rgba(0,0,0,.18);
    transform:translateX(-105%);
    transition:transform .28s ease;
    z-index:9999;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  body.menu-open{overflow:hidden}
  body.menu-open .mobile-drawer{transform:translateX(0)}
  body.menu-open .mobile-drawer-overlay{opacity:1;visibility:visible}

  .drawer-top{
    height:90px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0 24px;
    border-bottom:1px solid #e4e6e9;
    background:#f7f8fa;
  }

  .drawer-close{
    border:0;
    background:transparent;
    color:#202327;
    font-size:52px;
    font-weight:300;
    line-height:1;
    width:52px;
    height:52px;
    padding:0;
    cursor:pointer;
  }

  .drawer-nav{padding:4px 0 35px}

  .drawer-link{
    width:100%;
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:0 38px;
    border:0;
    background:transparent;
    color:#202327;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:27px;
    font-weight:600;
    letter-spacing:-.35px;
    text-align:left;
    cursor:pointer;
  }

  .drawer-link:hover{background:#eef1f4}
  .sign-in-link{justify-content:flex-start;gap:24px}

  .person-outline{
    width:27px;
    height:27px;
    border:3px solid #25282c;
    border-radius:50%;
    position:relative;
    display:inline-block;
    transform:scale(.72);
    transform-origin:center;
  }
  .person-outline:before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border:3px solid #25282c;
    border-radius:50%;
    left:4px;
    top:4px;
    background:#f7f8fa;
  }
  .person-outline:after{
    content:"";
    position:absolute;
    width:18px;
    height:9px;
    border:3px solid #25282c;
    border-bottom:0;
    border-radius:18px 18px 0 0;
    left:1px;
    bottom:-1px;
    background:#f7f8fa;
  }

  .drawer-chevron{
    font-size:49px;
    line-height:1;
    font-weight:300;
    transform:translateY(-2px);
  }

  .drawer-item.has-submenu>.drawer-toggle{padding-right:28px}
  .drawer-item.open>.drawer-toggle{background:#eef1f4}
  .drawer-item.open .drawer-chevron{transform:rotate(90deg) translateX(2px)}

  .drawer-submenu{
    display:none;
    background:#edf0f3;
    border-top:1px solid #e1e4e8;
    border-bottom:1px solid #e1e4e8;
    padding:5px 0 8px;
  }
  .drawer-item.open .drawer-submenu{display:block}
  .drawer-submenu a{
    display:block;
    padding:13px 38px 13px 62px;
    color:#3a3e43;
    text-decoration:none;
    font-size:18px;
    line-height:1.25;
  }
  .drawer-submenu a:hover{background:#e3e7eb;color:#075a9c}

  .mobile-menu.active{background:#064d84}
}

/* ===== Featured hero slider ===== */
.hero-slider{
  height:438px;
  position:relative;
  overflow:hidden;
  background:#123e61;
}
.hero-slides,
.hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero-slide{
  opacity:0;
  visibility:hidden;
  transition:opacity .65s ease, visibility .65s ease;
  z-index:1;
}
.hero-slide.active{
  opacity:1;
  visibility:visible;
  z-index:2;
}
.hero-slide-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.hero-slide-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.22);
  z-index:1;
}
.hero-slide:nth-child(1) .hero-slide-overlay{
  background:linear-gradient(90deg,rgba(0,51,92,.48),rgba(0,0,0,.10));
}
.hero-slide:nth-child(2) .hero-slide-overlay{
  background:rgba(0,0,0,.08);
}
.hero-slide:nth-child(3) .hero-slide-overlay{
  background:linear-gradient(90deg,rgba(0,54,99,.58),rgba(0,0,0,.08));
}
.hero-slider .hero-content{
  position:relative;
  z-index:2;
}
.hero-slider .hero-copy{
  max-width:760px;
}
.hero-slider .hero h1,
.hero-slider h1{
  color:#fff;
}
.hero-slider .hero-arrow{
  z-index:5;
}
.hero-dots{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
}
.hero-dot{
  width:11px;
  height:11px;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.hero-dot.active{background:#fff}

@media(max-width:600px){
  .hero-slider{height:510px}
  .hero-slide-image{object-position:center center}
  .hero-slide:nth-child(1) .hero-slide-image{object-position:center center}
  .hero-slide:nth-child(2) .hero-slide-image{object-position:center center}
  .hero-slide:nth-child(3) .hero-slide-image{object-position:center center}
  .hero-slider .hero-content{display:flex;align-items:center}
  .hero-slider .hero-copy{margin:0 25px;max-width:calc(100% - 50px)}
  .hero-slider h1{font-size:30px;line-height:1.15;margin-bottom:22px}
  .hero-slider p{font-size:20px;line-height:1.6;margin-bottom:28px}
  .hero-slider .primary{background:#fff;color:#075a9c;border-radius:4px;padding:18px 48px}
  .hero-slider .hero-arrow{width:45px;height:90px;background:transparent!important;font-size:55px}
  .hero-slider .hero-arrow.left{left:4px}
  .hero-slider .hero-arrow.right{right:4px}
  .hero-dots{bottom:12px}
}

/* Featured hero slider - image elements ensure local assets render reliably */
.hero-slider{height:438px;position:relative;overflow:hidden;background:#123e61}
.hero-slider .hero-slides,.hero-slider .hero-slide{position:absolute;inset:0;width:100%;height:100%}
.hero-slider .hero-slide{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;z-index:1}
.hero-slider .hero-slide.active{opacity:1;visibility:visible;z-index:2}
.hero-slider .hero-slide-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-slider .hero-slide-overlay{position:absolute;inset:0;z-index:1}
.hero-slider .hero-slide:nth-child(1) .hero-slide-overlay{background:linear-gradient(90deg,rgba(0,51,92,.48),rgba(0,0,0,.10))}
.hero-slider .hero-slide:nth-child(2) .hero-slide-overlay{background:linear-gradient(90deg,rgba(0,65,120,.12),rgba(120,0,0,.18))}
.hero-slider .hero-slide:nth-child(3) .hero-slide-overlay{background:linear-gradient(90deg,rgba(0,54,99,.58),rgba(0,0,0,.08))}
.hero-slider .hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.hero-slider .hero-copy{max-width:760px}
.hero-slider h1{color:#fff}
.hero-slider .hero-arrow{z-index:5}
.hero-dots{position:absolute;z-index:6;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:9px}
.hero-dot{width:11px;height:11px;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.hero-dot.active{background:#fff}
@media(max-width:600px){
  .hero-slider{height:510px}
  .hero-slider .hero-slide-image{object-position:center center}
  .hero-slider .hero-content{display:flex;align-items:center}
  .hero-slider .hero-copy{margin:0 25px;max-width:calc(100% - 50px)}
  .hero-slider h1{font-size:30px;line-height:1.15;margin-bottom:22px}
  .hero-slider p{font-size:20px;line-height:1.6;margin-bottom:28px}
  .hero-slider .primary{background:#fff;color:#075a9c;border-radius:4px;padding:18px 48px}
  .hero-slider .hero-arrow{width:45px;height:90px;background:transparent!important;font-size:55px}
  .hero-slider .hero-arrow.left{left:4px}
  .hero-slider .hero-arrow.right{right:4px}
  .hero-dots{bottom:12px}
}

/* Featured supplier logo slider */
.supplier-slider{display:grid;grid-template-columns:55px minmax(0,1fr) 55px;align-items:center;gap:0}
.supplier-viewport{overflow:hidden;width:100%}
.supplier-track{display:flex;transition:transform .55s ease;will-change:transform}
.supplier-logo{flex:0 0 20%;height:120px;display:flex;align-items:center;justify-content:center;padding:8px 22px}
.supplier-logo img{display:block;width:100%;height:90px;object-fit:contain}
.supplier-arrow{border:0;background:transparent;color:#c7c9cc;font-size:58px;line-height:1;cursor:pointer;padding:0;height:90px}
.supplier-arrow:hover{color:#075a9c}
@media(max-width:900px){
  .supplier-logo{flex-basis:33.3333%;padding:8px 14px}
}
@media(max-width:600px){
  .logo-carousel{padding:28px 0}
  .supplier-slider{grid-template-columns:42px minmax(0,1fr) 42px}
  .supplier-logo{flex-basis:50%;height:105px;padding:8px 10px}
  .supplier-logo img{height:72px}
  .supplier-arrow{font-size:50px;height:75px}
}

/* Product category slider — responsive on mobile */
.product-slider{display:grid;grid-template-columns:55px minmax(0,1fr) 55px;align-items:center;gap:0}
.product-viewport{overflow:hidden;width:100%}
.product-track{display:flex;transition:transform .55s ease;will-change:transform}
.product-slide{flex:0 0 20%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px 12px}
.product-slide img{width:100%;height:175px;object-fit:contain;display:block}
.product-slide p{font-size:18px;line-height:1.35;margin:8px 0 0;min-height:49px}
.product-arrow{border:0;background:transparent;color:#c7c9cc;font-size:58px;line-height:1;cursor:pointer;padding:0;height:90px}
.product-arrow:hover{color:#075a9c}
@media(max-width:900px){
  .product-slide{flex-basis:33.3333%;padding:8px 10px}
}
@media(max-width:600px){
  .product-slider{grid-template-columns:42px minmax(0,1fr) 42px}
  .product-slide{flex-basis:50%;padding:8px 8px}
  .product-slide img{height:125px}
  .product-slide p{font-size:14px;line-height:1.3;min-height:38px}
  .product-arrow{font-size:50px;height:75px}
}

/* Final search icon correction: clean magnifying-glass icon */
.search-icon{
  font-size:0 !important;
  width:22px !important;
  height:22px !important;
  min-width:22px;
  border:2px solid #777c82 !important;
  border-radius:50%;
  position:relative;
  display:block;
  flex:0 0 22px;
  margin-right:15px;
  color:transparent;
  line-height:0;
}
.search-icon::before{
  content:"";
  position:absolute;
  width:8px;
  height:2px;
  background:#777c82;
  right:-6px;
  bottom:-3px;
  transform:rotate(-45deg);
  transform-origin:left center;
  border-radius:2px;
}
.search-icon::after{display:none !important;}