/* OELTEK INDEPENDENT MOBILE BOTTOM BAR */

.mobile-bottom-bar.oeltek-standard-bottom-bar,
.mobile-bottom-bar.oeltek-video-bottom-bar{
  display:none;
}

@media (max-width:768px){

  /* Independent base — does not affect product pages */
  .mobile-bottom-bar.oeltek-standard-bottom-bar,
  .mobile-bottom-bar.oeltek-video-bottom-bar{
    position:fixed !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:999999 !important;
    width:100% !important;
    height:68px !important;
    margin:0 !important;
    padding:5px 8px !important;
    background:#fff !important;
    border:0 !important;
    border-top:1px solid #ddd !important;
    box-shadow:0 -2px 8px rgba(0,0,0,.10) !important;
    box-sizing:border-box !important;
    direction:rtl !important;
  }

  /* Regular website: two icons close together */
  .mobile-bottom-bar.oeltek-standard-bottom-bar{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:0 !important;
  }
  .oeltek-standard-bottom-bar .oeltek-standard-footer-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
   width:100% !important;
    height:58px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px !important;
    color:#707070 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
  }

  .oeltek-standard-bottom-bar .oeltek-standard-footer-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
  }

  .oeltek-standard-bottom-bar .oeltek-standard-footer-icon img{
    display:block !important;
    width:27px !important;
    height:27px !important;
    max-width:27px !important;
    max-height:27px !important;
    object-fit:contain !important;
    opacity:.62 !important;
    filter:grayscale(1) !important;
  }

  .oeltek-standard-bottom-bar .oeltek-standard-footer-label{
    display:block !important;
    color:#707070 !important;
    font-size:10.5px !important;
    font-weight:750 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  /* Video pages: category, home and support */
  .mobile-bottom-bar.oeltek-video-bottom-bar{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:4px !important;
  }

  .oeltek-video-bottom-bar .oeltek-video-footer-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    width:100% !important;
    height:58px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px 3px !important;
    color:#707070 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
  }

  .oeltek-video-bottom-bar .oeltek-video-footer-icon{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  .oeltek-video-bottom-bar .oeltek-video-footer-icon img{
    display:block !important;
    width:27px !important;
    height:27px !important;
    max-width:27px !important;
    max-height:27px !important;
    object-fit:contain !important;
    opacity:.62 !important;
    filter:grayscale(1) !important;
  }

  .oeltek-video-bottom-bar .oeltek-video-footer-label{
    display:block !important;
    max-width:100% !important;
    color:#707070 !important;
    font-size:10.5px !important;
    font-weight:750 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  /* Solid category icon */
  .oeltek-video-bottom-bar
  .oeltek-video-footer-category
  .oeltek-video-footer-icon::before{
    content:"" !important;
    position:absolute !important;
    top:4px !important;
    left:4px !important;
    width:8px !important;
    height:8px !important;
    border-radius:2px !important;
    background:#707070 !important;
    box-shadow:
      12px 0 #707070,
      0 12px #707070,
      12px 12px #707070 !important;
  }
    /* Fresh icon system: no images and no embedded writing */
  .oeltek-fresh-icon::before{
    content:"" !important;
    display:block !important;
    width:25px !important;
    height:25px !important;
    background:#9b9b9b !important;
  }

  .oeltek-fresh-home::before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  }

  .oeltek-fresh-video::before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m10 9 6 3-6 3z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m10 9 6 3-6 3z'/%3E%3C/svg%3E") center/contain no-repeat !important;
  }

  .oeltek-fresh-articles::before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l4 4v14H6zM15 3v5h4M9 12h7M9 16h7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l4 4v14H6zM15 3v5h4M9 12h7M9 16h7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  }

  .oeltek-fresh-support::before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 13h3v6H5a1 1 0 0 1-1-1zM20 13h-3v6h2a1 1 0 0 0 1-1zM17 19c0 2-2 2-5 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 13h3v6H5a1 1 0 0 1-1-1zM20 13h-3v6h2a1 1 0 0 0 1-1zM17 19c0 2-2 2-5 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  }
}