/* ========================================
   BRANDS SWIPER - Fantastic Square Design 
   Full-width backgrounds with stunning effects
   ======================================== */

/* Brands container */
.brands-block,
#swiper-brands-view-for-category-block-1,
#swiper-brands-block-1 {
  width: 90% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Swiper container */
.brands-block .swiper,
#swiper-brands-view-for-category-block-1 .swiper,
#swiper-brands-block-1.swiper,
.brands-block .swiper-container,
#swiper-brands-view-for-category-block-1 .swiper-container,
#swiper-brands-block-1.swiper-container {
  text-align: center !important;
}

/* Swiper wrapper spacing */
.brands-block .swiper-wrapper,
#swiper-brands-view-for-category-block-1 .swiper-wrapper,
#swiper-brands-block-1 .swiper-wrapper {
  padding: 15px 0 !important;
  align-items: stretch !important;
  gap: 15px !important;
  display: inline-flex !important;
  justify-content: center !important;
}

.swiper-container.swiper-horizontal.progressbar > .swiper-wrapper{
  transform: none !important;
}

/* Individual slide - full square design with proper width */
.brands-block .swiper-slide,
#swiper-brands-view-for-category-block-1 .swiper-slide,
#swiper-brands-view-for-category-block-1 .swiper-slide-views,
#swiper-brands-block-1 .swiper-slide,
#swiper-brands-block-1 .swiper-slide-views {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 0 !important;
  height: auto !important;
  width: 180px !important;
  min-width: 180px !important;
  flex-shrink: 0 !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Inner wrapper to control order */
#swiper-brands-block-1 .swiper-slide > div {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  align-items: center !important;
}

/* Place brand icon first (top) */
#swiper-brands-block-1 .brand-icon {
  order: 1 !important;
}

/* Place h2/name second (bottom) */
#swiper-brands-block-1 h2 {
  order: 2 !important;
}

/* Full-width square background container with fantastic effects */
.brands-block .views-field-brand-icon,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon,
#swiper-brands-block-1 .views-field-brand-icon,
.brands-block .brand-icon,
#swiper-brands-block-1 .brand-icon,
.brand-icon {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 180px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid transparent !important;
  background-image: 
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #667eea 100%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  box-shadow: 
    0 3px 10px rgba(0, 0, 0, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              border 0.3s ease,
              box-shadow 0.3s ease !important;
  position: relative !important;
  margin-bottom: 0 !important;
}

/* Magical glow effect on background */
.brands-block .views-field-brand-icon::before,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon::before,
#swiper-brands-block-1 .views-field-brand-icon::before,
.brands-block .brand-icon::before,
#swiper-brands-block-1 .brand-icon::before,
.brand-icon::before {
  content: '' !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  right: -3px !important;
  bottom: -3px !important;
  background: linear-gradient(45deg, 
    #667eea 0%, 
    #764ba2 25%, 
    #f093fb 50%, 
    #4facfe 75%, 
    #667eea 100%) !important;
  border-radius: 22px !important;
  opacity: 0 !important;
  z-index: -1 !important;
  transition: opacity 0.3s ease !important;
  animation: rotate 4s linear infinite !important;
  background-size: 300% 300% !important;
}

/* Shimmer effect */
.brands-block .views-field-brand-icon::after,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon::after,
#swiper-brands-block-1 .views-field-brand-icon::after,
.brands-block .brand-icon::after,
#swiper-brands-block-1 .brand-icon::after,
.brand-icon::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  ) !important;
  transition: left 0.5s ease !important;
  border-radius: 20px !important;
}

/* Gradient rotation animation */
@keyframes rotate {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Field content wrapper */
.brands-block .views-field-brand-icon .field-content,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon .field-content,
#swiper-brands-block-1 .views-field-brand-icon .field-content {
  width: 100% !important;
  height: 100% !important;
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  position: relative !important;
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Anchor tag wrapper - center the image */
.brands-block .views-field-brand-icon a,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon a,
#swiper-brands-block-1 .views-field-brand-icon a,
.brands-block .brand-icon a,
#swiper-brands-block-1 .brand-icon a,
.brand-icon a {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

/* Brand images - hide white backgrounds */
.brands-block .views-field-brand-icon img,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon img,
#swiper-brands-block-1 .views-field-brand-icon img,
.brands-block .brand-icon img,
#swiper-brands-block-1 .brand-icon img,
.brand-icon img {
  width: 85% !important;
  height: 85% !important;
  max-width: 140px !important;
  max-height: 140px !important;
  object-fit: contain !important;
  padding: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: none !important;
  border-radius: 0 !important;
}

/* Hover effects - lift, glow, and brightness */
.brands-block .views-field-brand-icon:hover,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon:hover,
#swiper-brands-block-1 .views-field-brand-icon:hover,
.brands-block .brand-icon:hover,
#swiper-brands-block-1 .brand-icon:hover,
.brand-icon:hover {
  background: #ffffff !important;
  border: 1px solid transparent !important;
  background-image: 
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #667eea 100%) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border-radius: 18px !important;
  overflow: visible !important;
  box-shadow: 
    0 20px 40px rgba(102, 126, 234, 0.3),
    0 8px 16px rgba(0, 0, 0, 0.15),
    0 0 30px rgba(102, 126, 234, 0.25),
    0 -5px 20px rgba(102, 126, 234, 0.15) !important;
}

/* Activate magical glow on hover */
.brands-block .views-field-brand-icon:hover::before,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon:hover::before,
#swiper-brands-block-1 .views-field-brand-icon:hover::before,
.brands-block .brand-icon:hover::before,
#swiper-brands-block-1 .brand-icon:hover::before,
.brand-icon:hover::before {
  opacity: 1 !important;
}

/* Trigger shimmer on hover */
.brands-block .views-field-brand-icon:hover::after,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon:hover::after,
#swiper-brands-block-1 .views-field-brand-icon:hover::after,
.brands-block .brand-icon:hover::after,
#swiper-brands-block-1 .brand-icon:hover::after,
.brand-icon:hover::after {
  left: 100% !important;
}

/* Image scale and brightness on hover */
.brands-block .views-field-brand-icon:hover img,
#swiper-brands-view-for-category-block-1 .views-field-brand-icon:hover img,
#swiper-brands-block-1 .views-field-brand-icon:hover img,
.brands-block .brand-icon:hover img,
#swiper-brands-block-1 .brand-icon:hover img,
.brand-icon:hover img {
  transform: scale(1.1) rotate(5deg) !important;
}

/* Brand name styling - fantastic design */
.brands-block .views-field-name,
#swiper-brands-view-for-category-block-1 .views-field-name,
#swiper-brands-block-1 .views-field-name,
.brands-block .views-field-field-brand-name,
#swiper-brands-view-for-category-block-1 .views-field-field-brand-name,
#swiper-brands-block-1 .views-field-field-brand-name,
#swiper-brands-block-1 .name,
#swiper-brands-block-1 h2 {
  text-align: center !important;
  width: 100% !important;
  background: transparent !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 30px !important;
  margin: 0 !important;
}

.brands-block .views-field-name .field-content,
#swiper-brands-view-for-category-block-1 .views-field-name .field-content,
#swiper-brands-block-1 .views-field-name .field-content,
.brands-block .views-field-field-brand-name .field-content,
#swiper-brands-view-for-category-block-1 .views-field-field-brand-name .field-content,
#swiper-brands-block-1 .views-field-field-brand-name .field-content {
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.brands-block .views-field-name a,
#swiper-brands-view-for-category-block-1 .views-field-name a,
#swiper-brands-block-1 .views-field-name a,
#swiper-brands-block-1 h2 a,
#swiper-brands-block-1 .name,
.brands-block .name,
.brands-block .views-field-name .field-content a,
#swiper-brands-view-for-category-block-1 .views-field-name .field-content a,
#swiper-brands-block-1 .views-field-name .field-content a,
.brands-block .views-field-field-brand-name a,
#swiper-brands-view-for-category-block-1 .views-field-field-brand-name a,
#swiper-brands-block-1 .views-field-field-brand-name a,
.brands-block .views-field-field-brand-name .field-content a,
#swiper-brands-view-for-category-block-1 .views-field-field-brand-name .field-content a,
#swiper-brands-block-1 .views-field-field-brand-name .field-content a {
  font-family: "Cairo", sans-serif !important;
  font-size: 16px;
  font-weight: 700 !important;
  color: #2d3748 !important;
  text-decoration: none !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: inline-block !important;
  line-height: 1.4 !important;
  letter-spacing: 0.5px !important;
  position: relative !important;
  padding: 4px 12px !important;
  text-shadow: 0 2px 8px rgba(102, 126, 234, 0.2) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Gradient animation */
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Glowing underline effect */
.brands-block .views-field-name a::before,
#swiper-brands-view-for-category-block-1 .views-field-name a::before,
#swiper-brands-block-1 .views-field-name a::before,
#swiper-brands-block-1 h2 a::before,
.brands-block .views-field-name .field-content a::before,
#swiper-brands-view-for-category-block-1 .views-field-name .field-content a::before,
#swiper-brands-block-1 .views-field-name .field-content a::before,
.brands-block .views-field-field-brand-name a::before,
#swiper-brands-view-for-category-block-1 .views-field-field-brand-name a::before,
#swiper-brands-block-1 .views-field-field-brand-name a::before,
.brands-block .views-field-field-brand-name .field-content a::before,
#swiper-brands-view-for-category-block-1 .views-field-field-brand-name .field-content a::before,
#swiper-brands-block-1 .views-field-field-brand-name .field-content a::before {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 50% !important;
  transform: translateX(-50%) scaleX(0) !important;
  width: 100% !important;
  height: 1px !important;
  background: linear-gradient(90deg, #667eea, #764ba2, #f093fb) !important;
  background-size: 200% 100% !important;
  border-radius: 1px !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 0 8px rgba(102, 126, 234, 0.5) !important;
  animation: gradientSlide 3s linear infinite !important;
}

/* Gradient sliding animation for underline */
@keyframes gradientSlide {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* Shimmer effect on hover */
.brands-block .views-field-name a::after,
#swiper-brands-view-for-category-block-1 .views-field-name a::after,
#swiper-brands-block-1 .views-field-name a::after,
#swiper-brands-block-1 h2 a::after,
.brands-block .views-field-name .field-content a::after,
#swiper-brands-view-for-category-block-1 .views-field-name .field-content a::after,
#swiper-brands-block-1 .views-field-name .field-content a::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  ) !important;
  transition: left 0.1s ease !important;
}

/* Hover effects - activate underline and shimmer */
.brands-block .views-field-name a:hover::before,
#swiper-brands-view-for-category-block-1 .views-field-name a:hover::before,
#swiper-brands-block-1 .views-field-name a:hover::before,
#swiper-brands-block-1 h2 a:hover::before,
.brands-block .views-field-name .field-content a:hover::before,
#swiper-brands-view-for-category-block-1 .views-field-name .field-content a:hover::before,
#swiper-brands-block-1 .views-field-name .field-content a:hover::before {
  transform: translateX(-50%) scaleX(1) !important;
}

.brands-block .views-field-name a:hover::after,
#swiper-brands-view-for-category-block-1 .views-field-name a:hover::after,
#swiper-brands-block-1 .views-field-name a:hover::after,
#swiper-brands-block-1 h2 a:hover::after,
.brands-block .views-field-name .field-content a:hover::after,
#swiper-brands-view-for-category-block-1 .views-field-name .field-content a:hover::after,
#swiper-brands-block-1 .views-field-name .field-content a:hover::after {
  left: 100% !important;
}

.brands-block .views-field-name a:hover,
#swiper-brands-view-for-category-block-1 .views-field-name a:hover,
#swiper-brands-block-1 .views-field-name a:hover,
#swiper-brands-block-1 h2 a:hover,
.brands-block .views-field-name .field-content a:hover,
#swiper-brands-view-for-category-block-1 .views-field-name .field-content a:hover,
#swiper-brands-block-1 .views-field-name .field-content a:hover {
  transform: translateY(-2px) scale(1.05) !important;
  color: #667eea !important;
  text-shadow: 0 4px 12px rgba(102, 126, 234, 0.4) !important;
}

/* Slide hover effect - slight lift */
.brands-block .swiper-slide:hover,
#swiper-brands-view-for-category-block-1 .swiper-slide:hover,
#swiper-brands-block-1 .swiper-slide:hover {
  transform: translateY(-5px) !important;
}

/* Navigation buttons - modern style */
#swiper-brands-view-for-category-block-1 .swiper-button-prev,
#swiper-brands-view-for-category-block-1 .swiper-button-next,
#swiper-brands-block-1 .swiper-button-prev,
#swiper-brands-block-1 .swiper-button-next,
.swiper-brands-block-1-prev,
.swiper-brands-block-1-next,
.swiper-brands-view-for-category-block-1-prev,
.swiper-brands-view-for-category-block-1-next {
  width: 50px !important;
  height: 50px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
  /* Hide by default, JavaScript will show if needed */
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Show navigation buttons when they have the 'show-nav' class (added by JS) */
#swiper-brands-view-for-category-block-1 .swiper-button-prev.show-nav,
#swiper-brands-view-for-category-block-1 .swiper-button-next.show-nav,
#swiper-brands-block-1 .swiper-button-prev.show-nav,
#swiper-brands-block-1 .swiper-button-next.show-nav,
.swiper-brands-block-1-prev.show-nav,
.swiper-brands-block-1-next.show-nav,
.swiper-brands-view-for-category-block-1-prev.show-nav,
.swiper-brands-view-for-category-block-1-next.show-nav {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Hide navigation buttons when disabled (all slides visible) */
#swiper-brands-view-for-category-block-1 .swiper-button-prev.swiper-button-disabled,
#swiper-brands-view-for-category-block-1 .swiper-button-next.swiper-button-disabled,
#swiper-brands-block-1 .swiper-button-prev.swiper-button-disabled,
#swiper-brands-block-1 .swiper-button-next.swiper-button-disabled,
.swiper-brands-block-1-prev.swiper-button-disabled,
.swiper-brands-block-1-next.swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

#swiper-brands-view-for-category-block-1 .swiper-button-prev:hover,
#swiper-brands-view-for-category-block-1 .swiper-button-next:hover,
#swiper-brands-block-1 .swiper-button-prev:hover,
#swiper-brands-block-1 .swiper-button-next:hover,
.swiper-brands-block-1-prev:hover,
.swiper-brands-block-1-next:hover {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;
}

/* RTL support - swap button positions */
html[dir="rtl"] #swiper-brands-view-for-category-block-1 .swiper-button-prev,
.swiper-rtl #swiper-brands-view-for-category-block-1 .swiper-button-prev,
#swiper-brands-view-for-category-block-1.swiper-rtl .swiper-button-prev,
html[dir="rtl"] #swiper-brands-block-1 .swiper-button-prev,
.swiper-rtl #swiper-brands-block-1 .swiper-button-prev,
#swiper-brands-block-1.swiper-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-brands-block-1-prev,
.swiper-rtl .swiper-brands-block-1-prev {
  right: 15px !important;
  left: auto !important;
}

html[dir="rtl"] #swiper-brands-view-for-category-block-1 .swiper-button-next,
.swiper-rtl #swiper-brands-view-for-category-block-1 .swiper-button-next,
#swiper-brands-view-for-category-block-1.swiper-rtl .swiper-button-next,
html[dir="rtl"] #swiper-brands-block-1 .swiper-button-next,
.swiper-rtl #swiper-brands-block-1 .swiper-button-next,
#swiper-brands-block-1.swiper-rtl .swiper-button-next,
html[dir="rtl"] .swiper-brands-block-1-next,
.swiper-rtl .swiper-brands-block-1-next {
  left: 15px !important;
  right: auto !important;
}

/* ========================================
   RESPONSIVE - Tablet (max-width: 992px)
   ======================================== */
@media (max-width: 992px) {
  .brands-block,
  #swiper-brands-view-for-category-block-1,
  #swiper-brands-block-1 {
    width: 95% !important;
  }

  /* Smaller slides on tablet */
  .brands-block .swiper-slide,
  #swiper-brands-view-for-category-block-1 .swiper-slide,
  #swiper-brands-view-for-category-block-1 .swiper-slide-views,
  #swiper-brands-block-1 .swiper-slide,
  #swiper-brands-block-1 .swiper-slide-views {
    width: 150px !important;
    min-width: 150px !important;
  }

  .brands-block .views-field-brand-icon,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon,
  #swiper-brands-block-1 .views-field-brand-icon,
  .brands-block .brand-icon,
  #swiper-brands-block-1 .brand-icon,
  .brand-icon {
    min-height: 150px !important;
    border-radius: 16px !important;
  }

  .brands-block .views-field-brand-icon .field-content,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon .field-content,
  #swiper-brands-block-1 .views-field-brand-icon .field-content {
    min-height: 150px !important;
    padding: 15px !important;
  }

  .brands-block .views-field-brand-icon img,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon img,
  #swiper-brands-block-1 .views-field-brand-icon img,
  .brands-block .brand-icon img,
  #swiper-brands-block-1 .brand-icon img,
  .brand-icon img {
    max-width: 120px !important;
    max-height: 120px !important;
  }
  
}

/* ========================================
   RESPONSIVE - Mobile (max-width: 768px)
   ======================================== */
@media (max-width: 768px) {
  /* Container full width on mobile */
  .brands-block,
  #swiper-brands-view-for-category-block-1,
  #swiper-brands-block-1 {
    width: 100% !important;
    padding: 0 10px !important;
  }

  /* Swiper wrapper - enable horizontal scroll */
  .brands-block .swiper-wrapper,
  #swiper-brands-view-for-category-block-1 .swiper-wrapper,
  #swiper-brands-block-1 .swiper-wrapper {
    padding: 10px 0 !important;
    gap: 10px !important;
  }

  /* Smaller slides on mobile */
  .brands-block .swiper-slide,
  #swiper-brands-view-for-category-block-1 .swiper-slide,
  #swiper-brands-view-for-category-block-1 .swiper-slide-views,
  #swiper-brands-block-1 .swiper-slide,
  #swiper-brands-block-1 .swiper-slide-views {
    width: 120px !important;
    min-width: 120px !important;
  }

  /* Brand icon container - smaller on mobile */
  .brands-block .views-field-brand-icon,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon,
  #swiper-brands-block-1 .views-field-brand-icon,
  .brands-block .brand-icon,
  #swiper-brands-block-1 .brand-icon,
  .brand-icon {
    min-height: 120px !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
    /* Simplified border on mobile for performance */
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }

  /* Disable glow effects on mobile for performance */
  .brands-block .views-field-brand-icon::before,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon::before,
  #swiper-brands-block-1 .views-field-brand-icon::before,
  .brands-block .brand-icon::before,
  #swiper-brands-block-1 .brand-icon::before,
  .brand-icon::before {
    display: none !important;
  }

  /* Disable shimmer on mobile */
  .brands-block .views-field-brand-icon::after,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon::after,
  #swiper-brands-block-1 .views-field-brand-icon::after,
  .brands-block .brand-icon::after,
  #swiper-brands-block-1 .brand-icon::after,
  .brand-icon::after {
    display: none !important;
  }

  .brands-block .views-field-brand-icon .field-content,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon .field-content,
  #swiper-brands-block-1 .views-field-brand-icon .field-content {
    min-height: 120px !important;
    padding: 12px !important;
  }

  /* Smaller images on mobile */
  .brands-block .views-field-brand-icon img,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon img,
  #swiper-brands-block-1 .views-field-brand-icon img,
  .brands-block .brand-icon img,
  #swiper-brands-block-1 .brand-icon img,
  .brand-icon img {
    width: 80% !important;
    height: 80% !important;
    max-width: 90px !important;
    max-height: 90px !important;
  }

  /* Simplified hover on mobile (touch) */
  .brands-block .views-field-brand-icon:hover,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon:hover,
  #swiper-brands-block-1 .views-field-brand-icon:hover,
  .brands-block .brand-icon:hover,
  #swiper-brands-block-1 .brand-icon:hover,
  .brand-icon:hover {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #667eea !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2) !important;
  }

  /* Smaller brand names on mobile */
  .brands-block .views-field-name a,
  #swiper-brands-view-for-category-block-1 .views-field-name a,
  #swiper-brands-block-1 .views-field-name a,
  #swiper-brands-block-1 h2 a,
  .brands-block .views-field-name .field-content a,
  #swiper-brands-view-for-category-block-1 .views-field-name .field-content a,
  #swiper-brands-block-1 .views-field-name .field-content a {
    font-size: 13px !important;
    padding: 2px 6px !important;
    letter-spacing: 0.3px !important;
    text-shadow: none !important;
  }

  /* Disable text animations on mobile */
  .brands-block .views-field-name a::before,
  #swiper-brands-view-for-category-block-1 .views-field-name a::before,
  #swiper-brands-block-1 .views-field-name a::before,
  .brands-block .views-field-name a::after,
  #swiper-brands-view-for-category-block-1 .views-field-name a::after,
  #swiper-brands-block-1 .views-field-name a::after {
    display: none !important;
  }

  /* Smaller navigation buttons on mobile */
  #swiper-brands-view-for-category-block-1 .swiper-button-prev,
  #swiper-brands-view-for-category-block-1 .swiper-button-next,
  #swiper-brands-block-1 .swiper-button-prev,
  #swiper-brands-block-1 .swiper-button-next,
  .swiper-brands-block-1-prev,
  .swiper-brands-block-1-next {
    width: 36px !important;
    height: 36px !important;
  }

  /* Disable slide hover lift on mobile */
  .brands-block .swiper-slide:hover,
  #swiper-brands-view-for-category-block-1 .swiper-slide:hover,
  #swiper-brands-block-1 .swiper-slide:hover {
    transform: none !important;
  }

  /* Disable image scale on mobile hover */
  .brands-block .views-field-brand-icon:hover img,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon:hover img,
  #swiper-brands-block-1 .views-field-brand-icon:hover img,
  .brands-block .brand-icon:hover img,
  #swiper-brands-block-1 .brand-icon:hover img,
  .brand-icon:hover img {
    transform: none !important;
  }
}

/* ========================================
   RESPONSIVE - Small Mobile (max-width: 480px)
   ======================================== */
@media (max-width: 480px) {
  /* Even smaller slides on small phones */
  .brands-block .swiper-slide,
  #swiper-brands-view-for-category-block-1 .swiper-slide,
  #swiper-brands-view-for-category-block-1 .swiper-slide-views,
  #swiper-brands-block-1 .swiper-slide,
  #swiper-brands-block-1 .swiper-slide-views {
    width: 100px !important;
    min-width: 100px !important;
  }

  .brands-block .views-field-brand-icon,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon,
  #swiper-brands-block-1 .views-field-brand-icon,
  .brands-block .brand-icon,
  #swiper-brands-block-1 .brand-icon,
  .brand-icon {
    min-height: 100px !important;
    border-radius: 10px !important;
  }

  .brands-block .views-field-brand-icon .field-content,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon .field-content,
  #swiper-brands-block-1 .views-field-brand-icon .field-content {
    min-height: 100px !important;
    padding: 10px !important;
  }

  .brands-block .views-field-brand-icon img,
  #swiper-brands-view-for-category-block-1 .views-field-brand-icon img,
  #swiper-brands-block-1 .views-field-brand-icon img,
  .brands-block .brand-icon img,
  #swiper-brands-block-1 .brand-icon img,
  .brand-icon img {
    max-width: 70px !important;
    max-height: 70px !important;
  }

  .brands-block .views-field-name a,
  #swiper-brands-view-for-category-block-1 .views-field-name a,
  #swiper-brands-block-1 .views-field-name a,
  #swiper-brands-block-1 h2 a {
    font-size: 11px !important;
    padding: 2px 4px !important;
  }

  /* Hide navigation on very small screens - swipe instead */
  #swiper-brands-view-for-category-block-1 .swiper-button-prev,
  #swiper-brands-view-for-category-block-1 .swiper-button-next,
  #swiper-brands-block-1 .swiper-button-prev,
  #swiper-brands-block-1 .swiper-button-next,
  .swiper-brands-block-1-prev,
  .swiper-brands-block-1-next {
    display: none !important;
  }
}