/* Tablet Styles (768px - 1023px) */

:root {
    /* Tablet specific variable overrides if needed, otherwise inherits from style.css */
    --section-padding-tablet: 80px;
    --container-padding-tablet: 30px;
}

.container {
    padding-left: var(--container-padding-tablet);
    padding-right: var(--container-padding-tablet);
}

.section {
    padding-top: var(--section-padding-tablet);
    padding-bottom: var(--section-padding-tablet);
}

/* Header adjustments for tablet */
.main-nav .nav-list {
    gap: 20px; /* Slightly reduce gap for tablet */
}
.main-nav .nav-link {
    font-size: 0.9rem; /* Slightly smaller font for tablet nav */
}
.header-actions .btn-small {
    padding: 8px 16px;
    font-size: 0.85rem;
}

/* Hero Section for Tablet */
.hero-title {
    font-size: clamp(2.5rem, 5.5vw, 4.5rem); /* Adjust hero title size */
}
.hero-subtitle {
    font-size: clamp(1rem, 2.8vw, 1.3rem); /* Adjust hero subtitle size */
    max-width: 600px;
}
.hero-buttons {
    gap: 15px;
}
.hero-buttons .btn {
    padding: 12px 28px;
    font-size: 0.95rem;
}


/* About Section for Tablet */
.about-grid {
    grid-template-columns: 1fr; /* Stack on tablet */
    gap: 40px;
    text-align: center;
}
.about-image-wrapper {
    max-width: 400px; /* Control image size */
    margin-bottom: 30px;
}
.about-content-wrapper h3::after {
    margin-left: auto;
    margin-right: auto; /* Center the underline */
}
.qualifications-list li {
    justify-content: center; /* Center list items */
    padding-left: 15px; /* Adjust padding if icons are centered */
    text-align: left; /* Keep text left aligned within centered block */
    max-width: 450px; /* Limit width of list items */
    margin-left: auto;
    margin-right: auto;
}
.qualifications-list li i {
    margin-right: 10px;
}


/* Philosophy Section for Tablet */
.philosophy-grid {
    grid-template-columns: repeat(2, 1fr); /* Two columns on tablet */
    gap: 25px;
}
.philosophy-card {
    padding: 30px 25px;
}
.philosophy-card-title {
    font-size: 1.3rem;
    min-height: 3.8em;
}

/* Services Section for Tablet */
.services-category-title {
    font-size: clamp(1.5rem, 3vw, 2rem);
}
.eye-extensions-grid,
.other-procedures-grid {
    grid-template-columns: repeat(2, 1fr); /* Two columns for services on tablet */
    gap: 25px;
}
.service-card-title {
    font-size: 1.25rem;
    min-height: 3.5em;
}
.service-card-description {
    font-size: 0.9rem;
}

/* Gallery Section for Tablet */
.gallery-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Adjust minmax for tablet */
    gap: 12px;
}

/* Testimonials Section for Tablet */
.testimonial-card {
    padding: 30px;
}
.testimonial-text {
    font-size: 1.05rem;
}

/* Location Section for Tablet */
.location-grid {
    grid-template-columns: 1fr; /* Stack on tablet */
    gap: 30px;
    text-align: center;
}
.location-info {
    margin-bottom: 20px;
}
.location-info p {
    justify-content: center;
}
.location-map iframe {
    height: 400px; /* Adjust map height if needed */
}

/* FAQ Section for Tablet */
.faq-question {
    font-size: 1.05rem;
    padding: 18px 22px;
}
.faq-answer p {
    font-size: 0.95rem;
}

/* Contact Section for Tablet */
.contact-invitation {
    font-size: 1.1rem;
}
.btn-large {
    padding: 16px 35px;
    font-size: 1.05rem;
}

/* Footer for Tablet */
.footer-nav-list {
    gap: 20px;
}
.footer-nav-link {
    font-size: 0.85rem;
}

/* AOS adjustments for tablet if needed */
[data-aos="fade-up"] {
    /* Example: slightly less translation on tablet */
    /* transform: translateY(20px); */
}