/* =============================================
   BHUMRA STEEL INDUSTRIES – Responsive CSS
   ============================================= */

/* ---- Large Desktop (1400px+) ---- */
@media (min-width: 1400px) {
    :root {
        --container: 1340px;
    }
}

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

    /* Header */
    .header-brand__name {
        font-size: 1.15rem;
    }

    .header-brand__tagline {
        font-size: .66rem;
    }

    .header-brand__contact {
        gap: 1.1rem;
    }

    .navbar__associate {
        min-width: 190px;
        padding: 0 1.1rem;
    }

    .navbar__associate-name {
        font-size: .82rem;
    }

    .header-brand__contact {
        display: none;
    }

    /* Stats */
    .stats__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stats__item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .stats__item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, .1);
    }

    .stats__item:nth-child(3),
    .stats__item:nth-child(4) {
        border-bottom: none;
    }

    /* VMQ section */
    .vmq__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Welcome */
    .welcome__inner {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .welcome__img-wrap {
        max-width: 560px;
        margin: 0 auto;
    }

    /* Products home */
    .products-home__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Why us */
    .why-us__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* About */
    .about-page__inner {
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    .about-page__img-wrap {
        max-width: 540px;
        margin: 0 auto;
    }

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

    /* Pillars */
    .pillars__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Leadership */
    .leadership__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Products listing */
    .products-page__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Product sidebar layout */
    .pd-layout__inner {
        grid-template-columns: 240px 1fr;
        gap: 1.5rem;
    }

    .pd-profiles {
        grid-template-columns: repeat(3, 1fr);
    }

    .pd-applications {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Related */
    .related__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Contact */
    .contact-page__inner {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    /* Quality */
    .q-checks {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer */
    .footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
    }
}

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

    /* ---- Header: hide brand bar, show single navbar ---- */


    .navbar{
        background-color: white;
    }
    .header-brand__contact-text {
        display: none;
    }

    .header-brand__contact-icon {
        width: 38px;
        height: 38px;
        font-size: .88rem;
        border-radius: 6px;
    }

    /* ---- Header: hide brand bar, show single navbar ---- */
    .header-brand        { display: none; }
    .navbar__mobile-logo { display: flex; }
    .navbar__inner       { justify-content: space-between; min-height: 56px; }

    /* Hide associate block */
    .navbar__associate { display: none; }

    /* ---- Mobile nav drawer ---- */
    .navbar__menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 290px;
        height: 100vh;
        background: var(--navy);
        flex-direction: column;
        align-items: flex-start;
        padding: 4.5rem 0 2rem;
        gap: 0;
        box-shadow: -6px 0 30px rgba(0, 0, 0, .35);
        overflow-x: hidden;
        overflow-y: auto;
        transition: right .35s ease;
        z-index: 900;
    }

    .navbar__menu.open {
        right: 0;
    }

    .navbar__menu>li {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .nav-link {
        width: 100%;
        padding: .9rem 1.5rem;
        font-size: .9rem;
        border-radius: 0;
        background: transparent !important;
        color: rgba(255, 255, 255, .85) !important;
    }

    .nav-link::after {
        display: none;
    }

    .nav-link.active {
        color: var(--white) !important;
        background: rgba(200, 24, 26, .35) !important;
    }

    .nav-link:hover {
        background: rgba(255, 255, 255, .08) !important;
        color: var(--white) !important;
    }

    /* Mobile dropdown */
    .dropdown__menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-top: none;
        border-left: 3px solid var(--primary);
        border-radius: 0;
        margin-left: 1.2rem;
        display: none;
        background: rgba(255, 255, 255, .05);
        min-width: 0;
        width: calc(100% - 1.2rem);
    }

    .dropdown.open .dropdown__menu {
        display: block;
    }

    .dropdown__menu li a {
        color: rgba(255, 255, 255, .7);
        font-size: .85rem;
        padding: .6rem 1rem;
        border-bottom-color: rgba(255, 255, 255, .05);
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dropdown__menu li a::before {
        display: none;
    }

    .dropdown__menu li a:hover {
        color: var(--white);
        background: rgba(255, 255, 255, .07);
        padding-left: 1.2rem;
    }

    /* Show hamburger */
    .navbar__toggle {
        display: flex;
    }

    /* Body overlay when nav open */
    body.nav-open::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .55);
        z-index: 899;
    }

    /* ---- Hero ---- */
    .hero {
        height: calc(100vh - 56px);
        min-height: 500px;
    }

    .hero__content h1 { font-size: clamp(1.8rem, 5vw, 2.7rem); }
    .hero__content p  { font-size: .95rem; }

    /* ---- VMQ ---- */
    .vmq__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ---- Leadership ---- */
    .leadership__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    /* ---- Products home ---- */
    .products-home__grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* ---- Why us ---- */
    .why-us__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }

    /* ---- Pillars ---- */
    .pillars__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ---- Product sidebar ---- */
    .pd-layout__inner {
        grid-template-columns: 1fr;
    }

    .pd-sidebar {
        position: static;
        order:2;
    }

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

    .pd-profiles {
        grid-template-columns: repeat(3, 1fr);
    }

    /* ---- Spec table ---- */
    .spec-table-wrap {
        overflow-x: auto;
    }

    /* ---- Related ---- */
    .related__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ---- Quality ---- */
    .q-intro-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .q-intro-img img {
        height: 320px;
    }

    .q-check-list--two-col {
        grid-template-columns: 1fr;
    }

    /* ---- Footer ---- */
    .footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .footer__top {
        padding: 48px 0 36px;
    }

    /* ---- About ---- */
    .about-page__features {
        grid-template-columns: 1fr;
    }

    /* ---- Plant gallery ---- */
    .plant-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-page__img-wrap img {
        height: 360px;
    }
}

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

    /* Section spacing */
    .section {
        padding: 48px 0;
    }

    .section-header {
        margin-bottom: 32px;
    }

    .section-title {
        font-size: clamp(1.45rem, 5vw, 1.8rem);
    }

    /* ---- Hero ---- */
    .hero { height: calc(100vh - 56px); min-height: 520px; }
    .hero__content h1  { font-size: clamp(1.55rem, 6.5vw, 2rem); }
    .hero__content p   { font-size: .88rem; max-width: 100%; margin-bottom: 1.5rem; }
    .hero__content     { padding-inline: 20px; }
    .hero__actions     { flex-direction: column; gap: .65rem; }
    .hero__actions .btn { width: 100%; justify-content: center; }
    .hero__badge       { font-size: .68rem; margin-bottom: 1rem; }
    /* Hide arrows on mobile, keep dots */
    .hero-swiper__prev,
    .hero-swiper__next { display: none !important; }

    /* ---- Stats ---- */
    .stats__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stats__item {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    }

    .stats__item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, .1) !important;
    }

    .stats__item:nth-child(3),
    .stats__item:nth-child(4) {
        border-bottom: none !important;
    }

    .stats__number {
        font-size: 1.6rem;
    }

    /* ---- VMQ ---- */
    .vmq__grid {
        grid-template-columns: 1fr;
    }

    .vmq__title {
        font-size: 1.3rem;
    }

    /* ---- Welcome ---- */
    .welcome__img-wrap img {
        height: 240px;
    }

    .welcome__img-badge {
        width: 56px;
        height: 56px;
        bottom: -.6rem;
        right: -.4rem;
    }

    .welcome__img-badge i {
        font-size: 1.4rem;
    }

    /* ---- Products home ---- */
    .products-home__grid {
        grid-template-columns: 1fr;
    }

    /* ---- Why us ---- */
    .why-us__grid {
        grid-template-columns: 1fr;
    }

    /* ---- CTA strip ---- */
    .cta-strip__inner {
        flex-direction: column;
        text-align: center;
        gap: 1.1rem;
    }

    .cta-strip__text h3 {
        font-size: 1.2rem;
    }

    /* ---- Page banner ---- */
    .page-banner {
        padding: 52px 0 38px;
    }

    .page-banner__content h1 {
        font-size: 1.6rem;
    }

    .breadcrumb {
        font-size: .78rem;
    }

    /* ---- About page ---- */
    .about-page__inner {
        gap: 2rem;
    }

    /* ---- Plant gallery ---- */
    .plant-gallery {
        grid-template-columns: 1fr;
    }

    .about-page__img-wrap img {
        height: 240px;
    }

    .about-page__exp-badge {
        right: -.3rem;
        bottom: -.8rem;
        padding: .9rem 1.1rem;
    }

    .exp-num {
        font-size: 1.7rem;
    }

    .about-page__features {
        grid-template-columns: 1fr;
    }

    /* ---- Pillars ---- */
    .pillars__grid {
        grid-template-columns: 1fr;
    }

    /* ---- Leadership ---- */
    .leadership__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    /* ---- Products listing ---- */
    .products-page__grid {
        grid-template-columns: 1fr;
    }

    .ppage-card__img {
        height: 200px;
    }

    /* ---- Product sidebar layout ---- */
    .pd-layout__inner {
        grid-template-columns: 1fr;
    }

    .pd-sidebar {
        position: static;
    }


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

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

    .pd-grades {
        gap: .45rem;
    }

    .pd-grade-tag {
        font-size: .7rem;
    }

    /* ---- Spec table ---- */
    .spec-table-wrap {
        overflow-x: auto;
    }

    .spec-table tbody td:first-child {
        width: 42%;
        font-size: .82rem;
    }

    .spec-table tbody td {
        font-size: .82rem;
    }

    /* ---- Related ---- */
    .related__grid {
        grid-template-columns: 1fr;
    }

    /* ---- Contact ---- */
    .contact-page__form-wrap {
        padding: 1.5rem 1rem;
    }

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

    .contact-info-card {
        flex-direction: column;
        gap: .6rem;
    }

    /* ---- Quality ---- */
    .q-intro-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .q-intro-img img {
        height: 240px;
    }

    .q-checks {
        grid-template-columns: 1fr;
    }

    .q-check-list--two-col {
        grid-template-columns: 1fr;
    }

    .q-blockquote {
        padding: .85rem 1.1rem;
        font-size: .9rem;
    }

    /* ---- Plant lightbox ---- */
    .plant-lightbox {
        padding: 1rem;
    }

    .plant-lightbox__nav {
        width: 40px;
        height: 40px;
    }

    .plant-lightbox__nav--prev {
        left: .75rem;
    }

    .plant-lightbox__nav--next {
        right: .75rem;
    }

    /* ---- Footer ---- */
    .footer__grid {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }

    .footer__top {
        padding: 40px 0 28px;
    }

    .footer__bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: .3rem;
    }

    /* ---- Floats ---- */
    .float-group {
        bottom: 1.25rem;
        right: 1.25rem;
        gap: .6rem;
    }

    .float-btn {
        width: 52px;
        height: 52px;
        font-size: 1.45rem;
    }

    .float-btn--whatsapp {
        font-size: 1.7rem;
    }
}

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

    .section-title {
        font-size: 1.35rem;
    }

    .hero__content h1 {
        font-size: 1.45rem;
    }

    /* Leadership: single col on tiny screens */
    .leadership__grid {
        grid-template-columns: 1fr;
        max-width: 300px;
        margin: 0 auto;
    }

    /* Products */
    .pd-profiles {
        grid-template-columns: repeat(2, 1fr);
    }

    .pd-applications {
        grid-template-columns: 1fr;
    }

    /* Stats - single col */
    .stats__grid {
        grid-template-columns: 1fr;
    }

    .stats__item:nth-child(odd) {
        border-right: none !important;
    }

    .stats__item {
        border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    }

    .stats__item:last-child {
        border-bottom: none !important;
    }

    /* VMQ */
    .vmq-card__img {
        height: 160px;
    }

    /* Page banner */
    .page-banner__content h1 {
        font-size: 1.35rem;
    }

    /* CTA */
    .cta-strip__text h3 {
        font-size: 1.1rem;
    }

    /* Spec table */
    .spec-table tbody td:first-child {
        width: 38%;
    }
}