@media (max-width:992px) {
    .hero h1 {
        font-size: clamp(2rem, 6vw, 4.5rem);
    }
    .hero p {
        font-size: 1.1rem;
    }
    .navbar {
        padding: 18px 30px;
    }
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .about-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media(max-width:768px) {

    .menu-toggle {

        display: block;

    }

    .btn-order {

        display: none;

    }

          .menu-toggle {
              display: block;
          }
    
          .nav-links {
    
              display: none;
    
              position: absolute;
    
              top: 70px;
    
              left: 0;
    
              width: 100%;
    
              background: white;
    
              flex-direction: column;
    
              text-align: center;
    
              padding: 20px 0;
          }
    
          .nav-links.active {
    
              display: flex;
    
          }

}

@media (max-width:480px) {
    .logo h2 {
        font-size: 22px;
    }
    .logo small {
        font-size: 12px;
    }
    .hero h1 {
        font-size: clamp(2rem, 6vw, 4.5rem);
    }
    .hero p {
        font-size: 15px;
    }
    .hero-buttons {
        width: 100%;
   }
    .hero-btn,
    .secondary-btn {
        width: 100%;
        text-align: center;
    }
    .card {
        padding: 20px;
    }
    footer {
        padding: 40px 15px;
    }
}

/*==========================================
PRODUCTS - MOBILE CART
==========================================*/

@media (max-width:768px) {

    /* Small floating cart button 
    Comment this block if using Navbar Orders*/

    .cart-summary {

        width: 50px;

        height: 50px;

        border-radius: 50%;

        padding: 0;
        background-color: black;

        right: 15px;

        bottom: 15px;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    /* Hide text */

    .summary-title,

    .summary-details {

        display: none;

    }

    /* Show only cart icon */

    .summary-action {

        width: 100%;

        height: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

        background: transparent;

        font-size: 0;

    }

  .summary-action::before {

      content: "🛒";

      font-size: 25px;

      transform: translateY(-12px);

  }

    /* Cart badge */

    #cartBadge {

        position: absolute;

        top: 6px;

        right: 6px;

        width: 22px;

        height: 22px;

        border-radius: 50%;

        background: #D32F2F;

        color: #fff;

        font-size: 12px;

        display: flex;

        justify-content: center;

        align-items: center;

        font-weight: bold;

    }

    /* Cart panel occupies full screen */

    .cart-panel {

        width: 100%;

        right: 0;

    }

}

@media (max-width:768px) {
/* 
    .hide-cart-btn {

        display: flex;

        justify-content: center;

        align-items: center;

        position: absolute;

        top: 8px;

        right: 8px;

        width: 28px;

        height: 28px;

        border: none;

        border-radius: 50%;

        background: #F5F5F5;

        color: #666;

        cursor: pointer;

        box-shadow: 0 2px 8px rgba(0, 0, 0, .15);

        z-index: 1000;

    }

    .hide-cart-btn:hover {

        background: #E67E22;

        color: #fff;

    } */

        #toast {
    
            position: fixed;
            font-size: 14px;
            text-align: center;
    
            bottom: 30px;
    
            left: 50%;
    
            transform: translateX(-50%);
    
            background: #333;
    
            color: white;
    
            padding: 10px 10px;
    
            border-radius: 5px;
    
            opacity: 0;
    
            transition: .4s;
    
            z-index: 99999;
    
        }
    
        #toast.show {
    
            opacity: 1;
    
        }

}