.footer__content__info {
    max-width: calc(var(--spacing) * 126);
}

#navbar-logo, #navbar-logo-light {
    max-width: calc(var(--spacing) * 70);
}

.banner-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.banner-image {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

@media (min-width: 768px) {
  .my-banner-height .overflow-hidden {
    height: 120px !important;
    max-height: 120px !important;
  }
}

/* Cart secondary buttons only – dark mode */
.dark .cart-page .btn:not(.btn--primary):not(.btn--emphasis),
.dark .cart-page button:not(.btn--primary):not(.btn--emphasis) {
    background-color: #374151 !important;
    border-color: #6B7280 !important;
    color: #F9FAFB !important;
}

.dark .cart-page .btn:not(.btn--primary):not(.btn--emphasis):hover,
.dark .cart-page button:not(.btn--primary):not(.btn--emphasis):hover {
    background-color: #4B5563 !important;
    border-color: #9CA3AF !important;
}

/* Category overlay fix */
.dark .categories-list h2,
.dark .categories-list span,
.dark .categories-list .overlay {
    background: rgba(0, 0, 0, 0.35) !important;
}

@media (min-width: 64rem) {
    .banner-height-custom {
        height: 120px !important;
    }
}

/* =========================================================
   ΣΤΑΘΕΡΟ ΠΛΑΤΟΣ ΕΙΚΟΝΑΣ
   - Mobile (<768px): 367px
   - Tablet/Desktop (≥768px): 500px
   ========================================================= */
.bannerCarousel .banner-image.banner-image--fixed {
    width: 357px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

@media (min-width: 768px) {
    .bannerCarousel .banner-image.banner-image--fixed {
        width: 500px !important;
    }
}

/* =========================================================
   ΣΩΣΤΟ SHOW/HIDE ΑΝΑ BREAKPOINT
   ========================================================= */

/* Desktop wrapper (hidden md:block) — τώρα εμφανίζεται σε tablet + desktop */
.bannerCarousel .banner-image-wrapper.hidden.md\:block {
    display: none !important;
}
@media (min-width: 768px) {
    .bannerCarousel .banner-image-wrapper.hidden.md\:block {
        display: flex !important;
    }
}

/* Mobile wrapper (md:hidden) */
.bannerCarousel .banner-image-wrapper.md\:hidden {
    display: flex !important;
}
@media (min-width: 768px) {
    .bannerCarousel .banner-image-wrapper.md\:hidden {
        display: none !important;
    }
}