/* =========================================================
   BAWYERA BIOTECH — FULL RESPONSIVE CSS
   Bu faylı mövcud responsive.css ilə tam əvəz et.
   Desktop stilləri əsas style.css faylında qalır.
========================================================= */

/* =========================================================
   GLOBAL SAFETY
========================================================= */

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

img,
svg,
video,
iframe {
    max-width: 100%;
}

.container {
    width: 100%;
}

/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   1200px və aşağı
========================================================= */

@media (max-width: 1199px) {

    /* Global headings */
    .hero-content h1,
    .contact-hero-content h1,
    .products-hero-content h1,
    .production-hero-content h1,
    .quality-hero-content h1,
    .career-hero-content h1 {
        font-size: 48px;
    }

    .hero-content h2,
    .section-title,
    .section-title-small,
    .career-apply-content h2 {
        font-size: 36px;
    }

    /* Header */
    .navbar-nav {
        gap: 20px;
    }

    .header-logo {
        width: 180px;
    }

    /* Home */
    .features-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-card:nth-child(2) {
        border-right: none;
    }

    .feature-card:nth-child(-n+2) {
        border-bottom: 1px solid #edf1f7;
    }

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

    .stat-item:nth-child(2) {
        border-right: none;
    }

    .stat-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

    /* Product categories */
    .product-category-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .product-category-btn {
        min-height: 250px;
        padding: 30px 15px;
        border-bottom: 1px solid #edf1f7;
    }

    .product-category-btn:nth-child(4n) {
        border-right: none;
    }

    .category-icon-box {
        width: 86px;
        height: 86px;
        margin-bottom: 18px;
    }

    .category-icon-box img {
        width: 60px;
        height: 60px;
    }

    .category-icon-box i {
        font-size: 36px;
    }

    .product-category-btn span {
        min-height: 52px;
        font-size: 14px;
    }

    .product-category-btn small {
        min-height: 38px;
        font-size: 12px;
    }

    /* Production */
    .production-process-wrapper,
    .quality-process-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .gmp-banner-box {
        grid-template-columns: 130px 1fr;
    }

    .gmp-list {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 25px;
    }

    /* Quality */
    .quality-stats-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 20px;
    }

    /* Career */
    .career-job-card {
        grid-template-columns: 2fr 1fr 1fr auto;
    }

    .career-job-card > *:nth-child(4) {
        display: none;
    }
}


/* =========================================================
   TABLET
   992px və aşağı
========================================================= */

@media (max-width: 991px) {

    /* Header */
    .main-header .navbar {
        height: auto;
        min-height: 82px;
        padding: 14px 0;
    }

    .header-logo {
        width: 145px;
    }

    .navbar-collapse {
        background: #ffffff;
        margin-top: 18px;
        padding: 20px;
        border-radius: 18px;
        box-shadow: 0 15px 40px rgba(0,0,0,.10);
    }

    .navbar-nav {
        gap: 0;
    }

    .navbar-nav .nav-link {
        padding: 12px 0;
        font-size: 15px;
    }

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

    .language-dropdown {
        margin-top: 15px;
    }

    /* Shared hero */
    .hero-section,
    .about-hero-section,
    .contact-hero-section,
    .products-hero-section,
    .quality-hero-section {
        min-height: 500px;
        background-position: 68% center;
    }

    .production-hero-section,
    .career-hero-section {
        min-height: 520px;
        background-position: center;
    }

    .hero-content,
    .about-hero-content,
    .contact-hero-content,
    .products-hero-content,
    .production-hero-content,
    .quality-hero-content,
    .career-hero-content {
        max-width: 560px;
    }

    /* Shared section spacing */
    .about-section,
    .products-section,
    .company-section,
    .timeline-section,
    .values-section,
    .technology-section,
    .certificates-section,
    .contact-main-section,
    .production-process-section,
    .production-power-section,
    .production-lines-section,
    .lab-control-section,
    .gmp-banner-section,
    .quality-principles-section,
    .quality-process-section,
    .quality-laboratory-section,
    .quality-certificates-section,
    .quality-policy-section,
    .career-values-section,
    .career-benefits-section,
    .career-vacancy-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /* Home */
    .features-section {
        margin-top: -40px;
    }

    .about-image img,
    .company-image img,
    .technology-image img,
    .production-power-image img,
    .lab-control-image img,
    .quality-lab-image img,
    .quality-policy-image img,
    .career-apply-image img {
        height: 360px;
    }

    .products-section .col-lg-5 {
        margin-bottom: 35px;
    }

    .quality-image {
        height: 300px;
    }

    .quality-content {
        padding: 35px;
    }

    /* Product filter */
    .product-filter-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .product-search-box {
        grid-column: 1 / -1;
    }

    .product-sort-box,
    .product-search-box,
    .product-filter-btn {
        width: 100%;
    }

    /* Product detail */
    .product-detail-section {
        padding-top: 70px;
    }

    .product-detail-info {
        margin-top: 30px;
    }

    .product-main-image {
        min-height: 360px;
    }

    .product-main-image img {
        height: 320px;
    }

    /* CTA blocks */
    .contact-cta-box,
    .product-cta-box,
    .production-cta-box,
    .quality-cta-box {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    /* Production */
    .production-process-wrapper,
    .quality-process-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .gmp-banner-box {
        padding: 45px;
        grid-template-columns: 110px 1fr;
        gap: 30px;
    }

    .gmp-badge img {
        width: 105px;
    }

    .gmp-content h2 {
        font-size: 32px;
    }

    /* Career */
    .career-job-card {
        grid-template-columns: 1fr 1fr;
    }

    .career-job-card > * {
        min-width: 0;
    }

    .career-job-card a {
        justify-self: start;
    }

    .career-apply-box {
        padding: 40px;
    }

    /* Footer */
    .main-footer {
        padding-top: 65px;
    }
}


/* =========================================================
   MOBILE LANDSCAPE / SMALL TABLET
   768px və aşağı
========================================================= */

@media (max-width: 767px) {

    /* Global */
    .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .hero-content h1,
    .contact-hero-content h1,
    .products-hero-content h1,
    .production-hero-content h1,
    .quality-hero-content h1,
    .career-hero-content h1 {
        font-size: 38px;
        line-height: 1.18;
    }

    .hero-content h2,
    .section-title,
    .section-title-small,
    .career-apply-content h2 {
        font-size: 30px;
    }

    .hero-content p,
    .about-hero-content p,
    .contact-hero-content p,
    .products-hero-content p,
    .production-hero-content p,
    .quality-hero-content p,
    .career-hero-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .btn-primary-custom,
    .btn-outline-custom {
        padding: 13px 22px;
        font-size: 14px;
    }

    /* Hero backgrounds */
    .hero-section,
    .about-hero-section,
    .contact-hero-section,
    .products-hero-section,
    .quality-hero-section {
        min-height: 450px;
        background:
            linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 60%, rgba(255,255,255,.55) 100%),
            var(--mobile-hero-image, none);
    }

    .hero-section {
        background:
            linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 62%, rgba(255,255,255,.48) 100%),
            url("../images/hero/hero-bg.jpg");
        background-size: cover;
        background-position: 68% center;
    }

    .about-hero-section {
        background:
            linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 62%, rgba(255,255,255,.48) 100%),
            url("../images/about/about-hero.jpg");
        background-size: cover;
        background-position: 68% center;
    }

    .contact-hero-section {
        background:
            linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 62%, rgba(255,255,255,.48) 100%),
            url("../images/contact/contact-hero.jpg");
        background-size: cover;
        background-position: 68% center;
    }

    .products-hero-section {
        background:
            linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 62%, rgba(255,255,255,.48) 100%),
            url("../images/products/products-hero.jpg");
        background-size: cover;
        background-position: 68% center;
    }

    .quality-hero-section {
        background:
            linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 62%, rgba(255,255,255,.48) 100%),
            url("../images/quality/quality-hero.jpg");
        background-size: cover;
        background-position: 68% center;
    }

    .production-hero-section,
    .career-hero-section {
        min-height: 470px;
    }

    /* Home */
    .features-wrapper {
        grid-template-columns: 1fr;
    }

    .feature-card {
        border-right: none;
        border-bottom: 1px solid #edf1f7;
        padding: 30px 24px;
    }

    .feature-card:last-child {
        border-bottom: none;
    }

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

    .stat-item {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 8px;
        padding: 22px 12px;
    }

    .stat-item i {
        font-size: 32px;
    }

    .stat-item h3 {
        font-size: 21px;
    }

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

    .product-card {
        padding: 22px;
    }

    .quality-section .container {
        border-radius: 16px;
    }

    .quality-image {
        height: 260px;
    }

    .quality-content {
        padding: 28px 22px;
    }

    .certificate-list {
        gap: 18px;
        flex-wrap: wrap;
    }

    .certificate-list img {
        width: 68px;
        height: 68px;
    }

    /* About */
    .company-image img,
    .technology-image img {
        height: 300px;
    }

    .timeline-card,
    .value-card,
    .certificate-card {
        padding: 30px 24px;
    }

    /* Contact */
    .contact-main-section {
        padding-top: 65px;
    }

    .contact-info-box,
    .contact-form-box {
        padding: 35px 25px;
    }

    .contact-info-box h2,
    .contact-form-box h2 {
        font-size: 28px;
    }

    .contact-map-box iframe {
        height: 330px;
    }

    .contact-cta-box {
        padding: 30px 25px;
    }

    /* Product categories */
    .product-categories-section {
        margin-top: -35px;
    }

    .product-category-wrapper {
        grid-template-columns: repeat(2, 1fr);
        border-radius: 18px;
    }

    .product-category-btn {
        min-height: 220px;
        padding: 25px 12px;
    }

    .product-category-btn:nth-child(2n) {
        border-right: none;
    }

    .category-icon-box {
        width: 78px;
        height: 78px;
        margin-bottom: 16px;
    }

    .category-icon-box img {
        width: 54px;
        height: 54px;
    }

    .category-icon-box i {
        font-size: 32px;
    }

    .product-category-btn span {
        min-height: 48px;
        font-size: 14px;
        line-height: 1.3;
    }

    .product-category-btn small {
        min-height: 36px;
        font-size: 11px;
        line-height: 1.4;
    }

    /* Product filter */
    .product-filter-section {
        padding: 30px 0 25px;
    }

    .product-filter-wrapper {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .product-search-box {
        grid-column: auto;
    }

    .product-sort-box,
    .product-search-box,
    .product-filter-btn {
        width: 100%;
        height: 54px;
    }

    .product-search-box input {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .product-search-box i {
        flex-shrink: 0;
    }

    /* Product detail */
    .product-detail-image-box {
        flex-direction: column-reverse;
        padding: 20px;
    }

    .product-thumbs {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .product-thumbs button {
        width: 76px;
        height: 76px;
        flex: 0 0 76px;
    }

    .product-main-image {
        min-height: 300px;
    }

    .product-main-image img {
        width: 90%;
        height: 270px;
    }

    .product-detail-info {
        padding: 28px 22px;
    }

    .product-detail-info h1 {
        font-size: 32px;
    }

    .product-detail-specs {
        grid-template-columns: 1fr;
    }

    .product-tabs-nav {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .product-tabs-nav .nav-link {
        white-space: nowrap;
    }

    .product-tabs-content {
        padding: 28px 22px;
    }

    .product-detail-actions .btn-primary-custom,
    .product-detail-actions .btn-outline-custom {
        width: 100%;
        min-width: 0;
    }

    /* Production */
    .production-process-wrapper,
    .quality-process-wrapper,
    .production-power-grid {
        grid-template-columns: 1fr;
    }

    .production-power-image img,
    .lab-control-image img,
    .quality-lab-image img,
    .quality-policy-image img,
    .career-apply-image img {
        height: 300px;
    }

    .gmp-banner-box {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 35px 25px;
    }

    .gmp-list {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .production-cta-box,
    .quality-cta-box,
    .product-cta-box {
        padding: 30px 25px;
    }

    /* Quality */
    .quality-stats-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 15px;
    }

    .quality-stat-item h3 {
        font-size: 32px;
    }

    .quality-policy-box {
        padding: 30px 22px;
    }

    /* Career */
    .career-job-card {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 24px;
    }

    .career-filter-box {
        padding: 20px;
    }

    .career-apply-box {
        padding: 30px 22px;
    }

    /* Footer */
    .main-footer {
        padding-top: 55px;
    }

    .footer-logo {
        width: 190px;
    }
}


/* =========================================================
   SMALL MOBILE
   576px və aşağı
========================================================= */

@media (max-width: 575px) {

    /* Header */
    .header-logo {
        width: 130px;
    }

    .navbar-collapse {
        padding: 16px;
    }

    /* Global heading */
    .hero-content h1,
    .contact-hero-content h1,
    .products-hero-content h1,
    .production-hero-content h1,
    .quality-hero-content h1,
    .career-hero-content h1 {
        font-size: 32px;
    }

    .hero-content h2,
    .section-title,
    .section-title-small,
    .career-apply-content h2 {
        font-size: 26px;
    }

    .section-subtitle {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    /* Hero */
    .hero-section,
    .about-hero-section,
    .contact-hero-section,
    .products-hero-section,
    .quality-hero-section,
    .production-hero-section,
    .career-hero-section {
        min-height: 420px;
    }

    /* Sections */
    .about-section,
    .products-section,
    .company-section,
    .timeline-section,
    .values-section,
    .technology-section,
    .certificates-section,
    .contact-main-section,
    .production-process-section,
    .production-power-section,
    .production-lines-section,
    .lab-control-section,
    .gmp-banner-section,
    .quality-principles-section,
    .quality-process-section,
    .quality-laboratory-section,
    .quality-certificates-section,
    .quality-policy-section,
    .career-values-section,
    .career-benefits-section,
    .career-vacancy-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* Home statistics */
    .stats-section .stats-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .stats-section .stat-item {
        padding: 18px 8px !important;
    }

    .stats-section .stat-item i {
        font-size: 28px !important;
    }

    .stats-section .stat-item h3 {
        font-size: 18px !important;
    }

    .stats-section .stat-item p {
        font-size: 10px !important;
    }

    /* Product categories */
    .product-categories-section {
        margin-top: -25px;
    }

    .product-category-wrapper {
        grid-template-columns: repeat(2, 1fr);
        border-radius: 16px;
    }

    .product-category-btn {
        min-height: 195px;
        padding: 20px 8px;
    }

    .category-icon-box {
        width: 68px;
        height: 68px;
        margin-bottom: 12px;
    }

    .category-icon-box img {
        width: 46px;
        height: 46px;
    }

    .category-icon-box i {
        font-size: 27px;
    }

    .product-category-btn span {
        min-height: 42px;
        height: auto;
        font-size: 12px;
        line-height: 1.25;
    }

    .product-category-btn small {
        min-height: 32px;
        height: auto;
        font-size: 9px;
        line-height: 1.3;
    }

    /* Product filter */
    .product-sort-box {
        padding: 0 13px;
        gap: 10px;
    }

    .product-sort-box label {
        font-size: 12px;
    }

    .product-sort-box select {
        font-size: 13px;
    }

    .product-search-box {
        padding: 0 14px;
    }

    .product-filter-btn {
        padding: 0 14px;
    }

    /* Cards */
    .product-list-card {
        padding: 22px 18px;
    }

    .product-list-card img {
        height: 135px;
    }

    /* Contact */
    .contact-info-item {
        gap: 13px;
    }

    .contact-info-icon {
        width: 48px;
        height: 48px;
    }

    .contact-form-box .form-control,
    .contact-form-box .form-select {
        height: 52px;
    }

    .contact-map-box iframe {
        height: 280px;
    }

    /* Quality statistics */
    .quality-stats-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .quality-stat-item i {
        width: 64px;
        height: 64px;
        font-size: 28px;
    }

    .quality-stat-item h3 {
        font-size: 28px;
    }

    .quality-stat-item p {
        font-size: 12px;
    }

    /* CTA */
    .contact-cta-box h3,
    .product-cta-box h3,
    .production-cta-box h3,
    .quality-cta-box h3 {
        font-size: 24px;
    }

    /* Footer */
    .main-footer {
        padding: 50px 0 24px;
    }

    .footer-contact span {
        font-size: 14px;
    }

    .footer-contact li > i {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   390px və aşağı
========================================================= */

@media (max-width: 390px) {

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

    .product-category-btn {
        min-height: 185px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .category-icon-box {
        width: 62px;
        height: 62px;
    }

    .category-icon-box img {
        width: 42px;
        height: 42px;
    }

    .product-category-btn span {
        font-size: 11px;
    }

    .product-category-btn small {
        font-size: 8.5px;
    }

    .quality-stats-wrapper {
        grid-template-columns: 1fr;
    }

    .certificate-list img {
        width: 60px;
        height: 60px;
    }
}