body{
  overflow-x: hidden;
  max-width: 1840px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.text-warningg {
  color:#a06a00;
}
:root {
    --font-body-family: Poppins, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
}
.btn-bg-custom-warning {
  background-color: #a06a00;
  color: white;
  border: none;
}
.btn-bg-custom-warning:hover {
   color: #a06a00;
   border: 1px solid #a06a00;
}
.btn-bg-custom-warning:hover i {
  color: #a06a00;
}
/* BRAND FONT + COLOR */
.navbar-brand {
  letter-spacing: 2px;
}
.bg-custom-warning {
  background-color: #a06a00;
}

.nav-link:hover {
  color: #a06a00;
}
.marquee {
  display: flex;
  width: max-content; 
}

.marquee-track {
  display: flex;
  flex-shrink: 0;
  animation: scroll 8s linear infinite;
}


@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}





/* nav */


.sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 260px;
  height: 100%;
  background: #fff;
  z-index: 9999;
  transition: 0.4s;
}

.sidebar.active {
  left: 0;
}

#overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  display: none;
  z-index: 9998;
}

#overlay.active {
  display: block;
}





/* //////// hero section //////// */



.hero-video {
  height: calc(100vh - 80px); 
  overflow: hidden;
   background: none; 
}
@media (max-width: 536px) {
 .hero-video {
  height: auto; 
  overflow: hidden;
   background: none;
}
}
@media (min-width: 537px) and (max-width: 9836px) {
  .hero-video {
    height: auto;
    overflow: hidden;
    background: none;
  }
}


/* VIDEO FIT */
.hero-video {
  background: none; 
}

.hero-video video {
  width: 100%;
  height: auto; 
  display: block;
}


 /* section2 */
 .thumb {
  width: 80px;
  cursor: pointer;
  transition: 0.2s;
}

.thumb:hover {
  transform: scale(1.05);
}
.image-wrapper {
  position: relative;
}

/* MAIN IMAGE */
.main-img {
  width: 100%;
  display: block;
}

/* SLIDE ANIMATION */
.slide-out {
  animation: slideOut 0.4s forwards;
}

.slide-in {
  animation: slideIn 0.4s forwards;
}

@keyframes slideOut {
  from { transform: translateX(0); opacity: 1; }
  to { transform: translateX(-100%); opacity: 0; }
}

@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.bg-blue {
  background-image: url('./category_1.png');
  /* background-color: rgba(5, 5, 5, 0.132);  */
  background-blend-mode: overlay; 
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-green {
  background-image: url('https://www.gandul.ro/wp-content/uploads/2018/11/17670897/3-valuri-foto-hepta.jpg');
  /* background-color: rgba(8, 8, 8, 0.132);  */
  background-blend-mode: overlay; 
  background-position: 100% 100% !important;
  background-repeat: no-repeat;
  background-size: cover  !important;
  /*height: 30vh;*/
}

.bg-pink {
  background-image: url('./cat_bg_3.png');
  /* background-color: rgba(8, 8, 8, 0.132);  */
  background-blend-mode: overlay; 
  background-position: 100% 38%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 30vh;
}



@media (max-width: 9536px) {

  .bg-blue,
  .bg-green,
  .bg-pink {
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;

    /* 🔥 IMPORTANT FIX */
    min-height: 350px;   /* height increase */
    height: auto;        /* flexible height */
  }

}




/* section3 */

.dd-iteam{
     background-image: url('./section_2_bg.png');
    
  /* background-color: rgba(5, 5, 5, 0.132);  */
  background-blend-mode: overlay; 
  
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-size: 100%;

}

.product-card {
  border-radius: 16px;
  transition: 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
}

.card-img-top {
  max-height: fit-content;
  min-height: 40vh;
  object-fit: cover;
}



/* wrapper fix */
.img-wrapper {
  position: relative;
  overflow: hidden;
}


.img-wrapper img {
  width: 100%;
  height: 200px; 
  object-fit: contain; 
}

/* hover image */
.img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}

/* hover effect */
.product-card:hover .img-hover {
  opacity: 1;
}

.product-card:hover .img-default {
  opacity: 0;
}

@media (max-width: 9536px) {
  
  .card-img-top {
  max-height: fit-content;
  min-height: auto;
  object-fit: cover;
}

}


/* section */


/* CARD IMAGE */
.card-img-topp {
  width: 100%;
  height: 250px;        
  object-fit: cover;    
}

/* HOVER EFFECT (optional but premium) */
.card:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}



/* video  */

.vedio2 {
  object-fit: cover;
}


@media (max-width: 991px) {
  .vedio2 {
    object-fit: cover; 
    object-position: center top; 
  }
}



/* section */



/* IMAGE FIT */
.object-fit-cover {
  object-fit: cover;
}

/* CARD IMAGE HEIGHT CONTROL */
.card-img-top {
  height: 420px;
  object-fit: cover;
}

/* BIG IMAGE HEIGHT MATCH */
@media (min-width: 992px) {
  .col-lg-8 img {
    height: 100%;
  }
}





/* footer  */



/* TEXT */
.footer-text {
  line-height: 1.8;
 
}

/* LIST */
.footer-list li {
  margin-bottom: 10px;
  cursor: pointer;
}

/* INPUT */
.footer-input {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.5);
  color: #fff;
  padding: 12px;
}

.footer-input::placeholder {
  color: rgba(255,255,255,0.7);
}

/* BUTTON */
.footer-btn {
  background: #e5e5e5;
  color: #a06a00;
  font-weight: 600;
  padding: 12px;
  border-radius: 6px;
}

/* BOTTOM LINE */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.2);
  font-size: 14px;
}