/* ========== RESPONSIVE ========== */
 @media (max-width: 991px) {
     .hero-section {
         padding-top: 100px;
         padding-bottom: 60px;
     }

     .hero-stats {
         gap: 1.5rem;
     }

     .hero-floating-card,
     .navbar-jikaka .nav-link::after {
         display: none;
     }

     .category-scroll {
         justify-content: flex-start;
     }

     .category-item {
         min-width: 85px;
     }

     .cat-icon {
         width: 55px;
         height: 55px;
         font-size: 24px;
     }

     .banner-section .bannerImg {
         max-height: 400px;
     }

     .about-title {
         font-size: 38px;
         margin-bottom: 12px;
     }

     .experience-box {
         right: 15px;
         bottom: 15px;
     }

     .farm-line {
         display: none;
     }

     .farm-step {
         max-width: 100%;
         width: calc(50% - 20px);
     }

     .contact-info-box,
     .contact-form-box {
         padding: 25px;
     }

     .map-wrapper iframe {
         height: 500px;
     }

     .account-nav {
         display: flex;
         flex-direction: row !important;
         overflow: auto;
         gap: 10px;
         flex-wrap: nowrap;
     }

     .account-nav .nav-link {
         white-space: nowrap;
         margin-bottom: 0;
     }

     .profile-top {
         flex-direction: column;
         align-items: flex-start;
     }

     .profile-left {
         flex-direction: column;
         text-align: center;
         width: 100%;
     }

     .profile-stats {
         width: 100%;
         justify-content: center;
     }

     .profile-premium-card,
     .account-sidebar,
     .account-card {
         padding: 24px;
     }

     .user-name {
         font-size: 24px;
     }

     .banner-content h1 {
         font-size: 44px;
     }

     .product-gallery-slider img {
         height: 400px;
     }

     .why-product-image {
         padding: 8;
         border-radius: 14px;
     }


 }

 @media (max-width: 767px) {
     .hero-section {
         padding-top: 90px;
         padding-bottom: 50px;
     }

     .hero-title {
         font-size: 2.2rem;
     }

     .hero-stats {
         flex-wrap: wrap;
         gap: 1rem;
     }

     .hero-stats .stat-num {
         font-size: 1.5rem;
     }

     .section-title {
         font-size: 1.6rem;
     }

     .newsletter-card {
         padding: 2rem 1.5rem;
     }

     .navbar-jikaka .navbar-brand img {
         height: 42px;
     }

     .banner-section .owl-carousel .owl-nav button.owl-next,
     .banner-section .owl-carousel .owl-nav button.owl-prev {
         width: 36px;
         height: 36px;
         font-size: 14px;
     }

     .banner-top {
         margin-top: 72px;
     }

     .page-banner {
         padding: 90px 0;
     }

     .banner-content h1 {
         font-size: 38px;
     }

     .plp-topbar {
         flex-direction: column;
         gap: 15px;
         text-align: center;
     }

     .plp-sort {
         width: 100%;
     }

     .about-title {
         font-size: 30px;
         margin-bottom: 8px;
     }

     .about-features {
         grid-template-columns: 1fr;
     }

     .experience-box {
         padding: 16px;
     }

     .stat-card {
         padding: 30px 15px;
     }

     .stat-card h3 {
         font-size: 38px;
     }

     .farm-step {
         width: 100%;
     }

     .certification-grid {
         grid-template-columns: 1fr;
     }

     .about-cta-box {
         padding: 60px 25px;
     }

     .contact-item {
         gap: 15px;
     }

     .contact-icon {
         width: 50px;
         height: 50px;
         min-width: 50px;
         font-size: 18px;
     }

     .map-wrapper iframe {
         height: 450px;
     }

     .cart-item-row {
         gap: 14px;
         padding: 10px 0;
         flex-wrap: wrap;
     }

     .cart-item-left,
     .cart-item-right {
         gap: 14px;
         width: 100%;
     }

     .cart-content h5,
     .cart-price {
         font-size: 14px;
     }

     .cart-summary ul li {
         padding: 8px 0;
         font-size: 14px;
     }

     .cart-total {
         padding: 16px 0;
         font-size: 16px;
     }

     .cart-thumb {
         width: 85px;
         height: 85px;
         flex-shrink: 0;
     }

     .current-price {
         font-size: 28px;
     }

     .old-price {
         font-size: 18px;
     }

     .product-rating,
     .product-price {
         margin-bottom: 10px;
     }

     .product-rating span,
     .save-badge {
         font-size: 12px;
     }

     .product-gallery-slider img {
         height: 320px;
     }

     .product-thumbs img {
         width: 65px;
         height: 65px;
     }

     .product-buttons {
         flex-direction: column;
     }

     .product-buttons .buy-btn,
     .product-buttons .btn-green {
         width: 100%;
         justify-content: center;
     }

     .product-tabs-wrapper {
         padding: 25px;
     }

     .product-tabs-nav {
         flex-wrap: nowrap;
         overflow: auto;
     }

     .product-tabs-nav .nav-link {
         white-space: nowrap;
     }

     .review-top {
         flex-direction: column;
         align-items: flex-start;
         gap: 8px;
     }

     .legal-block {
         padding: 20px;
     }

     .legal-block h3 {
         font-size: 18px;
     }

     .faq-wrapper .accordion-button {
         font-size: 16px;
         padding: 16px 20px;
     }

     .coupon-box {
         flex-wrap: wrap;
     }
 }

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

     .banner-content h1 {
         font-size: 32px;
     }

     .btn-green,
     .btn-outline-green,
     .buy-btn,
     .product-tabs-nav .nav-link {
         padding: 12px 24px;
         font-size: 0.8rem;
     }

     .profile-stats {
         flex-wrap: wrap;
     }

     .mini-stat {
         flex: 1;
     }

     .user-name {
         font-size: 24px;
     }

     .otp-modal .modal-body {
         padding: 30px 20px;
     }

     .otp-modal .otp-input {
         width: 42px;
         height: 50px;
     }

     .payment-option {
         padding: 12px 14px;
     }

     .payment-option span {
         font-size: 14px;
     }


 }