:root{
      --header-height:85px;
      --topbar-height:32px;
      --blue:#0a3b82;
      --yellow:#ffb400;
      --text:#1a1a1a;
      --muted:#4b5563;
    }
    *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui}
    body{background:#eef8ff;color:var(--text)}

    /* FULL FIXED HEADER WITH TOPBAR */
    .uniqk-header{
      position:fixed;top:0;left:0;right:0;z-index:999999;
      background:white;
      box-shadow:0 4px 20px rgba(0,0,0,0.1);
      transition:transform .35s ease, box-shadow .3s ease;
    }
    .uniqk-header.hide{transform:translateY(-100%)}

    /* Main menu */
    .uniqk-mainbar{
      height:var(--header-height);
      display:flex;align-items:center;justify-content:space-between;
      padding:0 40px;
      background:white;
    }
    .mobile-menu-logo {
        margin-bottom: 20px;
        width: 54%;
        height: auto;
    }
    .fm-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:black;text-decoration:none}
    .fm-logo img{height:48px}

    .uniqk-nav ul {
        display: flex;
        align-items: center;
        gap: 26px;
        list-style: none;
        margin: 0;
    }

    nav.uniqk-nav {
        margin-top: 8px;
    }
    .nav-item {
      padding: 0 6px;
    }
    .right-icons img {
        height: auto;
        width: 100px;
    }
    .uniqk-nav a{
      color:#0a3b82;text-decoration:none;font-weight:600;
      display:flex;align-items:center;gap:6px;font-size:17px;
    }
    .uniqk-nav a:hover{color:#ffb400}
    button.ash-button-as i {
        margin-right: 8px;
    }
    .ash-button-as {
        padding-right: 16px;
        padding-left: 16px;
    }

    /* Right side icons */
    .right-icons{display:flex;align-items:center;gap:14px}
    .right-icons .hotline{
      background:var(--yellow);padding:10px 20px;border-radius:28px;
      font-weight:700;color:white;font-size:18px;display:flex;
      align-items:center;gap:10px;text-decoration:none
    }

    /* Hamburger Icon - Mobile only */
    .hamburger{
      display:none;
      font-size:28px;
      cursor:pointer;
      color:var(--blue);
    }

    /* Mobile Menu Overlay */
    .mobile-menu{
      position:fixed;
      top:0;left:0;right:0;bottom:0;
      background:rgba(0,0,0,0.5);
      z-index:999999;
      opacity:0;
      visibility:hidden;
      transition:opacity 0.3s;
    }
    .mobile-menu.open{
      opacity:1;
      visibility:visible;
    }
    .mobile-menu-content{
      background:white;
      width:280px;
      height:100%;
      padding:30px 30px 30px;
      transform:translateX(-100%);
      transition:transform 0.35s ease;
    }
    .mobile-menu.open .mobile-menu-content{
      transform:translateX(0);
    }
    .mobile-menu ul{
      list-style:none;
    }
    .mobile-menu ul li{
      margin-bottom:20px;
    }
    .mobile-menu ul li a{
      font-size:18px;
      color:var(--blue);
      text-decoration:none;
      font-weight:600;
      display:flex;
      align-items:center;
      gap:10px;
    }
    .mobile-menu ul li a:hover{
      color:var(--yellow);
    }
    .close-menu{
      position:absolute;
      top:20px;right:20px;
      font-size:30px;
      cursor:pointer;
      color:var(--blue);
    }

    /* Content push */
    .page-content{padding-top:calc(var(--header-height) + var(--topbar-height) + 20px);max-width:900px;margin:auto}

    /* ============ TABLET VIEW (900px - 768px) ============ */
    @media(max-width:900px){
      .uniqk-mainbar{padding:0 20px;}

      /* Hide desktop menu */
      .uniqk-nav ul{display:none !important;}

      /* Hide some right icons if you want */
      .right-icons img{display:none;}
      .right-icons .nav-links{display:none;}

      /* Show hamburger */
      .hamburger{display:block;}

      /* Hotline chhota kar do mobile pe */
      .hotline{font-size:16px;padding:8px 16px;}
    }

    /* ============ MOBILE VIEW - REMOVE FIXED HEADER (768px and below) ============ */
    @media(max-width:768px){
      /* CHANGE TO STATIC ON MOBILE */
      .uniqk-header{
        position:static !important;
        transform:none !important;
        box-shadow:0 2px 10px rgba(0,0,0,0.08);
      }

      .uniqk-header.hide{
        transform:none !important;
      }

      /* Reduce header height on mobile */
      :root{
        --header-height:70px !important;
        --topbar-height:0px !important;
      }

      /* Adjust main bar padding */
      .uniqk-mainbar{
        height:70px;
        padding:0 15px;
        gap:10px;
      }

      /* Reduce logo size */
      .fm-logo img{
        height:40px;
      }

      /* Reduce right icons */
      .right-icons{
        gap:8px;
      }

      .right-icons img{
        display:block !important;
        width:35px;
        height:auto;
      }

      /* Hide button on small screens */
      .ash-button-as{
        display:none !important;
      }

      /* Adjust phone span */
      .phone{
        display:none;
      }

      /* Remove page-content padding since header is no longer fixed */
      .page-content{
        padding-top:20px !important;
      }
    }

    /* ============ EXTRA SMALL MOBILE (480px and below) ============ */
    @media(max-width:480px){
      .uniqk-mainbar{
        padding:0 10px;
        height:60px;
      }

      .fm-logo{
        font-size:16px;
      }

      .fm-logo img{
        height:35px;
      }

      .hamburger{
        font-size:24px;
      }

      .right-icons img{
        width:30px;
      }

      .mobile-menu-content{
        width:250px;
        padding:20px 20px 20px;
      }

      .mobile-menu ul li{
        margin-bottom:15px;
      }

      .mobile-menu ul li a{
        font-size:16px;
      }
    }