:root {
  --retro-navy: #0b1f33;
  --retro-graphite: #263746;
  --retro-yellow: #f5c518;
  --retro-offwhite: #f5f7fa;
}

.mobile-top-bar,
.desktop-header .top-bar,
.header-top,
.desktop-main-menu-wrapper,
.desktop-header .main-menu,
.header-bottom {
  background: var(--retro-navy) !important;
  color: #fff !important;
}

.desktop-main-menu-wrapper .main-menu > .j-menu > li > a,
.desktop-header .main-menu > .j-menu > li > a {
  color: #fff !important;
}

.desktop-main-menu-wrapper .main-menu > .j-menu > li:hover > a,
.desktop-header .main-menu > .j-menu > li:hover > a,
.mobile-main-menu-wrapper .j-menu > li > a:hover {
  background: var(--retro-yellow) !important;
  color: var(--retro-navy) !important;
}

#logo img {
  width: auto !important;
  height: auto !important;
  max-width: 270px !important;
  max-height: 86px !important;
  object-fit: contain;
}

.mobile-header #logo img {
  max-width: 175px !important;
  max-height: 54px !important;
}

.module-title,
.title-wrapper .title {
  background: var(--retro-navy) !important;
  color: #fff !important;
}

.module-title::after,
.title-wrapper .title::after {
  border-top-color: var(--retro-navy) !important;
}

.module-products ul.nav-tabs,
.module-categories ul.nav-tabs {
  background: var(--retro-navy) !important;
  color: #fff !important;
}

.module-products ul.nav-tabs > li > a,
.module-categories ul.nav-tabs > li > a {
  background: transparent !important;
  color: #fff !important;
}

.module-products ul.nav-tabs > li.active > a,
.module-products ul.nav-tabs > li:hover > a,
.module-categories ul.nav-tabs > li.active > a,
.module-categories ul.nav-tabs > li:hover > a {
  background: var(--retro-yellow) !important;
  color: var(--retro-navy) !important;
}

.module-info_blocks .info-block i,
.module-info_blocks .info-block [class*="icon-"] {
  color: var(--retro-yellow) !important;
}

.btn-primary,
.btn-cart,
.button.btn,
.swiper-pagination-bullet-active {
  background-color: var(--retro-yellow) !important;
  border-color: var(--retro-yellow) !important;
  color: var(--retro-navy) !important;
}

.btn-primary:hover,
.btn-cart:hover,
.button.btn:hover {
  background-color: var(--retro-navy) !important;
  border-color: var(--retro-navy) !important;
  color: #fff !important;
}

.product-label b,
.product-label span {
  background: var(--retro-navy) !important;
  color: #fff !important;
}

a:hover,
.price-new {
  color: #c99f00;
}

footer,
.footer-main {
  background-color: var(--retro-graphite) !important;
  color: var(--retro-offwhite) !important;
}
html body .module-products .tab-container ul.nav-tabs > li.active > a, html body .module-products .tab-container ul.nav-tabs > li:hover > a { background: #f5c518 !important; color: #0b1f33 !important; }
html body .module-products .tab-container ul.nav-tabs > li.active::after, html body .module-products .tab-container ul.nav-tabs > li:hover::after { border-top-color: #f5c518 !important; }

/* RETRO DESKTOP MENU FULL WIDTH */
@media (min-width: 1025px) {
  html body .desktop-main-menu-wrapper,
  html body .desktop-main-menu-wrapper > .container {
    background: #0b1f33 !important;
  }
}

/* RETRO MOBILE CONTACT BAR */
.retro-mobile-contact-bar {
  display: none;
}
@media (max-width: 760px) {
  html body {
    padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body a.float[href*="whatsapp"] {
    display: none !important;
  }
  .retro-mobile-contact-bar {
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    min-height: 62px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    color: #fff;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, .18);
  }
  .retro-mobile-contact-bar > a {
    display: flex;
    flex: 1 1 50%;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
    min-height: 62px;
    padding: 12px 8px;
    color: #fff !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
  }
  .retro-mobile-contact-bar > a:hover,
  .retro-mobile-contact-bar > a:focus {
    color: #fff !important;
    filter: brightness(.94);
  }
  .retro-mobile-contact-bar i {
    font-size: 23px;
  }
  .retro-mobile-call {
    background: #ef2b18;
  }
  .retro-mobile-whatsapp {
    background: #078b2d;
  }
}
/* RETRO MENU LAYER AND MOBILE PRODUCT GRID FIX */
@media (min-width: 1025px) {
  html body .desktop-main-menu-wrapper::before {
    background: #0b1f33 !important;
  }
}
@media (max-width: 760px) {
  html body .module-products-276 .product-grid .product-layout:not(.swiper-slide),
  html body .module-products-276 .product-grid [class^="product-layouthas-"]:not(.swiper-slide) {
    box-sizing: border-box;
    width: 50% !important;
    padding: 5px !important;
  }
}