/* =========================================================
   GAYATRI FURNITURE - MODERN 2026 UI
   Loaded after the legacy template styles.
   ========================================================= */

:root{
    --gf-navy:#082f3d;
    --gf-deep:#061f29;
    --gf-teal:#0b6172;
    --gf-accent:#c99a52;
    --gf-ink:#12252d;
    --gf-muted:#66757c;
    --gf-light:#f4f7f8;
    --gf-white:#ffffff;
    --gf-border:#dfe7ea;
    --gf-shadow:0 18px 50px rgba(7,36,47,.10);
    --gf-radius:18px;
}

html{scroll-behavior:smooth}
body{
    font-family:Inter,Segoe UI,Arial,sans-serif!important;
    color:var(--gf-ink)!important;
    background:#fff!important;
    line-height:1.7!important;
}
a{color:inherit}
a:hover{text-decoration:none}
.auto-container,.gf-container{max-width:1240px!important;margin:0 auto;padding-left:24px;padding-right:24px}
.gf-container{width:100%}

/* ---------- Header ---------- */
.gf-header{
    position:relative;
    z-index:9999;
    background:#fff;
    box-shadow:0 8px 30px rgba(0,0,0,.06);
}
.gf-topbar{
    background:var(--gf-deep);
    color:#dbe8ec;
    font-size:12px;
    letter-spacing:.02em;
}
.gf-topbar-inner{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.gf-top-contact{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.gf-top-contact a,.gf-top-contact span{color:#dbe8ec}
.gf-top-contact i{color:#8dc1cb;margin-right:6px}
.gf-top-social{display:flex;gap:9px}
.gf-top-social a{
    width:25px;height:25px;border:1px solid rgba(255,255,255,.18);
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:11px;color:#dbe8ec;transition:.25s;
}
.gf-top-social a:hover{background:var(--gf-accent);border-color:var(--gf-accent);color:#fff}
.gf-navbar{background:#fff}
.gf-nav-inner{min-height:88px;display:flex;align-items:center;gap:28px}
.gf-brand{display:flex;align-items:center;flex:0 0 auto}
.gf-brand img{width:220px;height:auto;display:block}
.gf-main-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.gf-main-nav>a,.gf-nav-link{
    border:0;background:none;
    padding:30px 13px;
    font-size:13px!important;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.055em;
    color:var(--gf-ink);
    position:relative;
    cursor:pointer;
}
.gf-main-nav>a:after,.gf-nav-link:after{
    content:"";position:absolute;left:13px;right:13px;bottom:21px;height:2px;
    background:var(--gf-accent);transform:scaleX(0);transform-origin:center;transition:.25s;
}
.gf-main-nav>a:hover,.gf-nav-link:hover{color:var(--gf-teal)}
.gf-main-nav>a:hover:after,.gf-nav-link:hover:after{transform:scaleX(1)}
.gf-nav-link i{margin-left:5px;font-size:10px}
.gf-nav-dropdown{position:relative}
.gf-dropdown-menu{
    position:absolute;top:76px;left:0;min-width:270px;background:#fff;
    padding:10px;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.14);
    border:1px solid var(--gf-border);opacity:0;visibility:hidden;transform:translateY(8px);
    transition:.2s;
}
.gf-nav-dropdown:hover .gf-dropdown-menu,.gf-nav-dropdown.is-open .gf-dropdown-menu{
    opacity:1;visibility:visible;transform:translateY(0)
}
.gf-dropdown-menu a{
    display:block;padding:10px 13px;border-radius:8px;font-size:13px;font-weight:600;color:#334a52
}
.gf-dropdown-menu a:hover{background:var(--gf-light);color:var(--gf-teal)}
.gf-header-cta{
    background:var(--gf-accent);color:#fff!important;padding:13px 18px;border-radius:8px;
    font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
    white-space:nowrap;transition:.25s;
}
.gf-header-cta:hover{background:var(--gf-navy);transform:translateY(-1px)}
.gf-menu-toggle{display:none;background:none;border:0;padding:7px}
.gf-menu-toggle span{display:block;width:25px;height:2px;background:var(--gf-navy);margin:5px 0;transition:.25s}

/* ---------- Home hero ---------- */
.gf-hero{
    position:relative;min-height:calc(100vh - 128px);display:flex;align-items:center;
    overflow:hidden;background:#071f29;
}
.gf-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:gfHero 18s infinite}
.gf-hero-slide:nth-child(1){background-image:linear-gradient(90deg,rgba(3,22,29,.86) 0%,rgba(3,22,29,.52) 46%,rgba(3,22,29,.12) 100%),url('../img/main-slider/slider4.jpg')}
.gf-hero-slide:nth-child(2){background-image:linear-gradient(90deg,rgba(3,22,29,.86) 0%,rgba(3,22,29,.50) 46%,rgba(3,22,29,.12) 100%),url('../img/main-slider/slider2.jpg');animation-delay:6s}
.gf-hero-slide:nth-child(3){background-image:linear-gradient(90deg,rgba(3,22,29,.86) 0%,rgba(3,22,29,.52) 46%,rgba(3,22,29,.10) 100%),url('../img/main-slider/slider-3.jpg');animation-delay:12s}
@keyframes gfHero{0%,28%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}
.gf-hero-content{position:relative;z-index:2;max-width:1240px;width:100%;margin:0 auto;padding:110px 24px 120px;color:#fff}
.gf-eyebrow{
    display:inline-flex;align-items:center;gap:10px;color:#e3c78f;font-weight:800;
    font-size:12px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:18px
}
.gf-eyebrow:before{content:"";width:38px;height:2px;background:var(--gf-accent)}
.gf-hero h1{
    max-width:780px;font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.045em;
    margin:0 0 22px;font-weight:800;color:#fff
}
.gf-hero p{max-width:660px;font-size:18px;line-height:1.75;color:#e8eff1;margin:0 0 34px}
.gf-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.gf-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;
    border-radius:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
    transition:.25s
}
.gf-btn-primary{background:var(--gf-accent);color:#fff}
.gf-btn-primary:hover{background:#fff;color:var(--gf-navy)}
.gf-btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.04)}
.gf-btn-outline:hover{background:#fff;color:var(--gf-navy)}
.gf-hero-bottom{
    position:absolute;z-index:3;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.16);
    background:rgba(4,24,31,.58);backdrop-filter:blur(10px)
}
.gf-hero-bottom .gf-container{display:grid;grid-template-columns:repeat(4,1fr)}
.gf-trust-item{padding:18px 18px;border-right:1px solid rgba(255,255,255,.12);color:#fff}
.gf-trust-item:last-child{border-right:0}
.gf-trust-item strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.gf-trust-item span{display:block;font-size:12px;color:#b7c8cc;margin-top:3px}

/* ---------- Common modern sections ---------- */
.gf-section{padding:100px 0}
.gf-section-light{background:var(--gf-light)}
.gf-section-dark{background:var(--gf-deep);color:#fff}
.gf-section-head{max-width:720px;margin-bottom:45px}
.gf-kicker{display:block;color:var(--gf-accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;margin-bottom:10px}
.gf-section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px;font-weight:800;color:var(--gf-navy)}
.gf-section-dark .gf-section-head h2{color:#fff}
.gf-section-head p{font-size:16px;color:var(--gf-muted);margin:0}
.gf-section-dark .gf-section-head p{color:#b9cbd0}

/* Intro */
.gf-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.gf-intro-image{position:relative}
.gf-intro-image img{width:100%;height:480px;object-fit:cover;border-radius:20px;display:block;box-shadow:var(--gf-shadow)}
.gf-intro-badge{
    position:absolute;right:-25px;bottom:30px;background:#fff;border-left:4px solid var(--gf-accent);
    padding:20px 24px;box-shadow:var(--gf-shadow);border-radius:10px;max-width:240px
}
.gf-intro-badge strong{display:block;color:var(--gf-navy);font-size:15px}
.gf-intro-badge span{font-size:12px;color:var(--gf-muted)}
.gf-check-list{list-style:none;padding:0;margin:25px 0 30px}
.gf-check-list li{position:relative;padding-left:29px;margin:11px 0;color:#43565d}
.gf-check-list li:before{content:"\f00c";font-family:FontAwesome;position:absolute;left:0;top:1px;color:var(--gf-accent);font-size:13px}

/* Solutions */
.gf-solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gf-solution-card{
    background:#fff;border:1px solid var(--gf-border);border-radius:16px;overflow:hidden;
    transition:.3s;box-shadow:0 6px 20px rgba(8,47,61,.035)
}
.gf-solution-card:hover{transform:translateY(-7px);box-shadow:var(--gf-shadow);border-color:#c9d9dd}
.gf-solution-image{height:210px;overflow:hidden}
.gf-solution-image img{width:100%;height:100%;object-fit:cover;transition:.45s}
.gf-solution-card:hover .gf-solution-image img{transform:scale(1.06)}
.gf-solution-body{padding:20px 20px 22px}
.gf-solution-number{font-size:10px;color:var(--gf-accent);font-weight:800;letter-spacing:.12em}
.gf-solution-body h3{font-size:18px;line-height:1.25;margin:7px 0 9px;color:var(--gf-navy);font-weight:800}
.gf-solution-body p{font-size:13px;color:var(--gf-muted);margin:0 0 14px}
.gf-text-link{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--gf-teal)}
.gf-text-link i{margin-left:5px}

/* Why choose */
.gf-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.gf-feature{
    padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)
}
.gf-feature-icon{
    width:46px;height:46px;border-radius:10px;background:rgba(201,154,82,.13);color:var(--gf-accent);
    display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:17px
}
.gf-feature h3{font-size:17px;margin:0 0 7px;color:#fff}
.gf-feature p{font-size:13px;color:#b9cbd0;margin:0}

/* Industries */
.gf-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gf-industry{
    min-height:155px;padding:24px;border-radius:14px;background:#fff;border:1px solid var(--gf-border);
    display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden
}
.gf-industry:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,47,61,.03),rgba(201,154,82,.10))}
.gf-industry i{font-size:24px;color:var(--gf-teal);position:relative;margin-bottom:auto}
.gf-industry strong{position:relative;font-size:15px;color:var(--gf-navy)}
.gf-industry span{position:relative;color:var(--gf-muted);font-size:11px;margin-top:3px}

/* Projects */
.gf-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gf-project-card{position:relative;overflow:hidden;border-radius:16px;background:#071f29;min-height:380px}
.gf-project-card img{width:100%;height:100%;min-height:380px;object-fit:cover;display:block;transition:.5s}
.gf-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,19,25,.9),rgba(3,19,25,.05) 65%)}
.gf-project-card:hover img{transform:scale(1.05)}
.gf-project-info{position:absolute;z-index:2;left:24px;right:24px;bottom:23px;color:#fff}
.gf-project-info span{font-size:10px;color:#e3c78f;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.gf-project-info h3{font-size:20px;line-height:1.2;margin:6px 0 11px;color:#fff}
.gf-project-info a{font-size:11px;text-transform:uppercase;font-weight:800;color:#fff}

/* Process */
.gf-process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gf-process-item{position:relative;padding:25px 20px;border-top:2px solid var(--gf-border)}
.gf-process-item:before{content:"";width:9px;height:9px;background:var(--gf-accent);border-radius:50%;position:absolute;top:-5px;left:0}
.gf-process-item span{font-size:11px;font-weight:800;color:var(--gf-accent);letter-spacing:.1em}
.gf-process-item h3{font-size:17px;color:var(--gf-navy);margin:10px 0 7px}
.gf-process-item p{font-size:13px;color:var(--gf-muted);margin:0}

/* CTA */
.gf-cta{padding:70px 0;background:linear-gradient(110deg,var(--gf-navy),#0c5564);color:#fff}
.gf-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.gf-cta h2{font-size:clamp(28px,4vw,43px);line-height:1.15;margin:0 0 8px;color:#fff}
.gf-cta p{margin:0;color:#c8d8dc;max-width:650px}

/* ---------- Inner pages ---------- */
.page-title{
    min-height:300px!important;display:flex!important;align-items:center;
    background-position:center!important;background-size:cover!important;position:relative;
    margin:0!important
}
.page-title:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,30,39,.86),rgba(5,30,39,.48))}
.page-title .auto-container{position:relative;z-index:1;width:100%}
.page-title .title-box h1{
    color:#fff!important;font-size:clamp(34px,5vw,56px)!important;line-height:1.1!important;
    font-weight:800!important;letter-spacing:-.03em!important;margin-bottom:10px!important
}
.page-title .title{color:#d5e2e5!important;font-size:14px!important}
.page-title .bread-crumb{margin-top:16px!important}
.page-title .bread-crumb li,.page-title .bread-crumb li a{color:#dce8eb!important}
.page-title .bread-crumb li:before{color:#c99a52!important}

.sidebar-page-container,.projects-section,.about-section,.contact-page-section{padding:90px 0!important}
.sidebar-page-container{background:#fff}
.services-sidebar .sidebar-widget,.sidebar-widget{
    border:1px solid var(--gf-border)!important;border-radius:14px!important;overflow:hidden;
    box-shadow:0 8px 30px rgba(7,36,47,.045)!important;margin-bottom:22px!important
}
.sidebar-blog-category .blog-cat li a{
    padding:13px 18px!important;border-bottom:1px solid #edf2f3!important;
    font-size:13px!important;font-weight:650!important;color:#3b5158!important
}
.sidebar-blog-category .blog-cat li.active a,.sidebar-blog-category .blog-cat li a:hover{
    background:var(--gf-navy)!important;color:#fff!important
}
.sidebar-title,.sidebar-widget .sidebar-title{font-size:18px!important;color:var(--gf-navy)!important}
.service-detail .inner-box{
    border:1px solid var(--gf-border);border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(7,36,47,.06)
}
.service-detail .content-box{padding:30px!important}
.service-detail h2{font-size:34px!important;color:var(--gf-navy)!important;font-weight:800!important}
.service-detail .text,.about-section .text{font-size:15px!important;line-height:1.9!important;color:#586a70!important}
.service-detail .image-box img{width:100%;display:block}
.about-section{background:#fff!important}
.about-section .content-box{max-width:980px;margin:auto}
.about-section .title h2{font-size:42px!important;color:var(--gf-navy)!important;font-weight:800!important}
.fun-fact-and-features{
    background:var(--gf-deep)!important;padding:80px 0!important
}
.fun-fact-and-features .count{color:#fff!important}
.fun-fact-and-features .counter-title{color:#bcd0d5!important}
.feature-block .inner-box{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px!important}
.feature-block h3 a{color:#fff!important}
.feature-block .text{color:#b8c9ce!important}
.projects-section.alternate{background:#f7f9fa}
.filter-tabs{margin-bottom:35px!important}
.filter-tabs li{
    border:1px solid var(--gf-border)!important;background:#fff!important;color:#53676e!important;
    border-radius:30px!important;padding:10px 18px!important;margin:4px!important;font-size:11px!important;
    font-weight:800!important;letter-spacing:.08em!important
}
.filter-tabs li.active,.filter-tabs li:hover{background:var(--gf-navy)!important;color:#fff!important;border-color:var(--gf-navy)!important}
.project-block .image-box{border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 35px rgba(7,36,47,.08)}
.project-block .image-box img{width:100%;height:430px;object-fit:cover;transition:.45s}
.project-block .image-box:hover img{transform:scale(1.04)}
.contact-page-section{background:#f6f8f9}
.contact-info-section .info-column .inner-column{
    background:#fff;border:1px solid var(--gf-border);border-radius:16px;padding:28px;box-shadow:var(--gf-shadow)
}

/* ---------- Legacy footer hidden; new footer is shared ---------- */
.main-footer{display:none!important}


/* ---------- Premium Footer ---------- */
.gf-footer{
    background:var(--gf-deep);
    color:#c5d3d7;
    position:relative;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.08);
}
.gf-footer:before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    border-radius:50%;
    right:-220px;
    top:-250px;
    background:radial-gradient(circle,rgba(201,154,82,.10),transparent 68%);
    pointer-events:none;
}
.gf-footer-main{
    padding:72px 0 55px;
    position:relative;
    z-index:1;
}
.gf-footer-grid{
    display:grid;
    grid-template-columns:1.45fr .8fr .8fr 1.25fr;
    gap:48px;
}
.gf-footer-brand img{
    width:215px;
    height:auto;
    display:block;
    background:#fff;
    border-radius:8px;
    padding:7px 10px;
    margin-bottom:22px;
}
.gf-footer-brand p{
    max-width:390px;
    margin:0;
    color:#aebfc4;
    font-size:13px;
    line-height:1.85;
}
.gf-footer-social{
    display:flex;
    gap:9px;
    margin-top:22px;
}
.gf-footer-social a{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    color:#d7e2e5;
    font-size:12px;
    transition:.25s;
}
.gf-footer-social a:hover{
    background:var(--gf-accent);
    border-color:var(--gf-accent);
    color:#fff;
}
.gf-footer-col h3{
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.10em;
    margin:3px 0 20px;
    font-weight:800;
}
.gf-footer-col>a{
    display:block;
    color:#aebfc4;
    font-size:13px;
    line-height:1.5;
    padding:5px 0;
    transition:.2s;
}
.gf-footer-col>a:hover{
    color:#fff;
    padding-left:4px;
}
.gf-footer-contact p{
    color:#aebfc4;
    font-size:13px;
    line-height:1.7;
    margin:0 0 12px;
}
.gf-footer-contact a{
    color:#c9d7da;
}
.gf-footer-contact i{
    width:20px;
    color:var(--gf-accent);
    margin-right:4px;
}
.gf-footer-bottom{
    position:relative;
    z-index:1;
    border-top:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.16);
}
.gf-footer-bottom .gf-container{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.gf-footer-bottom p{
    margin:0;
    color:#8fa5ab;
    font-size:11px;
}
.gf-footer-bottom p:last-child{
    text-align:right;
}

/* Footer responsive */
@media (max-width:991px){
    .gf-footer-grid{
        grid-template-columns:1.3fr 1fr 1fr;
        gap:38px 25px;
    }
    .gf-footer-brand{
        grid-column:1/-1;
    }
}
@media (max-width:767px){
    .gf-footer-main{
        padding:55px 0 38px;
    }
    .gf-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:35px 25px;
    }
    .gf-footer-brand{
        grid-column:1/-1;
    }
    .gf-footer-contact{
        grid-column:1/-1;
    }
    .gf-footer-bottom .gf-container{
        min-height:75px;
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;
        gap:5px;
    }
    .gf-footer-bottom p:last-child{
        text-align:left;
    }
}
@media (max-width:480px){
    .gf-footer-grid{
        grid-template-columns:1fr;
    }
    .gf-footer-brand,.gf-footer-contact{
        grid-column:auto;
    }
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
    .gf-header-cta{display:none}
    .gf-solutions-grid{grid-template-columns:repeat(3,1fr)}
    .gf-industry-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:991px){
    .gf-nav-inner{min-height:76px}
    .gf-brand img{width:195px}
    .gf-menu-toggle{display:block;margin-left:auto}
    .gf-main-nav{
        position:absolute;left:0;right:0;top:100%;background:#fff;display:none;
        flex-direction:column;align-items:stretch;padding:10px 18px 18px;
        box-shadow:0 18px 30px rgba(0,0,0,.10);border-top:1px solid var(--gf-border)
    }
    .gf-main-nav.is-open{display:flex}
    .gf-main-nav>a,.gf-nav-link{padding:13px 10px;text-align:left}
    .gf-main-nav>a:after,.gf-nav-link:after{display:none}
    .gf-nav-dropdown{width:100%}
    .gf-dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 12px}
    .gf-nav-dropdown.is-open .gf-dropdown-menu{display:block}
    .gf-dropdown-menu a{padding:9px 10px}
    .gf-hero{min-height:720px}
    .gf-hero-content{padding-top:90px;padding-bottom:150px}
    .gf-solutions-grid{grid-template-columns:repeat(2,1fr)}
    .gf-industry-grid{grid-template-columns:repeat(2,1fr)}
    .gf-project-grid{grid-template-columns:1fr 1fr}
    .gf-intro-grid{grid-template-columns:1fr;gap:45px}
    .gf-intro-badge{right:15px}
    .gf-process{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
    .gf-top-contact span{display:none}
    .gf-topbar-inner{justify-content:center}
    .gf-top-social{display:none}
    .gf-top-contact{gap:13px;justify-content:center}
    .gf-top-contact a{font-size:11px}
    .gf-hero{min-height:680px}
    .gf-hero h1{font-size:44px}
    .gf-hero p{font-size:15px}
    .gf-hero-bottom .gf-container{grid-template-columns:1fr 1fr}
    .gf-trust-item{padding:13px 10px}
    .gf-trust-item strong{font-size:11px}
    .gf-trust-item span{font-size:10px}
    .gf-section{padding:70px 0}
    .gf-solutions-grid,.gf-project-grid,.gf-industry-grid,.gf-why-grid,.gf-process{grid-template-columns:1fr}
    .gf-intro-image img{height:340px}
    .gf-section-head{margin-bottom:32px}
    .gf-cta-inner{flex-direction:column;align-items:flex-start}
    .page-title{min-height:240px!important}
    .sidebar-page-container,.projects-section,.about-section,.contact-page-section{padding:65px 0!important}
    .project-block .image-box img{height:330px}
}
@media (max-width:480px){
    .auto-container,.gf-container{padding-left:17px;padding-right:17px}
    .gf-brand img{width:180px}
    .gf-top-contact a:first-child{display:none}
    .gf-hero h1{font-size:38px}
    .gf-hero-content{padding-left:17px;padding-right:17px}
}




/* =========================================================
   PROJECT LISTING — 4 COLUMN SQUARE THUMBNAILS
   ========================================================= */
.projects-section .project-block{
    margin-bottom:28px!important;
}
.projects-section .project-block .image-box{
    width:100%!important;
    aspect-ratio:1 / 1!important;
    height:auto!important;
    min-height:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#e9eff1!important;
    box-shadow:0 10px 30px rgba(7,36,47,.07)!important;
    position:relative!important;
}
.projects-section .project-block .image-box a,
.projects-section .project-block .image-box .image{
    display:block!important;
    width:100%!important;
    height:100%!important;
}
.projects-section .project-block .image-box img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    display:block!important;
    transition:transform .45s ease,filter .35s ease!important;
}
.projects-section .project-block:hover .image-box img{
    transform:scale(1.045)!important;
    filter:saturate(1.04)!important;
}
.projects-section .project-block .lower-content{
    padding:16px 3px 0!important;
}
.projects-section .project-block .lower-content h3,
.projects-section .project-block .lower-content h4{
    margin:0 0 4px!important;
    color:var(--gf-navy)!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:800!important;
}
.projects-section .project-block .lower-content .category,
.projects-section .project-block .lower-content p{
    color:#718087!important;
    font-size:11px!important;
    line-height:1.5!important;
    margin:0!important;
}
.projects-section .project-block .overlay-box{
    border-radius:16px!important;
}
.projects-section .project-block .overlay-box .icon{
    width:44px!important;
    height:44px!important;
    line-height:44px!important;
    border-radius:50%!important;
    background:rgba(8,47,61,.82)!important;
}
@media(min-width:992px){
    .projects-section .project-block{
        width:25%!important;
    }
}
@media(min-width:768px) and (max-width:991px){
    .projects-section .project-block{
        width:33.333333%!important;
    }
}
@media(max-width:767px){
    .projects-section .project-block{
        width:50%!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
    .projects-section .image-box{
        border-radius:12px!important;
    }
}
@media(max-width:480px){
    .projects-section .project-block{
        width:100%!important;
        padding-left:0!important;
        padding-right:0!important;
    }
}

/* =========================================================
   GAYATRI FURNITURE — PREMIUM PROJECT DETAIL PAGES
   ========================================================= */
.gf-project-detail{
    background:#f4f7f8;
    color:var(--gf-ink);
}
.gf-project-hero{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:flex-end;
    background:#061f29 center/cover no-repeat;
    overflow:hidden;
}
.gf-project-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(3,20,27,.92) 0%,rgba(3,20,27,.68) 46%,rgba(3,20,27,.20) 100%),
        linear-gradient(0deg,rgba(3,20,27,.65),transparent 50%);
}
.gf-project-hero-inner{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:105px 24px 78px;
}
.gf-project-breadcrumb{
    display:flex;
    gap:8px;
    align-items:center;
    color:#b8cbd0;
    font-size:11px;
    margin-bottom:24px;
}
.gf-project-breadcrumb a{color:#fff}
.gf-project-breadcrumb i{font-size:8px;color:var(--gf-accent)}
.gf-project-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#e1c48b;
    text-transform:uppercase;
    letter-spacing:.17em;
    font-size:10px;
    font-weight:800;
    margin-bottom:14px;
}
.gf-project-kicker:before{content:"";width:35px;height:2px;background:var(--gf-accent)}
.gf-project-hero h1{
    max-width:820px;
    color:#fff!important;
    font-size:clamp(38px,5.6vw,70px)!important;
    line-height:1.03!important;
    letter-spacing:-.045em!important;
    font-weight:800!important;
    margin:0 0 18px!important;
}
.gf-project-hero-lead{
    max-width:720px;
    color:#d9e4e7;
    font-size:16px;
    line-height:1.75;
    margin:0;
}
.gf-project-hero-meta{
    margin-top:35px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.gf-project-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 13px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.16);
    border-radius:30px;
    color:#eef4f5;
    font-size:11px;
    backdrop-filter:blur(8px);
}
.gf-project-pill i{color:#e1c48b}
.gf-project-body{padding:75px 0 95px}
.gf-project-container{
    max-width:1240px;
    margin:0 auto;
    padding:0 24px;
}
.gf-project-overview{
    display:grid;
    grid-template-columns:minmax(0,1fr) 335px;
    gap:32px;
    align-items:start;
}
.gf-project-card{
    background:#fff;
    border:1px solid var(--gf-border);
    border-radius:20px;
    box-shadow:0 12px 40px rgba(7,36,47,.06);
}
.gf-project-story{padding:34px}
.gf-project-label{
    display:block;
    color:var(--gf-accent);
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:10px;
    font-weight:800;
    margin-bottom:10px;
}
.gf-project-story h2{
    color:var(--gf-navy);
    font-size:32px;
    line-height:1.16;
    letter-spacing:-.03em;
    font-weight:800;
    margin:0 0 14px;
}
.gf-project-story p{
    color:#5c6e74;
    font-size:14px;
    line-height:1.9;
    margin:0 0 15px;
}
.gf-project-facts{padding:27px}
.gf-project-facts h3{
    color:var(--gf-navy);
    font-size:18px;
    margin:0 0 18px;
    font-weight:800;
}
.gf-fact{
    padding:13px 0;
    border-top:1px solid #e9eff0;
}
.gf-fact small{
    display:block;
    color:#8a999e;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-weight:800;
    margin-bottom:3px;
}
.gf-fact strong{display:block;color:#334b53;font-size:13px;line-height:1.5}
.gf-project-scope{
    margin-top:32px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.gf-scope-item{
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:15px;
    border:1px solid #e3ebed;
    border-radius:12px;
    background:#fbfcfc;
}
.gf-scope-item i{
    color:var(--gf-accent);
    margin-top:3px;
    font-size:12px;
}
.gf-scope-item span{font-size:12px;line-height:1.55;color:#52666d;font-weight:600}
.gf-project-gallery-section{margin-top:62px}
.gf-project-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin-bottom:24px;
}
.gf-project-section-head h2{
    margin:4px 0 0;
    color:var(--gf-navy);
    font-size:34px;
    line-height:1.15;
    letter-spacing:-.03em;
    font-weight:800;
}
.gf-project-section-head p{
    max-width:440px;
    margin:0;
    color:#738288;
    font-size:13px;
    line-height:1.7;
}
.gf-project-gallery-grid{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-auto-rows:190px;
    gap:15px;
}
.gf-project-gallery-item{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:15px;
    background:#dfe8ea;
}
.gf-project-gallery-item:nth-child(1){grid-column:span 7;grid-row:span 2}
.gf-project-gallery-item:nth-child(2){grid-column:span 5;grid-row:span 1}
.gf-project-gallery-item:nth-child(3){grid-column:span 5;grid-row:span 1}
.gf-project-gallery-item:nth-child(n+4){grid-column:span 4;grid-row:span 1}
.gf-project-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s ease;
}
.gf-project-gallery-item:after{
    content:"\f065";
    font-family:FontAwesome;
    position:absolute;
    right:15px;
    bottom:15px;
    width:35px;
    height:35px;
    border-radius:50%;
    background:rgba(6,31,41,.72);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    opacity:0;
    transform:translateY(7px);
    transition:.3s;
}
.gf-project-gallery-item:hover img{transform:scale(1.055)}
.gf-project-gallery-item:hover:after{opacity:1;transform:translateY(0)}
.gf-project-cta{
    margin-top:62px;
    border-radius:20px;
    background:linear-gradient(115deg,var(--gf-navy),#0d5c6c);
    padding:43px 45px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    color:#fff;
}
.gf-project-cta h2{
    color:#fff;
    font-size:29px;
    line-height:1.2;
    margin:0 0 7px;
    font-weight:800;
}
.gf-project-cta p{
    margin:0;
    color:#c9dadd;
    font-size:13px;
}
.gf-project-cta .gf-btn{flex:0 0 auto}
.gf-project-nav{
    margin-top:18px;
    display:flex;
    justify-content:space-between;
    gap:15px;
}
.gf-project-nav a{
    color:#64777d;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.gf-project-nav a:hover{color:var(--gf-teal)}

@media(max-width:991px){
    .gf-project-hero{min-height:480px}
    .gf-project-overview{grid-template-columns:1fr}
    .gf-project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .gf-project-facts h3{grid-column:1/-1;margin-bottom:0}
    .gf-fact{border-top:0;padding:0}
}
@media(max-width:767px){
    .gf-project-hero{min-height:510px}
    .gf-project-hero-inner{padding:85px 17px 55px}
    .gf-project-container{padding:0 17px}
    .gf-project-body{padding:55px 0 70px}
    .gf-project-story,.gf-project-facts{padding:23px}
    .gf-project-story h2{font-size:27px}
    .gf-project-facts{display:block}
    .gf-fact{border-top:1px solid #e9eff0;padding:12px 0}
    .gf-project-scope{grid-template-columns:1fr}
    .gf-project-section-head{display:block}
    .gf-project-section-head h2{font-size:28px}
    .gf-project-section-head p{margin-top:10px}
    .gf-project-gallery-grid{
        grid-template-columns:1fr 1fr;
        grid-auto-rows:170px;
        gap:9px;
    }
    .gf-project-gallery-item:nth-child(1),
    .gf-project-gallery-item:nth-child(2),
    .gf-project-gallery-item:nth-child(3),
    .gf-project-gallery-item:nth-child(n+4){
        grid-column:span 1;
        grid-row:span 1;
    }
    .gf-project-gallery-item:nth-child(1){grid-column:span 2;grid-row:span 2}
    .gf-project-cta{
        margin-top:45px;
        padding:28px 23px;
        display:block;
    }
    .gf-project-cta .gf-btn{margin-top:20px}
    .gf-project-nav{display:block}
    .gf-project-nav a{display:block;margin:10px 0}
}



/* =========================================================
   SERVICE DETAIL HERO
========================================================= */

.gf-service-hero {
    position: relative;
    min-height: 250px;

    display: flex;
    align-items: center;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* Decorative accent */

.gf-service-hero::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -100px;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background: rgba(244,162,97,.18);
}


/* Content */

.gf-service-hero-content {
    position: relative;
    z-index: 2;

    padding: 42px 0;
}


/* Small heading */

.gf-service-hero-kicker {
    display: inline-block;

    margin-bottom: 8px;

    padding: 5px 12px;

    border-left: 3px solid #f4a261;

    color: #f4c27a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.8px;
}


/* Title */

.gf-service-hero h1 {
    margin: 0 0 15px;

    color: #ffffff;

    font-size: clamp(32px, 4vw, 52px);

    line-height: 1.08;

    font-weight: 700;
}


/* Breadcrumb */

.gf-service-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px;

    color: rgba(255,255,255,.75);

    font-size: 13px;
}


.gf-service-breadcrumb a {
    color: #ffffff;

    text-decoration: none;

    transition: color .2s ease;
}


.gf-service-breadcrumb a:hover {
    color: #f4c27a;
}


.gf-service-breadcrumb strong {
    color: #f4c27a;

    font-weight: 600;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .gf-service-hero {
        min-height: 220px;
    }

    .gf-service-hero-content {
        padding: 35px 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .gf-service-hero {
        min-height: 190px;
    }

    .gf-service-hero-content {
        padding: 30px 0;
    }

    .gf-service-hero h1 {
        font-size: 30px;
    }

    .gf-service-breadcrumb {
        font-size: 12px;
    }

}