
/* v196 — wider header, larger navigation typography */

@media (min-width:761px){

  /* Use substantially more of the screen width */
  .site-header .header-inner{
    width:calc(100% - 64px) !important;
    max-width:1500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-rows:74px 54px !important;
    min-height:128px !important;
  }

  .site-header .brand img{
    height:40px !important;
    max-height:40px !important;
  }

  /* Larger top action buttons */
  .site-header .header-actions{
    gap:9px !important;
  }

  .site-header .header-actions .btn,
  .site-header .header-actions .design-kitchen-top-v194{
    height:42px !important;
    min-height:42px !important;
    padding:0 20px !important;
    font-size:11.5px !important;
  }

  /* Lower nav spans the full available header width */
  .site-header .nav-direct-v191{
    height:54px !important;
    min-height:54px !important;
    width:100% !important;
    justify-content:stretch !important;
  }

  /* Every section shares the available width evenly */
  .site-header .nav-direct-v191 > a{
    flex:1 1 0 !important;
    height:54px !important;
    min-height:54px !important;
    padding:0 10px !important;
    font-size:12px !important;
    letter-spacing:.005em !important;
    text-align:center !important;
  }

  .site-header .nav-direct-v191 > a + a::before{
    top:17px !important;
    height:20px !important;
  }
}

@media (min-width:1400px){
  .site-header .header-inner{
    width:calc(100% - 80px) !important;
    max-width:1600px !important;
  }

  .site-header .nav-direct-v191 > a{
    font-size:12.5px !important;
  }

  .site-header .header-actions .btn,
  .site-header .header-actions .design-kitchen-top-v194{
    font-size:12px !important;
  }
}

/* Keep it practical on smaller laptop widths */
@media (max-width:1100px) and (min-width:761px){
  .site-header .header-inner{
    width:calc(100% - 32px) !important;
  }

  .site-header .nav-direct-v191 > a{
    padding:0 7px !important;
    font-size:10.5px !important;
  }
}
