/* ============================================
   SIDDHIGLOBAL — MASTER RESPONSIVE OVERRIDES
   This file must be linked LAST in all HTML pages.
   Breakpoints: 1440px, 1024px, 768px, 480px
   ============================================ */

/* ============================================
   GLOBAL RESETS
   ============================================ */
html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

/* ============================================
   LARGE DESKTOP (≤1440px)
   ============================================ */
@media (max-width: 1440px) {
    .container {
        max-width: 1200px;
    }
}

/* ============================================
   SMALL LAPTOP (≤1024px)
   ============================================ */
@media (max-width: 1024px) {

    /* Top info bar — reduce font size */
    .py-1.bg-primary .topper .text {
        font-size: 12px;
    }

    /* Navbar container */
    .ftco-navbar-light .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Reduce section padding */
    .ftco-section {
        padding: 4em 0;
    }

    /* Category section */
    .category-section {
        padding: 40px 5%;
    }

    .category-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }

    /* ---- PRODUCTS SECTION (≤1024px) ---- */
    #categories .row {
        gap: 0;
    }

    .product .img-prod img {
        height: 220px;
        width: 100%;
        object-fit: cover;
    }

    /* Countdown offer section */
    .sgn-title {
        font-size: 38px;
    }

    /* Footer widget spacing */
    .ftco-footer-widget {
        margin-bottom: 1.5em !important;
    }

    /* Product detail features grid */
    .sgn-pd-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Product detail why-choose grid */
    .sgn-pd-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ============================================
   TABLET (≤768px)
   ============================================ */
@media (max-width: 768px) {

    /* ---- TOP INFO BAR: hide on tablet/mobile ---- */
    .py-1.bg-primary {
        display: none !important;
    }

    /* ---- GLOBAL SPACING ---- */
    .ftco-section {
        padding: 3em 0;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* ---- HERO CAROUSEL ---- */
    /* Fix title overflow: remove nowrap */
    .sgn-hero-carousel-title {
        white-space: normal !important;
        font-size: clamp(20px, 5vw, 36px);
        letter-spacing: 1px;
        line-height: 1.2;
    }

    .sgn-hero-carousel-content {
        padding: 0 20px;
        max-width: 100%;
    }

    .sgn-hero-carousel-subtitle {
        font-size: clamp(13px, 2.5vw, 17px);
        max-width: 100%;
    }

    .sgn-hero-carousel-cta {
        padding: 12px 28px;
        font-size: 12px;
    }

    /* ---- SERVICES ROW ---- */
    .ftco-services .col-md-4 {
        margin-bottom: 15px;
    }

    .ftco-services .media.block-6.services {
        padding: 15px;
    }

    /* ---- CATEGORY SECTION ---- */
    .category-section {
        padding: 30px 4%;
    }

    .category-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .category-card {
        height: 240px;
    }

    .category-overlay {
        padding: 25px;
    }

    .category-overlay h2 {
        font-size: 22px;
    }

    .category-overlay p {
        font-size: 13px;
        max-width: 100%;
    }

    .category-btn {
        width: 100%;
        max-width: 250px;
        text-align: center;
        padding: 10px 20px;
        font-size: 13px;
    }

    /* ---- PRODUCTS GRID ---- */
    #categories .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .product {
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
    }

    .product .img-prod {
        display: block;
        overflow: hidden;
    }

    .product .img-prod img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        display: block;
    }

    .product .text h3 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    #categories .heading-section h2 {
        font-size: 26px;
    }

    #categories .heading-section p {
        font-size: 14px;
        padding: 0 10px;
    }

    /* ---- COUNTDOWN OFFER ---- */
    .sgn-offer-section,
    .sgn-overlay {
        min-height: auto;
    }

    .sgn-content {
        padding: 30px 5%;
        max-width: 100%;
    }

    .sgn-title {
        font-size: clamp(22px, 5vw, 32px);
        margin-bottom: 16px;
    }

    .sgn-subtitle {
        font-size: clamp(14px, 3vw, 18px);
    }

    .sgn-countdown {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sgn-box {
        width: 65px;
        height: 70px;
        border-radius: 10px;
    }

    .sgn-box span {
        font-size: 22px;
    }

    .sgn-box small {
        font-size: 8px;
        letter-spacing: 1px;
    }

    .sgn-valid {
        font-size: 12px;
        margin-top: 16px;
    }

    /* ---- EXPORT COUNTRIES ---- */
    .sgn-export-countries-inner {
        flex-direction: column;
        text-align: center;
        gap: 30px;
        padding: 0 15px;
    }

    .sgn-export-countries-text {
        flex: none;
        max-width: 100%;
    }

    .sgn-export-countries-heading {
        font-size: clamp(20px, 4vw, 28px);
    }

    .sgn-export-countries-flags {
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
    }

    .sgn-export-countries-flag-img {
        width: 52px;
        height: 36px;
    }

    .sgn-export-countries-flag-name {
        font-size: 10px;
    }

    /* ---- TESTIMONIAL MARQUEE ---- */
    .sgn-testimonial-marquee-section {
        padding: 60px 0;
    }

    .sgn-testimonial-marquee-title {
        font-size: clamp(24px, 5vw, 32px);
    }

    .sgn-testimonial-marquee-subtitle {
        font-size: 14px;
        padding: 0 15px;
    }

    .sgn-testimonial-card-item {
        width: 300px;
        padding: 28px 20px;
        margin: 0 10px;
    }

    .sgn-testimonial-card-text {
        font-size: 14px;
    }

    .sgn-testimonial-card-name {
        font-size: 16px;
    }

    .sgn-testimonial-marquee::before,
    .sgn-testimonial-marquee::after {
        width: 4rem;
    }

    /* ---- CERTIFICATIONS ---- */
    .sgn-cert-section {
        padding: 30px 0 25px;
    }

    .sgn-cert-heading {
        font-size: clamp(18px, 4vw, 24px);
    }

    .sgn-cert-logo-img {
        height: 60px;
        max-width: 150px;
    }

    /* ---- NEWSLETTER / SUBSCRIBE SECTION ---- */
    .ftco-section.ftco-no-pt.ftco-no-pb .row.d-flex {
        flex-direction: column;
        text-align: center;
    }

    .ftco-section.ftco-no-pt.ftco-no-pb .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .subscribe-form .form-group.d-flex {
        flex-direction: column;
        gap: 10px;
    }

    .subscribe-form .form-control {
        width: 100% !important;
        border-radius: 5px !important;
    }

    .subscribe-form .submit {
        width: 100%;
        border-radius: 5px !important;
        padding: 10px 20px;
    }

    /* ---- FOOTER ---- */
    footer.ftco-footer .row.mb-5 {
        flex-direction: column;
    }

    footer.ftco-footer .row.mb-5>.col-md,
    footer.ftco-footer .row.mb-5>.col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 25px;
    }

    footer.ftco-footer .row.mb-5 {
        padding-top: 50px !important;
    }

    .ftco-footer-widget .d-flex {
        flex-direction: column;
    }

    .ftco-footer-widget .d-flex .mr-4,
    .ftco-footer-widget .d-flex .mr-l-5 {
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    .ftco-footer .ftco-heading-2 {
        font-size: 18px !important;
    }

    /* Payment icons in footer */
    .sgn-payment-icons {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .sgn-payment-icons img {
        height: 28px;
    }

    /* ---- HERO REDESIGN (about, fruits, etc. pages) ---- */
    .sgn-hero-section {
        min-height: auto;
        padding: 40px 0;
    }

    .sgn-hero-title {
        font-size: 1.8rem;
    }

    .sgn-hero-desc {
        max-width: 100%;
        font-size: 0.9rem;
    }

    .sgn-hero-btns {
        flex-wrap: wrap;
        gap: 10px;
    }

    .sgn-btn {
        padding: 10px 24px;
        font-size: 13px;
    }

    .sgn-hero-main-img {
        width: 70%;
        max-width: 300px;
    }

    /* ---- PRODUCT DETAIL PAGES ---- */
    .sgn-pd-hero-content h1 {
        font-size: clamp(22px, 5vw, 32px);
    }

    .sgn-pd-main {
        padding: 3em 0;
    }

    .sgn-pd-main-grid {
        flex-direction: column;
        gap: 30px;
    }

    .sgn-pd-gallery {
        max-width: 100%;
    }

    .sgn-pd-main-image img {
        height: auto;
        max-height: 300px;
    }

    .sgn-pd-details h2 {
        font-size: clamp(22px, 4vw, 28px);
    }

    .sgn-pd-features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sgn-pd-why-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sgn-pd-inquiry-wrapper {
        padding: 30px 20px;
    }

    .sgn-pd-form-row {
        flex-direction: column;
        gap: 0;
    }

    .sgn-pd-specs-table thead th,
    .sgn-pd-specs-table tbody td {
        padding: 12px 16px;
        font-size: 13px;
    }

    .sgn-pd-quote-btn,
    .sgn-pd-submit-btn {
        padding: 14px 30px;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

    /* ---- CONTACT PAGE ---- */
    .sgn-contact-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .sgn-contact-row {
        flex-direction: column;
    }

    .contact-form.bg-white {
        padding: 25px !important;
    }

    .sgn-map-wrap iframe {
        min-height: 300px;
    }

    /* ---- EXPORT PAGE ---- */
    .ftco-section.sgn-export-overview-section,
    .ftco-section.sgn-export-countries-section,
    .ftco-section.sgn-export-process-section,
    .ftco-section.sgn-export-certification-section {
        padding: 3em 0;
    }

    .sgn-export-stats-section {
        padding: 4em 0;
    }

    .sgn-export-stats-section .block-18 .text strong.number {
        font-size: 30px;
    }

    .sgn-export-info-card {
        padding: 20px;
    }

    /* Export about/why sections */
    .export-section .col-lg-6:last-child>h2 {
        font-size: 18px;
    }

    .stat-box h3 {
        font-size: 20px;
    }

    /* ---- GALLERY PAGE ---- */
    .gallery .gallery-item {
        width: 50%;
    }

    /* ---- ABOUT PAGE — founder section ---- */
    .founder-section .row {
        flex-direction: column;
    }
}


/* ============================================
   MOBILE (≤480px)
   ============================================ */
@media (max-width: 480px) {

    /* ---- GLOBAL ---- */
    body {
        font-size: 14px;
    }

    .ftco-section {
        padding: 2.5em 0;
    }

    .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* ---- NAVBAR ---- */
    .sgn-navbar-logo {
        height: 50px !important;
        width: 65px !important;
    }

    .ftco-navbar-light,
    .ftco-navbar-light.scrolled,
    .ftco-navbar-light.awake {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .sgn-nav-quote-btn {
        width: 100% !important;
        text-align: center;
        display: block;
        margin-top: 10px;
    }

    /* ---- HERO CAROUSEL ---- */
    .sgn-hero-carousel {
        height: 55vh;
        min-height: 300px;
    }

    .sgn-hero-carousel-title {
        font-size: clamp(16px, 5vw, 24px);
        letter-spacing: 0.5px;
        margin-bottom: 10px;
    }

    .sgn-hero-carousel-subtitle {
        font-size: clamp(11px, 3vw, 14px);
        line-height: 1.5;
    }

    .sgn-hero-carousel-cta {
        padding: 10px 22px;
        font-size: 11px;
        margin-top: 16px;
    }

    .sgn-hero-carousel-divider {
        width: 30px;
        height: 2px;
        margin-bottom: 12px;
    }

    .sgn-hero-carousel-arrow {
        width: 36px;
        height: 36px;
    }

    .sgn-hero-carousel-arrow-left {
        left: 8px;
    }

    .sgn-hero-carousel-arrow-right {
        right: 8px;
    }

    .sgn-hero-carousel-arrow svg {
        width: 14px;
        height: 14px;
    }

    .sgn-hero-carousel-dots {
        bottom: 16px;
        gap: 8px;
    }

    .sgn-hero-carousel-dot {
        width: 8px;
        height: 8px;
    }

    /* ---- SERVICES ---- */
    .ftco-services .media.block-6.services .icon {
        width: 50px;
        height: 50px;
    }

    .ftco-services .media.block-6.services .icon span {
        font-size: 22px;
    }

    .ftco-services .media.block-6.services .heading {
        font-size: 14px;
    }

    /* ---- CATEGORY SECTION ---- */
    .category-section {
        padding: 20px 3%;
    }

    .category-card {
        height: 200px;
    }

    .category-overlay {
        padding: 20px;
    }

    .category-overlay h2 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .category-overlay p {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .category-btn {
        padding: 8px 16px;
        font-size: 12px;
    }

    .badge {
        top: 12px;
        left: 12px;
        padding: 5px 12px;
        font-size: 10px;
    }

    /* ---- PRODUCTS ---- */
    #categories .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product {
        margin-bottom: 16px;
    }

    .product .img-prod img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        display: block;
    }

    .product .text h3 a {
        font-size: 15px;
    }

    #categories .heading-section h2 {
        font-size: 22px;
    }

    #categories .heading-section p {
        font-size: 13px;
        padding: 0 5px;
    }

    /* ---- COUNTDOWN ---- */
    .sgn-content {
        padding: 25px 4%;
    }

    .sgn-title {
        font-size: clamp(18px, 5vw, 26px);
        margin-bottom: 12px;
    }

    .sgn-subtitle {
        font-size: clamp(12px, 3vw, 16px);
    }

    .sgn-countdown {
        gap: 8px;
    }

    .sgn-box {
        width: 58px;
        height: 62px;
        border-radius: 8px;
    }

    .sgn-box span {
        font-size: 18px;
    }

    .sgn-box small {
        font-size: 7px;
        letter-spacing: 0.5px;
        margin-top: 3px;
    }

    .sgn-valid {
        font-size: 11px;
        margin-top: 12px;
    }

    .sgn-expired-msg {
        font-size: 16px;
    }

    /* ---- EXPORT COUNTRIES ---- */
    .sgn-export-countries {
        padding: 30px 0 25px;
    }

    .sgn-export-countries-heading {
        font-size: clamp(18px, 4vw, 22px);
    }

    .sgn-export-countries-subtext {
        font-size: 12px;
    }

    .sgn-export-countries-flags {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .sgn-export-countries-flag-img {
        width: 46px;
        height: 32px;
    }

    .sgn-export-countries-flag-name {
        font-size: 9px;
    }

    .sgn-export-countries-btn {
        font-size: 12px;
        padding: 10px 24px;
    }

    /* ---- TESTIMONIALS ---- */
    .sgn-testimonial-marquee-section {
        padding: 40px 0;
    }

    .sgn-testimonial-marquee-header {
        margin-bottom: 30px;
    }

    .sgn-testimonial-marquee-title {
        font-size: clamp(20px, 5vw, 28px);
    }

    .sgn-testimonial-marquee-subtitle {
        font-size: 13px;
    }

    .sgn-testimonial-card-item {
        width: 260px;
        padding: 24px 16px;
        margin: 0 8px;
    }

    .sgn-testimonial-card-quote {
        font-size: 30px;
    }

    .sgn-testimonial-card-text {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .sgn-testimonial-card-avatar {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .sgn-testimonial-card-name {
        font-size: 14px;
    }

    .sgn-testimonial-card-role {
        font-size: 11px;
    }

    .sgn-testimonial-marquee::before,
    .sgn-testimonial-marquee::after {
        width: 2rem;
    }

    /* ---- CERTIFICATIONS ---- */
    .sgn-cert-heading {
        font-size: clamp(16px, 4vw, 20px);
    }

    .sgn-cert-subheading {
        font-size: 10px;
    }

    .sgn-cert-logo-img {
        height: 45px;
        max-width: 120px;
    }

    .sgn-cert-marquee-track {
        gap: 25px;
    }

    .sgn-cert-logo-item {
        padding: 6px 10px;
        border-radius: 6px;
    }

    /* ---- NEWSLETTER ---- */
    .ftco-section.ftco-no-pt.ftco-no-pb .container {
        padding: 20px 15px;
    }

    .ftco-section.ftco-no-pt.ftco-no-pb h2 {
        font-size: 18px !important;
    }

    /* ---- FOOTER ---- */
    footer.ftco-footer {
        padding: 3em 0 1.5em 0 !important;
    }

    footer.ftco-footer .row.mb-5 {
        padding-top: 30px !important;
    }

    .ftco-footer .ftco-heading-2 {
        font-size: 16px !important;
        margin-bottom: 0.7em !important;
    }

    .ftco-footer ul li a {
        font-size: 13px;
    }

    .block-23 ul li .text {
        font-size: 13px;
    }

    .ftco-footer-social li a {
        width: 36px;
        height: 36px;
    }

    .sgn-payment-icons img {
        height: 22px;
    }

    .sgn-payment-title {
        font-size: 11px;
    }

    /* ---- HERO REDESIGN (sub-pages) ---- */
    .sgn-hero-section {
        padding: 30px 0;
    }

    .sgn-hero-content {
        padding: 20px 15px;
    }

    .sgn-hero-title {
        font-size: 1.4rem;
    }

    .sgn-hero-desc {
        font-size: 0.85rem;
        margin-bottom: 20px;
    }

    .sgn-btn {
        padding: 10px 20px;
        font-size: 12px;
        width: 100%;
        text-align: center;
    }

    .sgn-hero-btns {
        flex-direction: column;
        width: 100%;
    }

    .sgn-hero-main-img {
        width: 60%;
        max-width: 220px;
    }

    .sgn-hero-blob-red {
        width: 60vw;
        height: 60vw;
    }

    .sgn-hero-blob-yellow {
        width: 50vw;
        height: 50vw;
    }

    /* ---- PRODUCT DETAIL PAGES ---- */
    .sgn-pd-hero {
        min-height: 220px;
    }

    .sgn-pd-hero-content {
        padding: 35px 0;
    }

    .sgn-pd-hero-content h1 {
        font-size: clamp(18px, 5vw, 26px);
    }

    .sgn-pd-hero-tagline {
        font-size: 13px;
    }

    .sgn-pd-breadcrumb {
        font-size: 12px;
    }

    .sgn-pd-main,
    .sgn-pd-features,
    .sgn-pd-specs,
    .sgn-pd-why,
    .sgn-pd-inquiry,
    .sgn-pd-related {
        padding: 2.5em 0;
    }

    .sgn-pd-details h2 {
        font-size: clamp(20px, 4vw, 24px);
    }

    .sgn-pd-scientific {
        font-size: 14px;
    }

    .sgn-pd-description {
        font-size: 14px;
    }

    .sgn-pd-section-header h2 {
        font-size: clamp(20px, 4vw, 24px);
    }

    .sgn-pd-section-label {
        font-size: 12px;
    }

    .sgn-pd-feature-card {
        padding: 25px 18px;
    }

    .sgn-pd-feature-icon {
        width: 55px;
        height: 55px;
    }

    .sgn-pd-feature-icon i {
        font-size: 22px;
    }

    .sgn-pd-feature-card h4 {
        font-size: 15px;
    }

    .sgn-pd-feature-card p {
        font-size: 13px;
    }

    .sgn-pd-why-card {
        padding: 25px 15px;
    }

    .sgn-pd-why-icon {
        width: 50px;
        height: 50px;
    }

    .sgn-pd-why-icon i {
        font-size: 22px;
    }

    .sgn-pd-why-card h4 {
        font-size: 14px;
    }

    .sgn-pd-why-card p {
        font-size: 13px;
    }

    .sgn-pd-thumb {
        width: 50px;
        height: 50px;
    }

    .sgn-pd-main-image img {
        height: auto;
        max-height: 250px;
    }

    .sgn-pd-info-list li {
        font-size: 13px;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }

    .sgn-pd-info-list li strong {
        min-width: auto;
        font-size: 13px;
    }

    .sgn-pd-inquiry-wrapper {
        padding: 25px 15px;
    }

    .sgn-pd-form-group input,
    .sgn-pd-form-group textarea,
    .sgn-pd-form-group select {
        padding: 10px 14px;
        font-size: 14px;
    }

    .sgn-pd-quote-btn,
    .sgn-pd-submit-btn {
        padding: 12px 24px;
        font-size: 13px;
        letter-spacing: 1px;
    }

    /* ---- CONTACT PAGE ---- */
    .sgn-contact-cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sgn-contact-card {
        padding: 20px 18px;
    }

    .sgn-contact-card .sgn-card-icon {
        width: 50px;
        height: 50px;
    }

    .sgn-contact-card .sgn-card-icon span {
        font-size: 22px;
    }

    .sgn-contact-card h4 {
        font-size: 12px;
    }

    .sgn-contact-card p {
        font-size: 13px;
    }

    .contact-form.bg-white {
        padding: 20px !important;
    }

    .contact-form h2 {
        font-size: 18px;
    }

    .contact-form .form-control {
        height: 45px !important;
        font-size: 14px;
    }

    .contact-form .btn-primary {
        padding: 12px 30px !important;
        font-size: 13px;
        width: 100%;
    }

    .sgn-map-wrap iframe {
        min-height: 250px;
    }

    /* ---- EXPORT PAGE ---- */
    .sgn-export-flag-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .sgn-export-country-card {
        padding: 14px 8px;
    }

    .sgn-export-country-card img {
        width: 48px;
        height: 32px;
    }

    .sgn-export-country-card span {
        font-size: 11px;
    }

    .sgn-export-info-card {
        padding: 18px;
    }

    .sgn-export-info-card h3 {
        font-size: 16px;
    }

    .sgn-export-info-card .icon {
        width: 60px;
        height: 60px;
    }

    .sgn-export-info-card .icon span {
        font-size: 30px;
    }

    .sgn-export-step-card {
        padding: 20px;
    }

    .sgn-export-step-card .icon {
        width: 60px;
        height: 60px;
    }

    .sgn-export-step-card .icon span {
        font-size: 30px;
    }

    .sgn-export-stats-section .block-18 .text strong.number {
        font-size: 26px;
    }

    .sgn-export-stats-section .block-18 .text span {
        font-size: 13px;
    }

    .stat-box {
        padding: 10px 8px;
    }

    .stat-box h3 {
        font-size: 18px;
    }

    .stat-box p {
        font-size: 11px;
    }

    /* ---- GALLERY ---- */
    .gallery .gallery-item {
        width: 100%;
    }

    /* ---- SGN PRODUCT OVERLAY CARDS ---- */
    .sgn-product-overlay-card {
        height: 250px;
    }

    /* ---- HEADING SECTIONS ---- */
    .heading-section h2 {
        font-size: clamp(20px, 4vw, 28px);
    }

    .heading-section .subheading {
        font-size: 12px;
    }

    .heading-section p {
        font-size: 14px;
    }
}

/* ============================================
   FRUITS, VEGETABLES & INDEX — PRODUCT CARD GRID
   Scales cards uniformly across all screen sizes.
   No layout change. No stacking. Design preserved.
   ============================================ */

/* ---- Card row: CSS grid auto-fit ---- */
.ftco-section .container .row .container .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

/* ---- Grid column: neutralise Bootstrap flex columns ---- */
.ftco-section .container .row .container .row>[class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
}

/* ---- Card wrapper: uniform height, no overflow ---- */
.ftco-section .container .row .container .row .product {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 6px;
}

/* ---- Image link: fixed aspect container ---- */
.ftco-section .container .row .container .row .product .img-prod {
    display: block;
    width: 100%;
    height: 200px;
    /* fixed image zone — same on every screen */
    overflow: hidden;
    flex-shrink: 0;
}

/* ---- Image: fills container, no distortion ---- */
.ftco-section .container .row .container .row .product .img-prod img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* ---- Text area: consistent padding ---- */
.ftco-section .container .row .container .row .product .text {
    padding: 14px 16px 18px;
    flex: 1;
    box-sizing: border-box;
}

/* ---- ≤1200px: 4-col → auto-fit still handles it ---- */
@media (max-width: 1200px) {
    .ftco-section .container .row .container .row {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }
}

/* ---- ≤992px: slightly smaller min ---- */
@media (max-width: 992px) {
    .ftco-section .container .row .container .row {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 18px;
    }

    .ftco-section .container .row .container .row .product .img-prod {
        height: 170px;
    }
}

/* ---- ≤768px: same card design, 2-per-row minimum ---- */
@media (max-width: 768px) {
    .ftco-section .container .row .container .row {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 16px;
    }

    .ftco-section .container .row .container .row .product .img-prod {
        height: 150px;
    }

    .ftco-section .container .row .container .row .product .text {
        padding: 12px 12px 14px;
    }
}

/* ---- ≤480px: scaled down but still side-by-side ---- */
@media (max-width: 480px) {
    .ftco-section .container .row .container .row {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 12px;
    }

    .ftco-section .container .row .container .row .product .img-prod {
        height: 130px;
    }

    .ftco-section .container .row .container .row .product .text {
        padding: 10px 10px 12px;
    }

    .ftco-section .container .row .container .row .product .text h3 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

/* ============================================
   EXTRA SMALL MOBILE (≤360px)
   ============================================ */
@media (max-width: 360px) {

    .sgn-hero-carousel {
        height: 50vh;
        min-height: 260px;
    }

    .sgn-hero-carousel-title {
        font-size: clamp(14px, 5vw, 20px);
    }

    .sgn-hero-carousel-subtitle {
        font-size: 11px;
    }

    .sgn-countdown {
        gap: 6px;
    }

    .sgn-box {
        width: 50px;
        height: 55px;
    }

    .sgn-box span {
        font-size: 16px;
    }

    .sgn-box small {
        font-size: 6px;
    }

    .sgn-export-countries-flags {
        grid-template-columns: repeat(2, 1fr);
    }

    .sgn-testimonial-card-item {
        width: 230px;
        padding: 20px 14px;
    }

    .category-card {
        height: 180px;
    }

    .sgn-pd-hero-content h1 {
        font-size: 18px;
    }

    .sgn-pd-details h2 {
        font-size: 20px;
    }
}