@media (max-width: 768px) {
    .sticky-header .header-top {
        display: none;
    }
    
    .mobile-header {
        background: var(--green);
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .hamburger {
        display: block;
        font-size: 28px;
        color: white;
    }
    
    .product-card .product-title {
        position: absolute;
        bottom: 0;
        background: rgba(0,0,0,0.7);
        color: white;
        width: 100%;
        padding: 8px;
        font-size: 14px;
    }
    
    .btn-gradient {
        position: sticky;
        bottom: 0;
        z-index: 10;
        border-radius: 0;
    }
}