/* Add custom CSS styles below */ 

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: visible; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  justify-content: center;
  align-items: center;
}

.modal-content {
  background-color: #fefefe;
  /*margin: 15% auto;  15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  position:relative;
  height: 90%;
  overflow:hidden;
  float:left;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
#myIframe{
width: 100%;
height:100%;
padding-bottom:50px
}
#identifyBatteryBanner{
    background-color: #163963;
    color: white;
    text-align: center;
    padding: 13px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    cursor:pointer;
    margin-top:20px;
}/* Add custom CSS styles below */

/*New tariq logo smaller */
/* Mobile-only logo scroll fix */

@media screen and (max-width: 768px) {
    /* Logo container - Medium size */
    .navbar-brand {
        max-width: 80px !important; /* ← Medium container width */
        overflow: hidden !important;
    }
    
    /* Logo image - Medium size */
    .logo-normal {
        height: 54px !important; /* ← Medium height */
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }
    
    /* Keep the left container width as is */
    .flex.items-center:first-child {
        max-width: 60% !important; /* ← Keep this for good balance */
    }
    
    /* Rest of the CSS stays the same... */
    .menu-label {
        display: none !important;
    }
    
    .mburger {
        flex-shrink: 0 !important;
        margin-right: 0.3rem !important;
        margin-left: 0.3rem !important;
    }
    
    .header-btn__icon {
        font-size: 1.1rem !important;
    }
    
    .salla-cart-summary {
        margin-left: 0.2rem !important;
        margin-right: 0.2rem !important;
    }
    
    .s-cart-summary-wrapper {
        transform: scale(0.9) !important;
    }
}