@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#ffffff;--bg2:#f5fbfc;--panel:#ffffff;--cyan:#08aebc;--cyan2:#087e89;--text:#20313a;--muted:#62747c;--line:#dce8eb;--max:1200px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.topline{background:#f1f8f9;border-bottom:1px solid #dce8eb;font-size:12px;color:#52676f}.topline-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topline a{color:#087e89}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #08aebc;border-radius:13px;color:#08aebc;font-size:25px;font-weight:900;background:#effcfd}.brand-words{display:flex;flex-direction:column;line-height:1.35}.brand-words strong{font-size:20px;letter-spacing:-.5px;color:#263b43}.brand-words strong b{color:#08aebc;font-weight:800}.brand-words small{font-size:9px;letter-spacing:3px;color:#71858d;direction:ltr;text-align:right}.main-nav{display:flex;align-items:center;gap:28px;color:#465a62;font-size:13px}.main-nav a{position:relative;padding:9px 0;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#078e9b}.main-nav a.active:after{content:"";position:absolute;bottom:0;right:0;width:18px;height:2px;background:#08aebc}.header-cta{display:flex;align-items:center;gap:9px;border:1px solid #9adfe4;border-radius:10px;padding:10px 15px;font-size:12px;color:#087e89;white-space:nowrap;background:#f7feff}.header-cta span{font-size:16px}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);color:#263b43;border-radius:9px;font-size:23px;padding:4px 11px}
.hero{position:relative;min-height:610px;overflow:hidden;background:#eaf6f7}.hero-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=85');background-size:cover;background-position:center 48%;opacity:.8}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 36%,rgba(255,255,255,.26) 72%,rgba(255,255,255,.08) 100%),linear-gradient(0deg,rgba(255,255,255,.95) 0%,transparent 24%)}.hero-inner{position:relative;min-height:610px;display:flex;align-items:center}.hero-copy{width:min(640px,70%);padding:64px 0 84px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:#078e9b;font-size:12px;font-weight:800}.eyebrow span{width:25px;height:2px;background:#08aebc}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.45;letter-spacing:-1.8px;margin:20px 0 15px;font-weight:900;color:#203943}.hero h1 em,.section-heading h2 em,.about-content h2 em,.contact-inner h2 em{font-style:normal;color:#08aebc}.hero-copy>p{max-width:530px;color:#536970;font-size:15px;line-height:2.1;margin-bottom:27px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:48px;padding:12px 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,border .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#08aebc;color:#fff;box-shadow:0 10px 25px #08aebc30}.btn-primary:hover{background:#078e9b}.btn-glass{border:1px solid #b6d0d4;background:rgba(255,255,255,.78);color:#2d4b53}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:35px}.proof-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #8dd7dd;color:#078e9b;background:#f7ffff;font-weight:900}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px;color:#263e46}.hero-proof small{font-size:11px;color:#667c84}.hero-side-card{position:absolute;left:0;bottom:112px;width:230px;padding:24px;border:1px solid #ffffff;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 20px 60px #54757c1c}.side-kicker{font-size:9px;letter-spacing:1.5px;color:#078e9b;direction:ltr;display:block}.hero-side-card strong{display:block;font-size:23px;line-height:1.6;margin-top:12px;color:#203943}.side-line{display:block;width:42px;height:2px;background:#08aebc;margin:15px 0}.hero-side-card small{font-size:11px;color:#667c84}.hero-bottom-label{position:absolute;bottom:30px;right:0;color:#617780;font-size:11px;display:flex;align-items:center;gap:10px}.scroll-dot{width:7px;height:7px;border-radius:50%;background:#08aebc;box-shadow:0 0 12px #08aebc}
.quick-features{position:relative;z-index:2;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 28px #173c4610}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature-item{min-height:112px;display:flex;align-items:center;gap:17px;padding:22px 28px;border-left:1px solid var(--line)}.feature-item:first-child{border-right:1px solid var(--line)}.feature-number{font-size:13px;color:#08aebc;font-weight:900;align-self:flex-start;margin-top:5px}.feature-item h3{font-size:16px;margin:0 0 3px;color:#263e46}.feature-item p{font-size:11px;color:#72858c;margin:0}.feature-arrow{margin-right:auto;color:#08aebc;font-size:20px}
.section{padding:100px 0}.services-section{background:#f6fafb}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2,.about-content h2,.contact-inner h2{font-size:clamp(27px,3.5vw,42px);line-height:1.55;letter-spacing:-.8px;margin:10px 0 0;color:#243b44}.section-heading>p{max-width:360px;color:#657982;font-size:13px;margin:0 0 7px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{border:1px solid #e0ebee;border-radius:16px;overflow:hidden;background:#fff;transition:.25s;box-shadow:0 8px 26px #24465008}.service-card:hover{transform:translateY(-6px);border-color:#8bdce2;box-shadow:0 20px 45px #24465013}.service-image{height:170px;background-size:cover;background-position:center;position:relative}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,.95),transparent 55%)}


.service-image-1{
    height:  220px;
    background-image:url('../images/installation/install-01.webp');
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
}
.service-image-2{
     height:  220px;
    background-image:url('../images/installation/install-02.webp');
    background-size:cover;
    background-position: center;
     background-repeat:no-repeat;
}


.service-image-3{background-image:url('../images/installation/install-03.jpg');}



.service-image-4{background-image:url('../images/installation/install-04.webp');}







.service-body{padding:0 20px 22px;margin-top:-3px;position:relative}.service-tag{font-size:9px;color:#078e9b;letter-spacing:1px;direction:ltr;display:block}.service-body h3{font-size:18px;margin:8px 0;color:#263e46}.service-body p{font-size:12px;color:#687c84;min-height:52px;margin-bottom:16px}.service-link{border-top:1px solid #e5eef0;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#3e5962}.service-link b{font-size:17px;color:#08aebc}
.about-band{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#fff}.about-image{min-height:450px;background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1200&q=85') center/cover;position:relative}.about-image:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#fff,transparent 60%)}.about-content{padding:70px clamp(30px,7vw,100px) 70px 40px;align-self:center}.about-content h2{margin:10px 0 15px}.about-content>p{font-size:13px;color:#657982;max-width:500px;line-height:2.1}.check-list{padding:0;margin:20px 0 26px;list-style:none;display:grid;gap:8px;font-size:12px;color:#3c555e}.check-list li:before{content:"✓";color:#08aebc;margin-left:10px;font-weight:900}
.projects-section{background:#f6fafb}.project-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px}.project-card{position:relative;min-height:310px;border-radius:16px;overflow:hidden;background:#d9e7e9}.project-large{min-height:370px}.project-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}.project-card:hover .project-img{transform:scale(1.06)}.project-img-1{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85')}.project-img-2{background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=800&q=85')}.project-img-3{background-image:url('https://images.unsplash.com/photo-1581092921461-eab62e97a780?auto=format&fit=crop&w=800&q=85')}.project-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,48,57,.86),transparent 75%)}.project-overlay{position:absolute;inset:auto 23px 22px;z-index:1;color:#fff}.project-overlay span{font-size:10px;color:#9af0f3}.project-overlay h3{font-size:20px;margin:5px 0}.project-overlay b{position:absolute;left:0;bottom:4px;width:34px;height:34px;border:1px solid #ffffff9c;border-radius:50%;display:grid;place-items:center}.demo-note{font-size:11px;color:#788a91;margin:18px 0 0}
.contact-section{padding:62px 0;background:#eaf8f9;border-block:1px solid #d4edef}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-inner h2{font-size:32px;margin:6px 0}.contact-inner p{font-size:12px;color:#657982;margin:0}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-outline{border:1px solid #9acfd4;color:#087e89;background:#fff}
.site-footer{background:#fff;padding:32px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-brand .brand-mark{width:38px;height:38px}.footer-brand .brand-words strong{font-size:17px}.footer-inner p{font-size:11px;color:#71858c;margin:0 auto 0 0}.footer-inner>a:not(.brand){font-size:12px;color:#087e89}.footer-inner>small{width:100%;border-top:1px solid var(--line);padding-top:17px;margin-top:8px;color:#83939a;font-size:10px}.floating-call{position:fixed;z-index:40;left:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#08aebc;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 30px #08aebc50;border:4px solid #fff}
@media(max-width:1000px){.main-nav{gap:16px}.header-cta{padding:9px 11px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-side-card{left:22px;width:190px}.hero-copy{width:72%}.service-image{height:190px}}
@media(max-width:760px){.container{width:min(100% - 30px,var(--max))}.topline-inner{min-height:32px;font-size:10px}.header-inner{height:70px;gap:10px}.brand-mark{width:39px;height:39px}.brand-words strong{font-size:17px}.header-cta{display:none}.menu-toggle{display:block;margin-right:auto;order:3}.main-nav{display:none;position:absolute;top:70px;right:0;left:0;padding:15px 22px 20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:3px;box-shadow:0 12px 24px #24465010}.main-nav.open{display:flex}.main-nav a{padding:10px 0}.main-nav a.active:after{display:none}.hero,.hero-inner{min-height:650px}.hero-photo{background-position:58% center;opacity:.55}.hero-shade{background:linear-gradient(270deg,rgba(255,255,255,.96),rgba(255,255,255,.68)),linear-gradient(0deg,#fff 0%,transparent 40%)}.hero-copy{width:100%;padding:60px 0 110px}.hero h1{font-size:clamp(34px,9vw,48px);letter-spacing:-1px}.hero-copy>p{font-size:13px;max-width:420px}.hero-side-card{display:none}.hero-bottom-label{bottom:22px}.feature-grid{grid-template-columns:1fr}.feature-item{min-height:82px;padding:15px 8px;border-left:0;border-bottom:1px solid var(--line)}.feature-item:first-child{border-right:0}.feature-number{margin-top:4px}.feature-item h3{font-size:14px}.section{padding:68px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.about-content h2{font-size:30px}.section-heading>p{margin-top:12px;font-size:12px}.services-grid{gap:12px}.service-image{height:135px}.service-body{padding:0 13px 16px}.service-body h3{font-size:15px}.service-body p{font-size:11px;min-height:70px}.service-link{font-size:10px}.about-band{grid-template-columns:1fr}.about-image{min-height:260px}.about-image:after{background:linear-gradient(0deg,#fff,transparent 70%)}.about-content{padding:8px 22px 48px}.project-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:1/-1;min-height:280px}.project-card{min-height:220px}.project-overlay{inset:auto 15px 15px}.project-overlay h3{font-size:16px}.contact-inner{display:block}.contact-inner h2{font-size:28px}.contact-actions{margin-top:22px}.footer-inner{gap:14px}.footer-inner p{width:100%;order:2}.footer-inner>a:not(.brand){margin-right:auto}.footer-inner>small{order:3}}
@media(max-width:420px){.topline-inner span{max-width:58%;line-height:1.4}.hero-buttons .btn{flex:1;padding-inline:12px;gap:8px;font-size:11px}.services-grid{grid-template-columns:1fr 1fr}.service-image{height:112px}.service-body p{min-height:85px}.project-grid{gap:10px}.project-card{min-height:190px}.project-large{min-height:250px}.contact-actions .btn{flex:1}.brand-words small{letter-spacing:2px}}












/* پس‌زمینه اصلی سایت */
.hero-photo {
    background-image: url('/images/keyhan-background.png') !important;
    background-size: cover;
    background-position: center center;
    opacity: 1;
}

@media (max-width: 760px) {
    .hero-photo {
        background-position: 58% center;
    }
}

/* عکس کارت نصب آسانسور */
.services-grid .service-image-1 {
    background-image: url('/images/installation/install-01.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 170px;
}

.services-grid .service-image-1::after {
    display: none !important;

}




/* بهبود نمایش کارت‌های خدمات */
.service-image {
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service-body {
    padding: 18px 20px 22px;
    margin-top: 0;
}


@media (max-width: 600px) {
    .services-grid {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    .service-card {
        width: 100%;
    }

    .service-image {
        height: 200px;
    }
}