/* add sticky bar */	
	
	.page-header {
    position: relative; // important for fixed children
	  
}

.logo img {    
    max-width: none !important;
	}

@media (min-width: 992px) {
    .logo
	   {
		   margin: 0 !important;
      }
}
	
.header-wrapper {
    background: #fff;
    z-index: 999;
    transition: all 0.3s ease;
    width: 100%;

    &.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
		   padding: 15px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        animation: fadeInDown 0.4s;
    }

    .header.content {
        /* max-width: 100px !important; //adjust to your content width  */
        margin: 0 auto; 
        padding: 0 15px;
		 

        .header-primary-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: nowrap;

            .header-left { flex: 0 0 auto; }
            .header-center {
                flex: 1;
                text-align: center;

                .sections { justify-content: center; margin: 0; }
            }
            .header-right {
                flex: 0 0 auto;
                display: flex;
                align-items: center;				      
                
                gap: 10px;

                .block-search { margin: 0; }
                .minicart-wrapper { margin: 0; }
            }
        }
    }
}


/* Body padding to prevent content jump when header becomes fixed */
body.has-sticky-header {
    padding-top: 100px; // adjust to your header height (e.g. 80-120px)
}



@media (min-width: 1000px) {
 .page-header {
        padding: 30px 30px 0 30px;
	 }
}
@media (max-width: 1000px), print {
 .page-header {
        padding: 10px 10px 0 10px;
  }
}
/* End add sticky bar */

.page-header .panel.wrapper {
    display: none;
}

@media only screen and (max-width: 767px) {
    .logo {
        margin-bottom: 13px;
        margin-top: 4px;
        margin-left: 54px;
	}
}


.copyright {
    background-color: #1e3a5f !important;
}

