/* =========================================================
   ABSOLUTE RESPONSIVE BREAKPOINTS (PRD v1.0)
   ========================================================= */

/* 1280px - 1439px */
@media screen and (max-width: 1279px) {
    .container { padding: 0 32px; }
}

/* 1024px - 1279px */
@media screen and (max-width: 1023px) {
    .hero-text h1 { font-size: 40px; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

/* 768px - 1023px (Tablet) */
@media screen and (max-width: 767px) {
    /* Layout Lock */
    html, body { overflow-x: hidden !important; }
    
    .desktop-nav { display: none; }
    .hamburger-btn { display: block; }
    
    .hero-section { padding: 60px 0; }
    .hero-text h1 { font-size: 32px; }
    .hero-buttons { flex-direction: column; width: 100%; }
    .hero-buttons .btn { width: 100%; }
    
    .search-wrapper input { padding: 16px 20px 16px 48px; }
    .search-btn { display: none; /* Hide on mobile to save space, rely on Enter */ }
    
    .tools-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 32px; }
}

/* 480px - 767px (Large Phones) */
@media screen and (max-width: 479px) {
    .category-badge { width: 100%; text-align: center; }
}

/* 320px - 374px (Small Phones) */
@media screen and (max-width: 374px) {
    .hero-text h1 { font-size: 28px; }
    .tool-card { padding: 24px; }
}