/** Shopify CDN: Minification failed

Line 37:16 Expected identifier but found whitespace
Line 37:18 Unexpected "{"
Line 37:27 Expected ":"
Line 37:60 Expected ":"
Line 38:19 Expected identifier but found whitespace
Line 38:21 Unexpected "{"
Line 38:30 Expected ":"
Line 38:66 Expected ":"
Line 43:16 Expected identifier but found whitespace
Line 43:18 Unexpected "{"
... and 86 more hidden warnings

**/


/* CSS from section stylesheet tags */
.llogo-slider-wrapper {
  width: 100%;
}
.llogo-slider-wrapper .logo-slider {
  display: flex;
  gap: 30px;
}
.llogo-slider-wrapper .logo-slide {
  text-align: center;
}
.llogo-slider-wrapper .logo-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 767px) {
  .llogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }
}
@media (min-width: 768px) {
  .llogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
}
.los .colslid.page-width {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.offerss.los {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lllogo-slider-wrapper {
  width: 100%;
}

.lllogo-slider-wrapper .ojs-logo-slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* always 3 columns on desktop */
  gap: 12px; /* space between logos */
}

.lllogo-slider-wrapper .logo-slide {
  text-align: center;
}

.lllogo-slider-wrapper .logo-slide img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Mobile styles */
@media (max-width: 767px) {
  .lllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }

  /* Switch to flexbox for mobile for better control */
  .lllogo-slider-wrapper .ojs-logo-slider {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  /* Normal logos: 3 per row */
  .lllogo-slider-wrapper .ojs-logo-slider .logo-slide {
    flex: 0 0 calc(33.33% - 12px) !important;
  }

  /* Last 2 logos: 2 per row, centered */
  .lllogo-slider-wrapper .ojs-logo-slider .logo-slide:nth-last-child(2),
  .lllogo-slider-wrapper .ojs-logo-slider .logo-slide:last-child {
    flex: 0 0 calc(50% - 12px);
  }
}

/* Desktop styles */
@media (min-width: 768px) {
  .lllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
}
.llogo-slider-wrapper {
  width: 80%;
  margin: 0 auto;
}
.llogo-slider-wrapper .logo-slider {
  display: flex;
  gap: 10px;
}
.llogo-slider-wrapper .logo-slide {
  text-align: center;
}
.llogo-slider-wrapper .logo-slide img {
  width: auto;
  height: auto;
  max-width: 75%;
  display: inline-block;
}
@media (max-width: 767px) {
  .llogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }
}
@media (min-width: 768px) {
  .llogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
}
.mllogo-slider-wrapper {
  width: 100%;
}
.mllogo-slider-wrapper .logo-slider {
  display: flex;
  gap: 10px;
}
.mllogo-slider-wrapper .logo-slide {
  text-align: center;
}
.mllogo-slider-wrapper .logo-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 767px) {
  .mllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }
}
@media (min-width: 768px) {
  .mllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
}
.los .colslid.page-width {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.offerss.los {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lllogo-slider-wrapper {
  width: 100%;
}

.lllogo-slider-wrapper .ojs-logo-slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* always 3 columns */
  gap: 12px; /* space between logos */
}

.lllogo-slider-wrapper .logo-slide {
  text-align: center;
}

.lllogo-slider-wrapper .logo-slide img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .lllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }
}

@media (min-width: 768px) {
  .lllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
}
.sllogo-slider-wrapper {
  width: 100%;
}
.sllogo-slider-wrapper .logo-slider {
  display: flex;
  gap: 10px;
}
.sllogo-slider-wrapper .logo-slide {
  text-align: center;
}
.sllogo-slider-wrapper .logo-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 767px) {
  .sllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }
}
@media (min-width: 768px) {
  .sllogo-slider-wrapper {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
}
.tab-nav {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.tab-button {
  padding: 8px 16px;
  border: 1px solid #ccc;
  background: #f8f8f8;
  cursor: pointer;
  border-radius: 4px;
}

.tab-button.active {
  background: #333;
  color: #fff;
}

.tab-panel {
  display: none; /* hide content by default */
  margin-top: 10px;
}

.tab-panel.active {
  display: block; /* show only when active */
}