/* Shopino Banner Styles */
.shopino-banner-container {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.shopino-banner-desktop {
    display: block;
}

.shopino-banner-mobile {
    display: none;
}

.shopino-banner-image {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    outline: none;
}

.shopino-banner-desktop .shopino-banner-image {
    height: 60px;
    object-fit: cover;
    object-position: center;
}

.shopino-banner-mobile .shopino-banner-image {
    height: 40px;
    object-fit: cover;
    object-position: center;
}

.shopino-banner-container a {
    display: block;
    text-decoration: none;
    border: none;
    outline: none;
}

.shopino-banner-container a:hover {
    text-decoration: none;
}

/* Banner responsive breakpoints */
.shopino-banner { display: none; }
@media (min-width: 3360px) {
  .shopino-banner-3360 { display: block; }
}
@media (min-width: 1960px) and (max-width: 3359px) {
  .shopino-banner-1960 { display: block; }
}
@media (min-width: 1680px) and (max-width: 1959px) {
  .shopino-banner-1680 { display: block; }
}
@media (max-width: 1679px) {
  .shopino-banner-980 { display: block; }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .shopino-banner-desktop {
        display: none;
    }
    
    .shopino-banner-mobile {
        display: block;
    }
}

/* Tablet responsive */
@media (min-width: 769px) and (max-width: 1024px) {
    .shopino-banner-desktop .shopino-banner-image {
        height: 50px;
    }
}