.site-header {
    padding: 0 0 1.5rem 0;
    /*min-height:220px;*/
  
    position:relative;z-index: 9999;

    color:rgba(255,255,255,1);

    gap: 1rem;
  
    border-bottom:1px solid var(--col-primary-green);
    /*background:rgba(1,28,57,1);*/

    background: #011C39;
    background: linear-gradient(90deg,rgba(1, 28, 57, 1) 0%, rgba(39, 58, 105, 1) 100%);

    -webkit-box-shadow: 1px 11px 13px 0px rgb(30 30 30);
    -moz-box-shadow: 1px 11px 13px 0px rgb(30 30 30);
    box-shadow: 1px 11px 13px 0px rgb(30 30 30);
  }
  
  .sh-top {
    padding:0 32px;
    margin: 0 0 24px 0;
    width:calc(100% - 64px);

    display:flex; align-items: center; justify-content: flex-start;

    border-bottom:1px solid var(--col-primary-green);
    background:rgba(0,0,0,0.35);
  }

  .wrapper-th-left {
    width:100%;
    display:flex;align-items: center; justify-content: flex-end;
  }

  .sh-container-contact {
    display:flex;
    justify-content: flex-start;
    
  }

  .sh-item-contact {
    margin-right:1rem;
    min-width:220px;
    display:flex;align-items: center;
  }

  .shi-icon {
    margin-right:1rem;
    width:clamp(32px, 1.7vw, 38px);
    height:clamp(32px, 1.7vw, 38px);
  }

  .shi-icon img {
    width: 100%;
    height: 100%;

    display:block;

  }


  .shi-content {

  }

  .shi-content a {


    color:rgba(255,255,255,0.9);
    text-decoration: none;
  }

  .shi-content a:hover {
    color:var(--col-hover-green);
  }


  /*
  * Badges
  */

  .container-tb-badge {
    margin-right:0.8rem;
  }

  .container-tb-badge img {
    width:auto;
    height:60px;
    

    display:block;
  }

  /*
  * Social icons 
  */
  .sh-container-social-icons {
   
    display:flex;
  }

  .sh-si-item {
    margin-right:0.5rem;
    width:clamp(38px, 1.7vw, 52px);
    height:clamp(38px, 1.7vw, 52px);
    display:flex;align-items: center;justify-content: center;
  }

  .sh-si-item a {
    width:100%;height:auto;
    display: block;
  }

  .sh-si-item img {
    width:100%;height:auto;
    display: block;
    
  }

  nav a {
    margin-right: 1rem;
    text-decoration: none;
    color: #0f172a;
    font-weight: 600;
  }
  
  nav a:hover {
    text-decoration: underline;
  }

  /*
  * middle row
  */

  .sh-middle {
    margin:24px 0;
    width:100%;
    display:flex;
  }

  .sh-m-logo {
    width:25%;
    display:flex; flex-direction: column;
    justify-content: center; align-items: center;
  }

  .container-logo {
    width:100%;
    display:flex; flex-direction: row;
    justify-content: center; align-items: center;
  }

  
  .container-logo img {
    width:clamp(140px, 50%, 250px);
    height:auto;

    filter:drop-shadow(2px 4px 16px rgba(0,0,0,0.8));
  }

  .container-underlogo-badges {
    margin:0.8rem 0;
    display:flex;
    align-items: center;
  }

  .h-logo-tuv {
    width:clamp(50px, 4vw, 120px);
    height:auto;
    display:block;
    filter:opacity(0.8);
  }

  .h-logo-prodpol {
    width:clamp(50px, 4vw, 120px);
    height:auto;
    display:block;
    filter:opacity(0.8);
  }

  /*
  * Main nav
  */

  .sh-m-nav {
    width:65%;

    display:flex;align-items: center;
  }

  .sh-m-side {
    width:20%;

    display:flex; align-items: center; justify-content: space-around;
  }

  .nav-main {
    width:100%;
    display:flex;align-items: center;
  }

  .item-nav {
    width:30%;

    display:flex;align-items: center;justify-content: center;

    font-size:clamp(18px,1.4vw,22px);
    line-height:1.9rem;
    color:rgba(255,255,255,1);

    text-decoration: none;
  }

  .item-nav:hover {
    color:var(--col-hover-green);
    text-decoration: none;
  }

  /*
  * Lng switch
  */

  .sh-m-lng-switch {
    display:flex; align-items: center; justify-content: center;
  }

  .language-switcher img {
    width:3.5rem;height:3.5rem;
    display:block;
  }

  .language-switcher img:hover {
    cursor:pointer;
  }


  /*
  * Eu logo
  */
  .sh-eu-logo{
    margin-right:1rem;
    
  }

  .sh-eu-logo img {
    width:auto;
    height:100%;max-height:40px;
    display:block;
  }


  
  @media (max-width: 1266px) {
    .sh-container-social-icons .sh-si-item:nth-child(5) {
      display: none;
    }
  }

  @media (max-width: 1220px) {
    .sh-container-social-icons .sh-si-item:nth-child(4) {
      display: none;
    }
  }

  @media (max-width: 1172px) {
    .sh-container-social-icons .sh-si-item:nth-child(3) {
      display: none;
    }
  }

  @media (max-width: 1124px) {
    .sh-container-social-icons .sh-si-item:nth-child(2) {
      display: none;
    }
  }

  @media (max-width: 1078px) {
    .sh-container-social-icons .sh-si-item:nth-child(1) {
      display: none;
    }
  }

  @media (min-width: 1024px) {
    .site-header {
      position: sticky;
      top: 0;
      width: 100%;
      transition: padding 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, backdrop-filter 0.25s ease;
    }

    .site-header .sh-top {
      transition: max-height 0.25s ease, margin 0.25s ease, padding 0.25s ease, opacity 0.2s ease;
    }

    .site-header.is-sticky {
      padding: 0.35rem 0 0.5rem 0;
      backdrop-filter: blur(6px);
      box-shadow: 1px 11px 16px 0 rgba(0, 0, 0, 0.18);
    }

    .site-header.is-sticky .sh-top {
      max-height: 0;
      margin: 0;
      padding: 0 32px;
      opacity: 0;
      overflow: hidden;
      border-bottom: 0;
    }

    .site-header.is-sticky .sh-middle {
      margin: 4px 0;
      align-items: center;
      gap: 12px;
    }

    .site-header.is-sticky .container-logo img {
      width: clamp(50px, 5vw, 60px);
    }

    .site-header.is-sticky .item-nav {
      font-size: clamp(14px, 1vw, 18px);
      line-height: 1.4rem;
      padding: 4px 0;
    }

    .site-header.is-sticky .sh-m-side {
      gap: 12px;
    }

    .site-header.is-sticky .h-logo-tuv,
    .site-header.is-sticky .h-logo-prodpol {
      width: clamp(20px, 2vw, 90px);
    }

    .site-header.is-sticky .container-underlogo-badges {
      margin:0;
    }
  }



  /* Hidden by default (desktop) */
.site-header-mobile { display: none; }

/* Hidden by default (desktop) */
.site-header-mobile { display: none; }

/* Show only below 1023px */
@media (max-width: 1023px) {
  /* hide your desktop header on small screens */
  .site-header { display: none; }

  .site-header-mobile { display: block; }

  .site-header-mobile{
    background: linear-gradient(180deg, #0a2a57 0%, #071f3d 100%);
    color:#fff;
  }

  .shm-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding: 10px 14px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .shm-logo img{
    display:block;
    max-width: 150px;
    height:auto;
  }

  .shm-right{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .shm-lang{
    display:flex;
    align-items:center;
    gap:8px;
  }

  .shm-lang-btn{
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    display:grid;
    place-items:center;
    cursor:pointer;
    padding:0;
  }
  .shm-lang-btn img{ width:18px; height:18px; display:block; }

  /* burger */
  .shm-toggle{ display:none; }

  .shm-burger{
    width:44px;
    height:44px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    padding: 0 12px;
    cursor:pointer;
    user-select:none;
  }
  .shm-burger span{
    height:2px;
    width:100%;
    background:#fff;
    border-radius:2px;
    opacity:.95;
  }

  /* backdrop + drawer */
  .shm-backdrop{
    position:fixed;
    inset:0;
    background: rgba(0,0,0,.45);
    opacity:0;
    pointer-events:none;
    transition: opacity .2s ease;
    z-index: 9998;
  }

  .shm-drawer{
    padding: 14px 14px 14px;

    height:calc(100vh - 28px);
    width:min( calc(360px - 30px), calc(86vw - 30px) );
    
    position:fixed;
    top:0;
    right:0;
    
    background: linear-gradient(180deg, #0a2a57 0%, #071f3d 100%);
    transform: translateX(105%);
    transition: transform .25s ease;
    z-index: 9999;
    display:flex;
    flex-direction:column;
    
    border-left: 1px solid rgba(255,255,255,.12);
  }

  .shm-drawer-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 6px 4px 12px;
  }
  .shm-drawer-title{
    font-weight:700;
    letter-spacing:.2px;
  }
  .shm-close{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    cursor:pointer;
  }

  .shm-nav{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding: 10px 4px;
  }

  .shm-link{
    padding: 12px 12px;
  
    text-decoration:none;
    font-size:16px;
    font-weight:300;

    color:rgba(255,255,255,1);
    
    border-radius:14px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    opacity:.9;
  }

  .shm-link:hover{ 
    opacity:1; 
    text-decoration: none;
  }

  .shm-actions{
    margin-top:auto;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-top:12px;
  }

  .shm-action{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    text-decoration:none;
    padding:10px 10px;
    border-radius:14px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
  }

  .shm-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
  }
  .shm-icon img{ 
    width:32px; height:32px; 
    display:block; 
  }

  .shm-social{
    display:flex;
    gap:10px;
    padding-top: 6px;
  }
  .shm-social-btn{
    width:36px;
    height:36px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
  }
  .shm-social-btn img{ 
    width:32px; height:32px; 
    display:block; 
  }

  /* open states */
  #shmToggle:checked ~ .shm-backdrop{
    opacity:1;
    pointer-events:auto;
  }
  #shmToggle:checked ~ .shm-drawer{
    transform: translateX(0);
  }
}



/* Extra tightening for very small phones */
@media (max-width: 420px){
  .shm-logo img{ max-width: 125px; }
  .shm-lang{ display:none; } /* optional: hide flags to save space */
}