.team{
    margin: 75px 0;
}
h1{
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    color: #333;
    padding-bottom: 10px;
}
h1:after{
    content: '';
    background: #333;
    display: block;
    height: 3px;
    width: 150px;
    margin: 10px auto;
}
.profile {
    margin-top: 25px;
}
.profile .img-box{
    opacity: 1;
    display: block;
    position: relative;
}
.profile h2{
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
}
.profile h3{
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
}


.img-responsive{
    width: 200px;
    height: 300px;
}
.nav{
    font-size: 18px;
    text-transform: uppercase;
    color: white; 
    background-color: 12263a;
    padding: 20px;
    
   
}
.nav a{
    text-decoration: none;
    padding: 20px;
    color: white;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 30px;
    
}
.nav a:hover{
    background-color: aqua;
}
.img-box{
    cursor: pointer;
    box-shadow: 1px 1px 20px #111
    
}
.rounded-circle{
    width: 400px;
    height: 400px;
}
.bd-placeholder-img{
    background-image: url(..//Images/grad1.jpg);
}

.ourb{
    margin: 20px 20px;
}
.socialIcons a i{
    font-size: 2em;
    
    
}
.socialIcons a{
    padding: 6px;
    margin-right: 30px;
}
.float-end{
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.footert{
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.footert a{
    text-decoration: none;
}
.product-image {
    position: relative;
    height: 280px;
    background: #f5f5f5; /* sfond clean */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 🔥 TREGON FOTO KOMPLET */

    transition: 0.4s ease;
}


    body {
      background-color: #0d0d0d;
      color: #e8e8e8;
      font-family: 'Poppins', sans-serif;
    }

    /* NAVBAR */
    .navbar {
      background: rgba(0, 0, 0, 0.85) !important;
      backdrop-filter: blur(10px);
      border-bottom: 1px solid #1a1a1a;
    }
    .navbar-brand {
      font-weight: 700;
      letter-spacing: 2px;
      color: #d4af37 !important;
    }
    .nav-link {
      color: #cfcfcf !important;
      margin-right: 18px;
      font-weight: 500;
    }
    .nav-link:hover {
      color: #d4af37 !important;
    }

    /* HERO SECTION */
    #hero {
      height: 100vh;
      background: url('https://images.unsplash.com/photo-1600180758890-6b94519a8a70?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      position: relative;
    }
    #hero::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.6);
    }
    .hero-content {
      position: relative;
      z-index: 2;
    }
    .hero-title {
      font-size: 4rem;
      font-weight: 800;
      color: #d4af37;
      text-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
    }
    .hero-sub {
      font-size: 1.4rem;
      margin-bottom: 25px;
    }

    /* SECTIONS */
    section {
      padding: 90px 0;
    }
    .section-title {
      text-align: center;
      margin-bottom: 60px;
      color: #d4af37;
      font-size: 2.8rem;
      font-weight: 700;
    }

    /* PRODUCT CARDS */
    .product-card {
      background: #111;
      color: #ccc;
      padding: 18px;
      border-radius: 12px;
      transition: 0.3s;
      border: 1px solid #1e1e1e;
    }
    .product-card:hover {
      transform: translateY(-8px);
      border-color: #d4af37;
      box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
    }
    .product-card img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      border-radius: 10px;
    }
    .product-card h4 {
      margin-top: 15px;
      font-weight: 600;
    }
    .product-price {
      color: #d4af37;
      font-size: 1.1rem;
      margin-top: -5px;
      margin-bottom: 10px;
    }

    /* ABOUT */
    .about-box {
      background: #090909;
      color: #ccc;
      padding: 40px;
      border-radius: 12px;
      border: 1px solid #1e1e1e;
    }

    /* CONTACT */
    .contact-box {
      background: #111;
      padding: 35px;
      border-radius: 12px;
      border: 1px solid #1e1e1e;
    }

    /* FOOTER */
    footer {
      background: #000;
      padding: 30px 0;
      margin-top: 60px;
      text-align: center;
      border-top: 1px solid #1a1a1a;
    }
    footer p {
      color: #d4af37;
    }
    .product-card img {
   width: 100%;
   height: auto;   /* mos e detyron të zgjatet */
   border-radius: 10px;
}

#hero {
  height: 100vh;
  background: url('../Images/Grunge\ _23SEPT24_\ Logo\ Design.png') center/cover no-repeat;  /* FOTOJA JOTE */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

#hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
      rgba(0, 0, 0, 0.75),
      rgba(0, 0, 0, 0.85)
  ); /* e bën tekstin më të qartë, efekt premium */
}

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

.hero-title {
  font-size: 4.5rem;
  font-weight: 900;
  color: #d4af37; /* gold premium */
  text-shadow: 0 0 25px rgba(212, 175, 55, 0.5);
}

.hero-sub {
  font-size: 1.4rem;
  margin-bottom: 25px;
  color: #ccc;
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 2.5rem;
  }

  .hero-sub {
    font-size: 1rem;
  }

  .product-card img {
    height: 180px;
  }

  .navbar-brand {
    font-size: 1.2rem;
  }
}