/* Modern Restaurant Page Responsive Styles */

/* Large Desktop */
@media (max-width: 1200px) {
    .hero-content-wrapper {
        gap: 30px;
    }
    
    .hero-main-title {
        font-size: 3rem;
    }
    
    .hero-subtitle {
        font-size: 1.2rem;
    }
    
    .hero-stats {
        gap: 20px;
    }
    
    .stat-number {
        font-size: 1.5rem;
    }
    
    .hero-image-1 {
        height: 350px;
    }
    
    .hero-image-2, .hero-image-3 {
        height: 165px;
    }
    
    .search-modern-wrapper {
        padding: 25px;
    }
    
    .filter-modern-options {
        gap: 20px;
    }
    
    .map-modern-content {
        gap: 30px;
    }
    
    .map-modern-text h2 {
        font-size: 2.5rem;
    }
    
    .map-modern-description {
        font-size: 1.1rem;
    }
    
    .map-modern-placeholder {
        height: 350px;
    }
    
    /* Category Page */
    .hero-unique-content {
        gap: 30px;
    }
    
    .hero-unique-title {
        font-size: 3rem;
    }
    
    .hero-unique-subtitle {
        font-size: 1.2rem;
    }
    
    .stat-unique-number {
        font-size: 1.5rem;
    }
    
    .image-unique-item {
        height: 180px;
    }
    
    .section-title-unique {
        font-size: 2.5rem;
    }
    
    .cta-unique-title {
        font-size: 2.5rem;
    }
    
    /* Special Offers Page */
    .hero-offers-content {
        gap: 30px;
    }
    
    .hero-offers-title {
        font-size: 3rem;
    }
    
    .hero-offers-subtitle {
        font-size: 1.2rem;
    }
    
    .badge-offers-number {
        font-size: 1.2rem;
    }
    
    .section-title-offers {
        font-size: 2.5rem;
    }
    
    .cta-offers-title {
        font-size: 2.5rem;
    }
    
    .cta-offers-number {
        font-size: 2.2rem;
    }
    
    /* Contact Page */
    .hero-contact-content {
        gap: 30px;
    }
    
    .hero-contact-title {
        font-size: 3rem;
    }
    
    .hero-contact-subtitle {
        font-size: 1.2rem;
    }
    
    .feature-contact-label {
        font-size: 1rem;
    }
    
    .section-title-contact {
        font-size: 2.5rem;
    }
    
    .form-unique-title {
        font-size: 2.2rem;
    }
    
    .form-unique-subtitle {
        font-size: 1.1rem;
    }
}

/* Tablet */
@media (max-width: 992px) {
    .hero-content-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-text-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .hero-main-title {
        font-size: 2.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
        max-width: 100%;
    }
    
    .hero-stats {
        justify-content: center;
    }
    
    .hero-cta-buttons {
        justify-content: center;
    }
    
    .hero-btn {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }
    
    .hero-image-grid {
        margin-top: 50px;
    }
    
    .hero-image-4 {
        display: none;
    }
    
    .search-modern-wrapper {
        padding: 20px;
    }
    
    .search-modern-box {
        max-width: 100%;
    }
    
    .filter-modern-options {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .categories-modern-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .restaurants-modern-grid {
        grid-template-columns: 1fr;
    }
    
    .map-modern-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .map-modern-features {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .map-feature {
        text-align: center;
    }
    
    .map-modern-placeholder {
        height: 300px;
        margin-top: 30px;
    }
    
    .testimonials-modern-grid {
        grid-template-columns: 1fr;
    }
    
    /* Category Page */
    .hero-unique-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-unique-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .hero-unique-title {
        font-size: 2.5rem;
    }
    
    .hero-unique-subtitle {
        font-size: 1.1rem;
        max-width: 100%;
    }
    
    .hero-unique-stats {
        justify-content: center;
    }
    
    .stat-unique-item {
        flex-direction: column;
        text-align: center;
    }
    
    .hero-unique-btn {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }
    
    .hero-unique-image {
        margin-top: 50px;
    }
    
    .category-unique-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .features-unique-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-unique-stats {
        flex-wrap: wrap;
        gap: 30px;
    }
    
    .cta-stat-item {
        flex: 0 0 calc(50% - 30px);
    }
    
    /* Special Offers Page */
    .hero-offers-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-offers-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .hero-offers-title {
        font-size: 2.5rem;
    }
    
    .hero-offers-subtitle {
        font-size: 1.1rem;
        max-width: 100%;
    }
    
    .hero-offers-badges {
        justify-content: center;
    }
    
    .badge-offers-item {
        flex-direction: column;
        text-align: center;
    }
    
    .hero-offers-btn {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }
    
    .hero-offers-image {
        margin-top: 50px;
    }
    
    .offers-unique-grid {
        grid-template-columns: 1fr;
    }
    
    .all-offers-unique-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .steps-offers-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-offers-stats {
        flex-wrap: wrap;
        gap: 30px;
    }
    
    .cta-offers-stat {
        flex: 0 0 calc(50% - 30px);
    }
    
    /* Contact Page */
    .hero-contact-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-contact-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .hero-contact-title {
        font-size: 2.5rem;
    }
    
    .hero-contact-subtitle {
        font-size: 1.1rem;
        max-width: 100%;
    }
    
    .hero-contact-features {
        align-items: center;
    }
    
    .hero-contact-image {
        margin-top: 50px;
    }
    
    .contact-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .contact-form-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .form-unique-content {
        order: 2;
        padding: 0;
    }
    
    .form-unique-image {
        order: 1;
    }
    
    .faq-contact-container {
        padding: 0 20px;
    }
    
    .nav-links {
        display: none;
    }
    
    .menu-toggle {
        display: flex;
    }
}

/* Small Tablet */
@media (max-width: 768px) {
    .hero-main-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1rem;
    }
    
    .hero-stats {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .stat-item {
        flex: 0 0 calc(33.333% - 15px);
    }
    
    .hero-cta-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .hero-btn {
        max-width: 100%;
    }
    
    .hero-image-1 {
        height: 300px;
    }
    
    .hero-image-2, .hero-image-3 {
        height: 140px;
    }
    
    .search-modern-input {
        padding: 12px 15px 12px 45px;
        font-size: 0.9rem;
    }
    
    .search-modern-button {
        padding: 0 20px;
        font-size: 0.9rem;
    }
    
    .price-filter-options {
        gap: 8px;
    }
    
    .price-filter-btn {
        width: 35px;
        height: 35px;
        font-size: 0.9rem;
    }
    
    .section-title-modern {
        font-size: 2.2rem;
    }
    
    .section-subtitle-modern {
        font-size: 1rem;
    }
    
    .categories-modern-grid {
        grid-template-columns: 1fr;
    }
    
    .map-modern-text h2 {
        font-size: 2rem;
    }
    
    .map-modern-description {
        font-size: 1rem;
    }
    
    .map-feature {
        gap: 15px;
    }
    
    .map-feature i {
        font-size: 1.5rem;
        min-width: 40px;
    }
    
    .map-feature h4 {
        font-size: 1.1rem;
    }
    
    .map-modern-placeholder {
        height: 250px;
    }
    
    .testimonial-modern-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .testimonial-modern-footer {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    
    /* Category Page */
    .hero-unique-title {
        font-size: 2rem;
    }
    
    .hero-unique-subtitle {
        font-size: 1rem;
    }
    
    .hero-unique-stats {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .stat-unique-item {
        flex: 0 0 calc(33.333% - 15px);
    }
    
    .image-unique-item {
        height: 150px;
    }
    
    .section-title-unique {
        font-size: 2.2rem;
    }
    
    .section-subtitle-unique {
        font-size: 1rem;
    }
    
    .category-unique-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-unique-title {
        font-size: 2rem;
    }
    
    .cta-unique-subtitle {
        font-size: 1rem;
    }
    
    .cta-stat-number {
        font-size: 2rem;
    }
    
    /* Special Offers Page */
    .hero-offers-title {
        font-size: 2rem;
    }
    
    .hero-offers-subtitle {
        font-size: 1rem;
    }
    
    .hero-offers-badges {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .badge-offers-item {
        flex: 0 0 calc(33.333% - 15px);
    }
    
    .badge-offers-number {
        font-size: 1.1rem;
    }
    
    .section-title-offers {
        font-size: 2.2rem;
    }
    
    .section-subtitle-offers {
        font-size: 1rem;
    }
    
    .all-offers-unique-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-offers-title {
        font-size: 2rem;
    }
    
    .cta-offers-subtitle {
        font-size: 1rem;
    }
    
    .cta-offers-number {
        font-size: 2rem;
    }
    
    /* Contact Page */
    .hero-contact-title {
        font-size: 2rem;
    }
    
    .hero-contact-subtitle {
        font-size: 1rem;
    }
    
    .feature-contact-item {
        flex-direction: column;
        text-align: center;
    }
    
    .contact-info-grid {
        grid-template-columns: 1fr;
    }
    
    .form-unique-row {
        grid-template-columns: 1fr;
    }
    
    .section-title-contact {
        font-size: 2.2rem;
    }
    
    .section-subtitle-contact {
        font-size: 1rem;
    }
    
    .form-unique-title {
        font-size: 2rem;
    }
    
    .form-unique-subtitle {
        font-size: 1rem;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .hero-main-title {
        font-size: 1.8rem;
    }
    
    .hero-subtitle {
        font-size: 0.9rem;
    }
    
    .hero-stats {
        gap: 10px;
    }
    
    .stat-item {
        flex: 0 0 calc(33.333% - 10px);
    }
    
    .stat-number {
        font-size: 1.3rem;
    }
    
    .stat-label {
        font-size: 0.8rem;
    }
    
    .hero-image-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    
    .hero-image-1, .hero-image-2, .hero-image-3 {
        grid-column: 1;
        grid-row: auto;
        height: 200px;
    }
    
    .search-modern-wrapper {
        padding: 15px;
    }
    
    .filter-modern-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .section-title-modern {
        font-size: 1.8rem;
    }
    
    .section-header-modern {
        margin-bottom: 40px;
    }
    
    section {
        padding: 60px 0;
    }
    
    .container {
        padding: 0 15px;
    }
    
    .restaurant-hero-modern {
        padding: 60px 0;
    }
    
    .restaurant-search-modern {
        margin-top: -30px;
    }
    
    .map-modern-text h2 {
        font-size: 1.8rem;
    }
    
    .map-modern-content {
        gap: 20px;
    }
    
    .map-modern-placeholder {
        height: 200px;
    }
    
    .map-placeholder-content i {
        font-size: 3rem;
    }
    
    .map-placeholder-content p {
        font-size: 1.2rem;
    }
    
    .testimonial-modern-card {
        padding: 20px;
    }
    
    .testimonial-modern-avatar {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
    }
    
    /* Category Page */
    .hero-unique-title {
        font-size: 1.8rem;
    }
    
    .hero-unique-subtitle {
        font-size: 0.9rem;
    }
    
    .hero-unique-stats {
        gap: 10px;
    }
    
    .stat-unique-item {
        flex: 0 0 calc(33.333% - 10px);
    }
    
    .stat-unique-number {
        font-size: 1.3rem;
    }
    
    .stat-unique-label {
        font-size: 0.8rem;
    }
    
    .hero-unique-btn {
        padding: 12px 25px;
        font-size: 1rem;
    }
    
    .image-unique-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    
    .item-1, .item-2, .item-3 {
        grid-column: 1;
        grid-row: auto;
        height: 150px;
    }
    
    .section-title-unique {
        font-size: 1.8rem;
    }
    
    .section-header-unique {
        margin-bottom: 40px;
    }
    
    .category-hero-unique {
        padding: 60px 0;
    }
    
    .cta-unique-title {
        font-size: 1.8rem;
    }
    
    .cta-unique-stats {
        gap: 20px;
    }
    
    .cta-stat-item {
        flex: 0 0 calc(50% - 20px);
    }
    
    .cta-stat-number {
        font-size: 1.8rem;
    }
    
    /* Special Offers Page */
    .hero-offers-title {
        font-size: 1.8rem;
    }
    
    .hero-offers-subtitle {
        font-size: 0.9rem;
    }
    
    .hero-offers-badges {
        gap: 10px;
    }
    
    .badge-offers-item {
        flex: 0 0 calc(33.333% - 10px);
    }
    
    .badge-offers-number {
        font-size: 1rem;
    }
    
    .badge-offers-label {
        font-size: 0.8rem;
    }
    
    .hero-offers-btn {
        padding: 12px 25px;
        font-size: 1rem;
    }
    
    .offers-image-badge {
        padding: 8px 15px;
        font-size: 1rem;
    }
    
    .section-title-offers {
        font-size: 1.8rem;
    }
    
    .section-header-offers {
        margin-bottom: 40px;
    }
    
    .offers-hero-unique {
        padding: 60px 0;
    }
    
    .cta-offers-title {
        font-size: 1.8rem;
    }
    
    .cta-offers-stats {
        gap: 20px;
    }
    
    .cta-offers-stat {
        flex: 0 0 calc(50% - 20px);
    }
    
    .cta-offers-number {
        font-size: 1.8rem;
    }
    
    .cta-offers-btn {
        padding: 12px 30px;
        font-size: 1rem;
    }
    
    /* Contact Page */
    .hero-contact-title {
        font-size: 1.8rem;
    }
    
    .hero-contact-subtitle {
        font-size: 0.9rem;
    }
    
    .feature-contact-label {
        font-size: 1rem;
    }
    
    .feature-contact-desc {
        font-size: 0.8rem;
    }
    
    .section-title-contact {
        font-size: 1.8rem;
    }
    
    .section-header-contact {
        margin-bottom: 40px;
    }
    
    .contact-hero-unique {
        padding: 60px 0;
    }
    
    .form-unique-group input,
    .form-unique-group textarea {
        padding: 12px 15px;
        font-size: 0.9rem;
    }
    
    .form-unique-btn {
        padding: 12px;
        font-size: 1rem;
    }
    
    .faq-contact-question {
        padding: 15px 20px;
    }
    
    .faq-contact-answer p {
        padding: 15px 0;
    }
}

/* Extra Small Mobile */
@media (max-width: 400px) {
    .hero-main-title {
        font-size: 1.5rem;
    }
    
    .hero-subtitle {
        font-size: 0.8rem;
    }
    
    .stat-number {
        font-size: 1.1rem;
    }
    
    .stat-label {
        font-size: 0.7rem;
    }
    
    .hero-btn {
        padding: 12px 25px;
        font-size: 1rem;
    }
    
    .hero-image-1, .hero-image-2, .hero-image-3 {
        height: 150px;
    }
    
    .search-modern-input {
        padding: 10px 12px 10px 40px;
    }
    
    .search-modern-button {
        padding: 0 15px;
    }
    
    .section-title-modern {
        font-size: 1.5rem;
    }
    
    .section-subtitle-modern {
        font-size: 0.9rem;
    }
    
    .map-modern-text h2 {
        font-size: 1.5rem;
    }
    
    .map-feature {
        gap: 10px;
    }
    
    .map-feature h4 {
        font-size: 1rem;
    }
    
    .map-modern-placeholder {
        height: 150px;
    }
    
    .map-placeholder-content i {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    
    .map-placeholder-content p {
        font-size: 1rem;
    }
    
    /* Category Page */
    .hero-unique-title {
        font-size: 1.5rem;
    }
    
    .hero-unique-subtitle {
        font-size: 0.8rem;
    }
    
    .stat-unique-number {
        font-size: 1.1rem;
    }
    
    .stat-unique-label {
        font-size: 0.7rem;
    }
    
    .item-1, .item-2, .item-3 {
        height: 120px;
    }
    
    .section-title-unique {
        font-size: 1.5rem;
    }
    
    .cta-unique-title {
        font-size: 1.5rem;
    }
    
    .cta-stat-number {
        font-size: 1.5rem;
    }
}

/* Additional responsive fixes for category page */
@media (max-width: 992px) {
.category-unique-grid {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.category-unique-grid {
    grid-template-columns: 1fr;
}
}

@media (max-width: 576px) {
.hero-unique-content {
    grid-template-columns: 1fr;
    text-align: center;
}

.hero-unique-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-unique-stats {
    justify-content: center;
}

.stat-unique-item {
    flex-direction: column;
    text-align: center;
}

.hero-unique-btn {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

.hero-unique-image {
    margin-top: 50px;
}

.image-unique-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.item-1, .item-2, .item-3 {
    grid-column: 1;
    grid-row: auto;
    height: 200px;
}

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

.cta-unique-stats {
    flex-wrap: wrap;
    gap: 30px;
}

.cta-stat-item {
    flex: 0 0 calc(50% - 30px);
}
}

/* Special Offers Page */
@media (max-width: 1200px) {
.hero-offers-content {
    gap: 30px;
}

.hero-offers-title {
    font-size: 3rem;
}

.hero-offers-subtitle {
    font-size: 1.2rem;
}

.badge-offers-number {
    font-size: 1.2rem;
}

.section-title-offers {
    font-size: 2.5rem;
}

.cta-offers-title {
    font-size: 2.5rem;
}
}

@media (max-width: 992px) {
.hero-offers-content {
    grid-template-columns: 1fr;
    text-align: center;
}

.hero-offers-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-offers-title {
    font-size: 2.5rem;
}

.hero-offers-subtitle {
    font-size: 1.1rem;
    max-width: 100%;
}

.hero-offers-badges {
    justify-content: center;
}

.badge-offers-item {
    flex-direction: column;
    text-align: center;
}

.hero-offers-btn {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

.hero-offers-image {
    margin-top: 50px;
}

.section-title-offers {
    font-size: 2.5rem;
}

.offers-unique-grid {
    grid-template-columns: repeat(2, 1fr);
}

.all-offers-unique-grid {
    grid-template-columns: repeat(2, 1fr);
}

.steps-offers-grid {
    grid-template-columns: 1fr;
}

.cta-offers-stats {
    flex-wrap: wrap;
    gap: 30px;
}

.cta-offers-stat {
    flex: 0 0 calc(50% - 30px);
}
}

@media (max-width: 768px) {
.hero-offers-title {
    font-size: 2rem;
}

.hero-offers-subtitle {
    font-size: 1rem;
}

.hero-offers-badges {
    flex-wrap: wrap;
    gap: 15px;
}

.badge-offers-item {
    flex: 0 0 calc(33.333% - 15px);
}

.section-title-offers {
    font-size: 2.2rem;
}

.section-subtitle-offers {
    font-size: 1rem;
}

.offers-unique-grid {
    grid-template-columns: 1fr;
}

.all-offers-unique-grid {
    grid-template-columns: 1fr;
}

.cta-offers-title {
    font-size: 2rem;
}

.cta-offers-subtitle {
    font-size: 1rem;
}

.cta-offers-number {
    font-size: 2rem;
}
}

@media (max-width: 576px) {
.hero-offers-title {
    font-size: 1.8rem;
}

.hero-offers-subtitle {
    font-size: 0.9rem;
}

.hero-offers-badges {
    gap: 10px;
}

.badge-offers-item {
    flex: 0 0 calc(33.333% - 10px);
}

.badge-offers-number {
    font-size: 1.1rem;
}

.badge-offers-label {
    font-size: 0.8rem;
}

.hero-offers-btn {
    padding: 12px 25px;
    font-size: 1rem;
}

.section-title-offers {
    font-size: 1.8rem;
}

.offers-hero-unique {
    padding: 60px 0;
}

.cta-offers-title {
    font-size: 1.8rem;
}

.cta-offers-stats {
    gap: 20px;
}

.cta-offers-stat {
    flex: 0 0 calc(50% - 20px);
}

.cta-offers-number {
    font-size: 1.8rem;
}

.cta-offers-btn {
    padding: 12px 30px;
    font-size: 1rem;
}
}

@media (max-width: 400px) {
.hero-offers-title {
    font-size: 1.5rem;
}

.hero-offers-subtitle {
    font-size: 0.8rem;
}

.badge-offers-number {
    font-size: 1rem;
}

.badge-offers-label {
    font-size: 0.7rem;
}

.section-title-offers {
    font-size: 1.5rem;
}

.cta-offers-title {
    font-size: 1.5rem;
}

.cta-offers-number {
    font-size: 1.5rem;
}
}

/* Contact Page */
@media (max-width: 1200px) {
.hero-contact-content {
    gap: 30px;
}

.hero-contact-title {
    font-size: 3rem;
}

.hero-contact-subtitle {
    font-size: 1.2rem;
}

.feature-contact-label {
    font-size: 1rem;
}

.section-title-contact {
    font-size: 2.5rem;
}

.form-unique-title {
    font-size: 2.2rem;
}

.form-unique-subtitle {
    font-size: 1.1rem;
}
}

@media (max-width: 992px) {
.hero-contact-content {
    grid-template-columns: 1fr;
    text-align: center;
}

.hero-contact-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-contact-title {
    font-size: 2.5rem;
}

.hero-contact-subtitle {
    font-size: 1.1rem;
    max-width: 100%;
}

.hero-contact-features {
    align-items: center;
}

.hero-contact-image {
    margin-top: 50px;
}

.contact-info-grid {
    grid-template-columns: repeat(2, 1fr);
}

.contact-form-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
}

.form-unique-content {
    order: 2;
    padding: 0;
}

.form-unique-image {
    order: 1;
}

.faq-contact-container {
    padding: 0 20px;
}

.nav-links {
    display: none;
}

.menu-toggle {
    display: flex;
}
}

@media (max-width: 768px) {
.hero-contact-title {
    font-size: 2rem;
}

.hero-contact-subtitle {
    font-size: 1rem;
}

.feature-contact-item {
    flex-direction: column;
    text-align: center;
}

.contact-info-grid {
    grid-template-columns: 1fr;
}

.form-unique-row {
    grid-template-columns: 1fr;
}

.section-title-contact {
    font-size: 2.2rem;
}

.section-subtitle-contact {
    font-size: 1rem;
}

.form-unique-title {
    font-size: 2rem;
}

.form-unique-subtitle {
    font-size: 1rem;
}
}

@media (max-width: 576px) {
.hero-contact-title {
    font-size: 1.8rem;
}

.hero-contact-subtitle {
    font-size: 0.9rem;
}

.feature-contact-icon {
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
}

.feature-contact-label {
    font-size: 0.9rem;
}

.feature-contact-desc {
    font-size: 0.8rem;
}

.section-title-contact {
    font-size: 1.8rem;
}

.contact-hero-unique {
    padding: 60px 0;
}

.form-unique-group input,
.form-unique-group textarea {
    padding: 12px 15px;
    font-size: 0.9rem;
}

.form-unique-btn {
    padding: 12px;
    font-size: 1rem;
}

.faq-contact-question h3 {
    font-size: 1rem;
}
}

@media (max-width: 400px) {
.hero-contact-title {
    font-size: 1.5rem;
}

.hero-contact-subtitle {
    font-size: 0.8rem;
}

.feature-contact-icon {
    width: 40px;
    height: 40px;
    font-size: 1rem;
}

.feature-contact-label {
    font-size: 0.8rem;
}

.feature-contact-desc {
    font-size: 0.7rem;
}

.section-title-contact {
    font-size: 1.5rem;
}

.form-unique-title {
    font-size: 1.5rem;
}

.form-unique-subtitle {
    font-size: 0.9rem;
}

.faq-contact-question h3 {
    font-size: 0.9rem;
}
}

/* Login Page Responsive Styles */
@media (max-width: 992px) {
    .login-container {
        grid-template-columns: 1fr;
        max-width: 600px;
    }
    
    .login-image {
        display: none;
    }
    
    .login-card {
        padding: 40px 30px;
    }
}

@media (max-width: 768px) {
    .login-body {
        padding: 15px;
    }
    
    .login-card {
        padding: 30px 20px;
    }
    
    .login-header h1 {
        font-size: 1.8rem;
    }
    
    .social-login {
        flex-direction: column;
    }
    
    .form-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .forgot-password {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    .login-card {
        padding: 25px 15px;
    }
    
    .login-header h1 {
        font-size: 1.5rem;
    }
    
    .login-header p {
        font-size: 0.9rem;
    }
    
    .input-with-icon input {
        padding: 12px 40px 12px 40px;
        font-size: 0.9rem;
    }
    
    .input-with-icon i {
        left: 12px;
        font-size: 0.9rem;
    }
    
    .password-toggle {
        right: 12px;
        font-size: 0.9rem;
    }
    
    .login-btn {
        padding: 12px;
        font-size: 1rem;
    }
    
    .social-btn {
        padding: 10px;
        font-size: 0.9rem;
    }
}

/* Signup Page Responsive Styles */
@media (max-width: 768px) {
    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
}