/* ===================================================
   RESET
=================================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
body{
    font-family:Arial, Helvetica, sans-serif;
    background:#f8f8f8;
    color:#333;
    line-height:1.6;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

section{
    padding:80px 8%;
}

/* ===================================================
   HEADER
=================================================== */

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 8%;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(10px);
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    z-index:1000;
}

.logo{
    display:flex;
    align-items:center;
    gap:18px;
}

.logo img{
    width:60px;
    height:60px;
    object-fit:contain;
}

.logo-text h1{
    font-size:24px;
    color:#b0005a;
    margin:0;
    font-weight:700;
}

.logo-text p{
    font-size:15px;
    color:#666;
}

nav{
    display:flex;
    align-items:center;
    gap:30px;
}

nav a{
    position:relative;
    color:#333;
    text-decoration:none;
    font-weight:600;
    margin-left:30px;
    transition:.3s;
}

nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:#b0005a;
    transition:.3s;
}

nav a:hover{
    color:#b0005a;
}

nav a:hover::after{
    width:100%;
}
nav a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:3px;
    background:#b0005a;
    transition:.3s;
    border-radius:5px;
}

nav a:hover::after{
    width:100%;
}

.nav-btn{
    background:#b0005a;
    color:#fff !important;
    padding:12px 26px;
    border-radius:50px;
}

.nav-btn:hover{
    background:#870045;
}
/* ===================================================
   HERO SLIDER
=================================================== */

.hero{
    position:relative;
    width:100%;
    height:700px;
    overflow:hidden;
    padding:0;
    margin-top:90px;
}

.slider{
    position:relative;
    width:100%;
    height:100%;
}

.slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 1s ease-in-out;
}

.slide.active{
    opacity:1;
    z-index:1;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/* ===================================================
   TRUST SECTION
=================================================== */

.trust-section{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    padding:60px 8%;
    background:#ffffff;
}

.trust-box{
    background:#fff;
    padding:30px;
    text-align:center;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    border:1px solid #eee;
}

.trust-box:hover{
    transform:translateY(-8px);
    border-color:#b0005a;
}

.trust-box h3{
    color:#b0005a;
    font-size:24px;
    margin-bottom:15px;
}

.trust-box p{
    color:#666;
    line-height:1.7;
}
@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}
.scroll-down{
    margin-top:40px;
    color:#fff;
    font-size:32px;
    animation:bounce 2s infinite;
}

@keyframes bounce{

    0%,20%,50%,80%,100%{
        transform:translateY(0);
    }

    40%{
        transform:translateY(-12px);
    }

    60%{
        transform:translateY(-6px);
    }

}

/* Dark overlay for better text visibility */

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.55) 0%,
        rgba(0,0,0,.25) 45%,
        rgba(0,0,0,.05) 100%
    );
    z-index:2;
}

/* Hero Content */

.hero-content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    max-width:620px;
    padding:45px;

    .hero-content{
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.15);
    box-shadow:none;
}

    z-index:3;

    animation:fadeUp 1.2s ease;
}

.hero-content h2{
    font-size:58px;
    color:#fff;
    line-height:1.1;
    margin-bottom:20px;
    font-weight:700;
    text-shadow:0 4px 20px rgba(0,0,0,.45);
}

.hero-content p{
    font-size:21px;
    color:#fff;
    line-height:1.8;
    margin-bottom:35px;
    opacity:.95;
}

.btn{
    display:inline-block;
    padding:15px 34px;
    background:linear-gradient(135deg,#b0005a,#870044);
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
    box-shadow:0 10px 25px rgba(176,0,90,.25);
}

.btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 35px rgba(176,0,90,.35);
}

.hero-buttons{
    display:flex;
    gap:20px;
    margin-top:30px;
}

.btn-outline{
    display:inline-block;
    padding:16px 34px;
    border:2px solid #fff;
    color:#fff;
    border-radius:50px;
    transition:.3s;
}

.btn-outline:hover{
    background:#fff;
    color:#b0005a;
}

/* Hero Animation */

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}
/* ===================================================
   STATISTICS
=================================================== */

.stats{
    background:#b0005a;
    padding:70px 8%;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.stat-box{
    background:#ffffff;
    border-radius:18px;
    padding:35px 20px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.3s;
}

.stat-box:hover{
    transform:translateY(-8px);
}

.stat-box h2{
    color:#b0005a;
    font-size:48px;
    margin-bottom:10px;
}

.stat-box p{
    color:#555;
    font-size:18px;
}
/* ===================================================
   ABOUT
=================================================== */

.about{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    padding:90px 8%;
    background:#ffffff;
    flex-wrap:wrap;
}

.about-image{
    flex:1;
}

.about-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.about-content{
    flex:1;
}

.about-content h2{
    font-size:42px;
    color:#b0005a;
    margin-bottom:25px;
}

.about-content p{
    font-size:18px;
    color:#555;
    line-height:1.8;
    margin-bottom:35px;
}

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.feature{
    background:#fff;
    padding:20px;
    border-radius:15px;
    border:1px solid #ececec;
    font-weight:600;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.feature:hover{
    transform:translateY(-6px);
    border-color:#b0005a;
    box-shadow:0 15px 35px rgba(176,0,90,.15);
}
/* ===================================================
   SERVICES
=================================================== */

.services{
    background:#f8f8f8;
    padding:90px 8%;
}

.services h2{
    text-align:center;
    font-size:42px;
    color:#b0005a;
    margin-bottom:15px;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
    margin-top:50px;
}

.service-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.service-card h3{
    color:#b0005a;
    margin-bottom:15px;
    font-size:24px;
}

.service-card p{
    color:#666;
    line-height:1.7;
}
/* ===================================================
   PRODUCT CATEGORIES
=================================================== */

.categories{
    padding:90px 8%;
    background:#fff;
}

.categories h2{
    text-align:center;
    color:#b0005a;
    font-size:42px;
    margin-bottom:15px;
}

.category-subtitle{
    text-align:center;
    color:#666;
    max-width:850px;
    margin:0 auto 50px;
    line-height:1.8;
}

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

.category-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
}

.category-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.category-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

.category-card:hover img{
    transform:scale(1.08);
}
.category-content{
    padding:30px;
}

.category-content h3{
    font-size:28px;
    color:#b0005a;
    margin-bottom:15px;
}

.category-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:25px;
}


/* ===================================================
   WHY CHOOSE US
=================================================== */

.why-choose{
    padding:90px 8%;
    background:#fcfaf5;
}

.why-choose h2{
    text-align:center;
    font-size:42px;
    color:#b0005a;
    margin-bottom:15px;
}

.section-subtitle{
    text-align:center;
    color:#666;
    font-size:18px;
    margin-bottom:50px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
}

.why-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.why-card h3{
    color:#b0005a;
    margin-bottom:15px;
}

.why-card p{
    color:#555;
    line-height:1.8;
}
/* ===================================================
   MANUFACTURING PROCESS
=================================================== */

.timeline{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
    margin-top:50px;
}

.timeline-item{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
    position:relative;
}

.timeline-item:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 45px rgba(176,0,90,.18);
}
.timeline-item:hover .number{
    transform:scale(1.1) rotate(8deg);
}

.number{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#b0005a;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    font-weight:bold;
    margin-bottom:20px;

    box-shadow:0 10px 25px rgba(176,0,90,.30);
transition:.3s;
}

.timeline-item h3{
    color:#b0005a;
    margin-bottom:15px;
}

.timeline-item p{
    color:#666;
    line-height:1.8;
}
/* ===================================================
   GALLERY
=================================================== */

.gallery{
    padding:90px 8%;
    background:#fcfaf3;
}

.gallery h2{
    text-align:center;
    font-size:42px;
    color:#b0005a;
    margin-bottom:50px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.gallery-grid img{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.4s;
}

.gallery-grid img:hover{
    transform:scale(1.05);
    box-shadow:0 20px 40px rgba(0,0,0,.18);
}
/* ===================================================
   TESTIMONIALS
=================================================== */

.testimonials{
    padding:90px 8%;
    background:#ffffff;
}

.testimonials h2{
    text-align:center;
    font-size:42px;
    color:#b0005a;
    margin-bottom:50px;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
}

.testimonial-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.testimonial-card:hover{
    transform:translateY(-8px);
}

.testimonial-card p{
    font-style:italic;
    color:#555;
    line-height:1.8;
}
/* ===================================================
   CONTACT
=================================================== */

.contact{
    padding:90px 8%;
    background:#fcfaf3;
}

.contact h2{
    text-align:center;
    color:#b0005a;
    font-size:42px;
    margin-bottom:40px;
}

.contact form{
    max-width:750px;
    margin:auto;
}

.contact input,
.contact select,
.contact textarea{
    width:100%;
    padding:18px;
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:12px;
    font-size:17px;
    transition:.3s;
}

.contact input:focus,
.contact select:focus,
.contact textarea:focus{
    border-color:#b0005a;
    outline:none;
    box-shadow:0 0 10px rgba(176,0,90,.15);
}

.contact textarea{
    resize:none;
}

.contact button{
    background:#b0005a;
    color:#fff;
    border:none;
    padding:18px 45px;
    border-radius:50px;
    font-size:18px;
    cursor:pointer;
    transition:.3s;
}

.contact button:hover{
    background:#870045;
}
/* ===================================================
   FOOTER
=================================================== */

.footer{
    background:linear-gradient(135deg,#1d1d1d,#2f2f2f);
    color:#fff;
    padding:70px 8% 30px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:40px;
}

.footer h3{
    color:#fff;
    margin-bottom:22px;
    font-size:24px;
}

.footer p{
    color:#ddd;
    line-height:1.9;
    margin-bottom:12px;
}

.footer a{
    color:#ddd;
    transition:.3s;
}

.footer a:hover{
    color:#ff7eb8;
    padding-left:6px;
}

.footer hr{
    margin:40px 0 20px;
    border:none;
    height:1px;
    background:rgba(255,255,255,.15);
}

.copyright{
    text-align:center;
    margin-top:45px;
    padding-top:25px;
    border-top:1px solid rgba(255,255,255,.15);
    color:#aaa;
    font-size:15px;
}
/* ===================================================
   FLOATING BUTTONS
=================================================== */

.whatsapp,
.call-btn{
    position:fixed;
    right:25px;
    width:65px;
    height:65px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    font-size:30px;
    color:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.20);
    z-index:999;
    transition:.3s;
}

.whatsapp{
    bottom:25px;
    background:#25D366;
}

.call-btn{
    bottom:105px;
    background:#007BFF;
}

.whatsapp:hover,
.call-btn:hover{
    transform:scale(1.1);
}
/* ===================================================
   MOBILE RESPONSIVE
=================================================== */

@media(max-width:992px){

header{
    flex-direction:column;
    gap:20px;
}

nav{
    flex-wrap:wrap;
    justify-content:center;
}

.hero{
    height:600px;
}

.hero-content{
    left:5%;
    max-width:90%;
}

.hero-content h2{
    font-size:42px;
}

.hero-content p{
    font-size:18px;
}

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

.about{
    flex-direction:column;
}

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

.services-grid,
.category-grid,
.why-grid,
.process-grid,
.gallery-grid,
.testimonial-grid,
.footer-grid{
    grid-template-columns:1fr;
}

}

@media(max-width:576px){

.logo-text h1{
    font-size:24px;
}

.hero{
    height:500px;
}

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

.hero-content p{
    font-size:16px;
}

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

section{
    padding:60px 20px;
}

.whatsapp,
.call-btn{
    width:55px;
    height:55px;
    font-size:24px;
}

}
/* ===================================================
   PREMIUM SECTION HEADINGS
=================================================== */

section h2{
    font-size:46px;
    color:#b0005a;
    text-align:center;
    margin-bottom:20px;
    font-weight:700;
}

.section-subtitle{
    max-width:800px;
    margin:0 auto 60px;
    text-align:center;
    color:#666;
    font-size:20px;
    line-height:1.8;
}
/* ===============================
   CONTACT FORM
================================ */

.quote-form{
    max-width:1200px;
    margin:40px auto 0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.quote-form input,
.quote-form select,
.quote-form textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #ddd;
    border-radius:12px;
    font-size:16px;
    font-family:inherit;
    box-sizing:border-box;
    transition:.3s;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus{
    border-color:#b0005a;
    box-shadow:0 0 15px rgba(176,0,90,.15);
    outline:none;
}

.quote-form textarea{
    grid-column:1 / -1;
    min-height:170px;
    resize:vertical;
}

.quote-form button{
    grid-column:1 / -1;
    width:250px;
    justify-self:center;
    padding:16px 40px;
    background:#b0005a;
    color:#fff;
    border:none;
    border-radius:50px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.quote-form button:hover{
    background:#870045;
    transform:translateY(-4px);
    box-shadow:0 15px 30px rgba(176,0,90,.25);
}

@media(max-width:768px){

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

.quote-form textarea,
.quote-form button{
grid-column:1;
width:100%;
}

}
/* ==========================
   CERTIFICATIONS
========================== */

.certifications{
    padding:90px 8%;
    background:#fafafa;
    text-align:center;
}

.certifications h2{
    font-size:52px;
    color:#b0005a;
    margin-bottom:50px;
}

.cert-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.cert-card{
    background:#fff;
    padding:35px 25px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.cert-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.cert-card h3{
    color:#b0005a;
    margin-bottom:15px;
    font-size:24px;
}

.cert-card p{
    color:#666;
    line-height:1.7;
}

@media(max-width:991px){
    .cert-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .cert-grid{
        grid-template-columns:1fr;
    }
}
/*=========================
CONTACT SECTION
=========================*/

.contact{
    background:#f8f8f8;
    padding:80px 8%;
}

.contact h2{
    text-align:center;
    font-size:48px;
    color:#b0005a;
    margin-bottom:40px;
}

.contact form{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    max-width:1100px;
    margin:auto;
}

.contact input,
.contact select,
.contact textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:16px;
    outline:none;
    transition:.3s;
    box-sizing:border-box;
}

.contact input:focus,
.contact select:focus,
.contact textarea:focus{
    border-color:#b0005a;
    box-shadow:0 0 8px rgba(176,0,90,.15);
}

.contact textarea{
    grid-column:1 / -1;
    min-height:160px;
    resize:vertical;
}

.contact button{
    grid-column:1 / -1;
    background:#b0005a;
    color:#fff;
    border:none;
    padding:18px;
    font-size:18px;
    border-radius:50px;
    cursor:pointer;
    transition:.3s;
}

.contact button:hover{
    background:#870045;
}

@media(max-width:768px){

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

}
/* Latest Products */

.latest-products{
    padding:90px 0;
    background:#fffdf4;
}

.latest-products h2{
    text-align:center;
    font-size:46px;
    color:#b0005a;
    margin-bottom:60px;
}

.product-slider{
    display:flex;
    gap:30px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding-bottom:20px;
}

.product-slider::-webkit-scrollbar{
    display:none;
}

.product-card{
    min-width:320px;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    transition:.4s;
}

.product-card:hover{
    transform:translateY(-10px) scale(1.03);
}

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

.product-card h3{
    text-align:center;
    padding:20px;
    color:#b0005a;
}
/* Latest Products Slider */

.latest-products{
    padding:80px 0;
    background:#fffef4;
}

.productSwiper{
    width:100%;
    padding:40px 0 80px;
}

.productSwiper .swiper-slide{
    width:340px;
    height:420px;
    border-radius:20px;
    overflow:hidden;
    transition:.4s;
}

.productSwiper .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.productSwiper .swiper-slide-active{
    transform:scale(1.08);
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right{
    display:none;
}

/* Category Page Banner Fix */

.category-banner{
    margin-top:90px;
    width:100%;
}

.category-banner img{
    width:100%;
    height:auto;
    display:block;
}

.process-image {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 25px;
    display: block;
}



/* MOBILE-ONLY FIXES: preserve desktop/laptop layout */
@media screen and (max-width: 768px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  img { max-width:100%; }
  section { min-width:0; }

  header {
    position:relative;
    width:100%;
    padding:12px 16px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .logo { width:100%; min-width:0; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; }
  .logo img { width:48px; height:48px; flex:0 0 48px; }
  .logo-text { min-width:0; }
  .logo-text h1 { font-size:clamp(16px, 4.5vw, 21px); line-height:1.25; overflow-wrap:anywhere; }
  .logo-text p { font-size:11px; line-height:1.35; }
  nav { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 14px; }
  nav a { margin:0; padding:5px 0; font-size:13px; }
  nav .nav-btn { padding:8px 16px; }

  .hero { width:100%; height:470px; margin-top:0; }
  .hero-content { left:0; right:0; top:50%; width:100%; max-width:none; padding:22px 18px; transform:translateY(-50%); }
  .hero-content h2 { font-size:clamp(27px, 7vw, 36px); line-height:1.15; overflow-wrap:anywhere; }
  .hero-content p { font-size:14px; line-height:1.6; margin-bottom:18px; }
  .hero-buttons { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
  .hero-buttons .btn, .hero-buttons .btn-outline { padding:11px 16px; font-size:13px; }

  .trust-section { grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; padding:28px 14px; }
  .trust-box { min-width:0; padding:16px 10px; }
  .trust-box h3 { font-size:17px; overflow-wrap:anywhere; }
  .trust-box p { font-size:12px; }
  .stats { grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; padding:28px 14px; }
  .stat-box { min-width:0; padding:20px 10px; }
  .stat-box h2 { font-size:28px; }
  .stat-box p { font-size:13px; }

  .categories, .services, .about, .why-choose, .why-us, .gallery, .contact, .footer, .process, .testimonials { padding:38px 16px; }
  section h2, .categories h2, .services h2, .about-content h2, .why-choose h2, .why-us h2, .gallery h2, .contact h2 { font-size:clamp(25px, 6vw, 32px); line-height:1.25; }
  .category-subtitle, .section-subtitle { font-size:15px; line-height:1.65; margin-bottom:24px; }
  .category-grid, .services-grid, .why-grid, .process-grid, .gallery-grid, .testimonial-grid, .footer-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .category-card { width:100%; min-width:0; }
  .category-card img { display:block; width:100%; height:auto; max-height:300px; object-fit:cover; transform:none !important; }
  .category-content { padding:20px; }
  .category-content h3 { font-size:23px; line-height:1.3; }
  .category-content p { font-size:15px; line-height:1.65; }
  .whatsapp, .call-btn { right:14px; width:48px; height:48px; font-size:22px; }
}

@media screen and (max-width: 420px) {
  .hero { height:440px; }
  .hero-content { padding:18px 14px; }
  .trust-section { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .stats { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .category-content { padding:18px; }
}


/* Manufacturing process: mobile-only image fix */
@media screen and (max-width: 768px) {

  .process .timeline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    height: auto !important;
    overflow: visible !important;
  }

  .process .timeline-item {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .process .process-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    box-sizing: border-box !important;
    border-radius: 12px;
  }

}