@media (max-width:991px){
  .search-wrap{
    display:none;
  }
   #discountBanner .discountBnr{
    width: 100%;
    height: 200px;
   }
  #shopBanner .shopBnr{
    max-width: 100%;
    height: 150px;
    background-size: cover;
}
}
@media (max-width: 768px) {
  .main-slider {
    height: 200px;
  }

  .main-slider img {
    max-width: 100%;
    height: fit-content;
  }
   .features-bar{
    padding:10px 5px;
  }

  .features-bar img{
    width:26px;
  }

  .features-bar p{
    font-size:11px;
    line-height:1.2;
  }
}

@media (max-width: 575px) {
  .section-wrapper {
    padding: 20px 12px;
  }

  .cat-card {
    padding: 12px 6px 10px;
    border-radius: 10px;
    gap: 8px;
  }

  .img-box {
    width: 65%;
    max-width: 65px;
  }

  .cat-name {
    font-size: 11px;
  }

  /* ✅ hover এ বেশি উপরে উঠবে না mobile এ, overflow হয় */
  .cat-card:hover {
    transform: translateY(-3px) scale(1.01);
  }
  .section-title{   
    font-size: 22px;
  }
}

/* FAQ image responsive */
.faq-section .col-lg-6 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

@media (max-width: 992px) {
  .section-title {
    font-size: 2rem;
  }
  .image-placeholder {
    height: 420px;
  }
}

@media (max-width: 768px) {
  .faq-section {
    padding: 40px 0;
     overflow-x: hidden;
  }
  .section-title {
    font-size: 1.6rem;
    margin-bottom: 24px;
  }
  .image-placeholder {
    height: 280px;
  }
  .faq-section .row {
    margin-left: 0;
    margin-right: 0;
  }
  /* Image column mobile এ উপরে দেখাবে না, নিচে ঠিকমতো fit হবে */
  .faq-section .col-lg-6:last-child {
    margin-top: 20px;
  }
  .accordion-button {
    padding: 15px 18px;
    font-size: 0.92rem;
  }
  .faq-answer {
    padding: 0 18px 18px;
    font-size: 0.9rem;
  }
}