/* Brand Page Styles */
.hero-brand {
  height: 60vh;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), var(--hero-bg-image, url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80'));
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  color: white;
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.hero-brand::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, var(--primary-color-transparent, rgba(0,123,255,0.3)), var(--secondary-color-transparent, rgba(0,255,136,0.3)));
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.hero-brand h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  animation: fadeInUp 1s ease;
}

.hero-brand p {
  font-size: 1.5rem;
  animation: fadeInUp 1s ease 0.5s;
  opacity: 0;
  animation-fill-mode: forwards;
}

.brand-logo {
  width: 300px;
  height: auto;
  margin-bottom: 2rem;
  animation: fadeInUp 1s ease;
  filter: brightness(0) invert(1);
}

.product-section {
  padding: 4rem 0;
  background: #f8f9fa;
}

.product-card {
  border: none;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  height: 100%;
  background: white;
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.product-image {
  height: 200px;
  width: 100%;
  object-fit: contain;
  background-color: #f8f9fa;
  padding: 1.5rem;
  transition: all 0.3s ease;
}

.product-card:hover .product-image {
  transform: scale(1.1);
}

.section-title {
  text-align: center;
  margin-bottom: 3rem;
  color: #2c3e50;
  position: relative;
  padding-bottom: 1rem;
}

.section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 3px;
  background: linear-gradient(to right, var(--primary-color, #007bff), var(--secondary-color, #00ff88));
}

.brand-info {
  padding: 4rem 0;
  background: white;
}

.info-card {
  text-align: center;
  padding: 2rem;
  border-radius: 10px;
  background: white;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.info-card i {
  font-size: 2.5rem;
  color: var(--primary-color, #007bff);
  margin-bottom: 1rem;
}

.category-section {
  padding: 4rem 0;
  background: white;
}

.category-section:nth-child(even) {
  background: #f8f9fa;
}

.btn-primary {
  background: var(--primary-color, #007bff);
  border-color: var(--primary-color, #007bff);
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background: var(--secondary-color, #00ff88);
  border-color: var(--secondary-color, #00ff88);
  transform: translateY(-2px);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Brand Specific Colors */
.brand-abb {
  --primary-color: #FF000F;
  --secondary-color: #1A1A1A;
  --primary-color-transparent: rgba(255,0,15,0.3);
  --secondary-color-transparent: rgba(26,26,26,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1542879437-4a5936b0cc92?auto=format&fit=crop&q=80');
}

.brand-schneider {
  --primary-color: #43b02a;
  --secondary-color: #007a53;
  --primary-color-transparent: rgba(67,176,42,0.3);
  --secondary-color-transparent: rgba(0,122,83,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1558346490-a72e53ae2d4f?auto=format&fit=crop&q=80');
}

.brand-legrand {
  --primary-color: #007bff;
  --secondary-color: #00ff88;
  --primary-color-transparent: rgba(0,123,255,0.3);
  --secondary-color-transparent: rgba(0,255,136,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80');
}

.brand-siemens {
  --primary-color: #009999;
  --secondary-color: #666666;
  --primary-color-transparent: rgba(0,153,153,0.3);
  --secondary-color-transparent: rgba(102,102,102,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&q=80');
}

.brand-bticino {
  --primary-color: #E31837;
  --secondary-color: #1A1A1A;
  --primary-color-transparent: rgba(227,24,55,0.3);
  --secondary-color-transparent: rgba(26,26,26,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1565775009484-f1b114f79828?auto=format&fit=crop&q=80');
}

.brand-viko {
  --primary-color: #4CAF50;
  --secondary-color: #2E7D32;
  --primary-color-transparent: rgba(76,175,80,0.3);
  --secondary-color-transparent: rgba(46,125,50,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1534430480872-3498386e7856?auto=format&fit=crop&q=80');
}

.brand-prysmian {
  --primary-color: #ED1C24;
  --secondary-color: #231F20;
  --primary-color-transparent: rgba(237,28,36,0.3);
  --secondary-color-transparent: rgba(35,31,32,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1601597111158-2fceff292cdc?auto=format&fit=crop&q=80');
}

.brand-nexans {
  --primary-color: #004B8D;
  --secondary-color: #B1D4E5;
  --primary-color-transparent: rgba(0,75,141,0.3);
  --secondary-color-transparent: rgba(177,212,229,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1635348728281-99c7e8e0593a?auto=format&fit=crop&q=80');
}

.brand-eae {
  --primary-color: #1E4B94;
  --secondary-color: #FFB81C;
  --primary-color-transparent: rgba(30,75,148,0.3);
  --secondary-color-transparent: rgba(255,184,28,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1542879437-4a5936b0cc92?auto=format&fit=crop&q=80');
}

.brand-entes {
  --primary-color: #00A0E3;
  --secondary-color: #004C97;
  --primary-color-transparent: rgba(0,160,227,0.3);
  --secondary-color-transparent: rgba(0,76,151,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&q=80');
}

.brand-gwest {
  --primary-color: #FF6B00;
  --secondary-color: #4A4A4A;
  --primary-color-transparent: rgba(255,107,0,0.3);
  --secondary-color-transparent: rgba(74,74,74,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1543674892-7d64d45b10f8?auto=format&fit=crop&q=80');
}

.brand-oznur {
  --primary-color: #D4AF37;
  --secondary-color: #2C3E50;
  --primary-color-transparent: rgba(212,175,55,0.3);
  --secondary-color-transparent: rgba(44,62,80,0.3);
  --hero-bg-image: url('https://images.unsplash.com/photo-1586936893354-362ad6ae47ba?auto=format&fit=crop&q=80');
}

/* Add more brand-specific styles as needed */