@import url('./global.css');
@import url('./components/header-footer.css');
@import url('./pages/home.css');

/* Crane Fork Home */
.cf-wrap{width:100%;padding-inline:clamp(18px,3.5vw,64px);box-sizing:border-box}
.cf-hero{background:linear-gradient(135deg,#f6f9fc 0%,#fff 45%,#eef5fb 100%);padding:72px 0 52px;overflow:hidden}
.cf-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.cf-pill{display:inline-flex;align-items:center;gap:8px;background:#eef5fc;color:#0c53a5;border:1px solid #dbeaf7;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}
.cf-hero h1{font-size:clamp(34px,4.8vw,68px);line-height:1.25;margin:18px 0;color:#022041;letter-spacing:-1px}
.cf-lead{font-size:clamp(18px,2vw,25px);line-height:2;color:#2f2e2c;margin:0 0 12px;font-weight:800}
.cf-desc{font-size:15px;line-height:2.2;color:#5f6670;max-width:760px}
.cf-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 20px;text-decoration:none;font-weight:900;transition:.22s ease}
.cf-btn--primary{background:#0c53a5;color:#fff;box-shadow:0 14px 34px rgba(12,83,165,.22)}
.cf-btn--ghost{background:#fff;color:#0c53a5;border:1px solid #dbeaf7}
.cf-btn--light{background:#fff;color:#0c53a5}
.cf-btn:hover{transform:translateY(-2px)}
.cf-keywords{display:flex;gap:8px;flex-wrap:wrap}
.cf-keywords span{font-size:12px;font-weight:800;color:#022041;background:#fff;border:1px solid #e6edf4;border-radius:999px;padding:7px 10px}
.cf-hero__media{position:relative}
.cf-hero__media:before{content:"";position:absolute;inset:12% 8%;background:#0c53a5;border-radius:42px;opacity:.08;transform:rotate(-6deg)}
.cf-hero__media img{position:relative;width:100%;display:block;border-radius:34px;box-shadow:0 24px 70px rgba(2,32,65,.16);object-fit:cover;max-height:520px}

.cf-section{padding:72px 0;background:#fff}
.cf-section--soft{background:#f6f9fc}
.cf-section--dark{background:#022041;color:#fff}
.cf-head{text-align:center;max-width:820px;margin:0 auto 34px}
.cf-head span{color:#0c53a5;font-weight:900;font-size:13px;text-transform:uppercase}
.cf-head h2{font-size:clamp(26px,3vw,42px);line-height:1.5;margin:8px 0 10px;color:#022041}
.cf-head p{line-height:2;color:#5f6670;margin:0}
.cf-head--light h2,.cf-head--light p{color:#fff}
.cf-head--light span{color:#8fc9ff}

.cf-products{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.cf-product-card{background:#fff;border:1px solid #e7edf3;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(2,32,65,.08);transition:.25s ease}
.cf-product-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(2,32,65,.13)}
.cf-product-card__image{height:300px;background:#f1f5f9}
.cf-product-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.cf-product-card__body{padding:24px}
.cf-product-card__body>i{width:46px;height:46px;border-radius:16px;background:#eef5fc;color:#0c53a5;display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.cf-product-card h3{margin:16px 0 4px;font-size:24px;color:#022041}
.cf-product-card strong{display:block;color:#0c53a5;margin-bottom:10px}
.cf-product-card p{line-height:2;color:#5f6670}
.cf-product-card a{font-weight:900;color:#0c53a5;text-decoration:none}

.cf-about{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.cf-about h2,.cf-standard h2{font-size:clamp(26px,3vw,42px);line-height:1.5;color:#022041}
.cf-about p,.cf-standard p{line-height:2.2;color:#5f6670}
.cf-about__image img{width:100%;border-radius:28px;box-shadow:0 20px 60px rgba(2,32,65,.12)}

.cf-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cf-benefit{background:#fff;border:1px solid #e7edf3;border-radius:18px;padding:18px;display:flex;align-items:center;gap:10px;font-weight:900;color:#022041}
.cf-benefit i{color:#0c53a5}

.cf-industries{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cf-industries div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:20px;display:flex;gap:10px;align-items:center;font-weight:900}
.cf-industries i{color:#8fc9ff}

.cf-standard{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.cf-standard__list{display:grid;gap:14px}
.cf-standard__list div{border:1px solid #e7edf3;border-radius:20px;padding:20px;background:#fff}
.cf-standard__list strong{display:block;color:#0c53a5;margin-bottom:8px}
.cf-standard__list span{color:#5f6670}

.cf-faq{max-width:920px;margin:auto;display:grid;gap:12px}
.cf-faq details{background:#fff;border:1px solid #e7edf3;border-radius:18px;padding:18px}
.cf-faq summary{cursor:pointer;font-weight:900;color:#022041}
.cf-faq p{line-height:2;color:#5f6670;margin:12px 0 0}

.cf-cta{background:linear-gradient(135deg,#0c53a5,#022041);color:#fff;text-align:center;padding:64px 0}
.cf-cta h2{font-size:clamp(25px,3vw,42px);margin:0 0 12px}
.cf-cta p{opacity:.9;line-height:2;margin-bottom:24px}

@media(max-width:980px){
  .cf-hero__grid,.cf-about,.cf-standard{grid-template-columns:1fr}
  .cf-benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .cf-products,.cf-industries,.cf-benefits{grid-template-columns:1fr}
  .cf-hero{padding-top:42px}
  .cf-product-card__image{height:230px}
}


========================= */

body{
  padding-top:0;
}

.zw-header{
  position:sticky;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  background:#fff;
  transition:
    background .25s ease,
    box-shadow .25s ease,
    min-height .25s ease,
    transform .25s ease;
}

.zw-header::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  z-index:-1;
}

.zw-header.is-sticky{
  box-shadow:
    0 10px 30px rgba(2,32,65,.08),
    0 1px 0 rgba(15,23,42,.04);
}

.zw-header .zw-header__inner,
.zw-header .zw-nav,
.zw-header .zw-shell{
  transition:all .25s ease;
}

.zw-header.is-sticky .zw-header__inner{
  min-height:76px !important;
}

.zw-header .zw-logo img,
.zw-header .zw-brand img{
  transition:
    height .25s ease,
    width .25s ease,
    transform .25s ease;
}

.zw-header.is-sticky .zw-logo img,
.zw-header.is-sticky .zw-brand img{
  transform:scale(.88);
}

.zw-header.is-sticky .zw-nav > ul > li > a{
  min-height:74px;
}

.zw-topbar{
  transition:
    opacity .25s ease,
    transform .25s ease,
    max-height .25s ease;
  overflow:hidden;
}

.zw-header.is-sticky .zw-topbar{
  opacity:0;
  transform:translateY(-100%);
  max-height:0;
}

@media(max-width:992px){

  .zw-header{
    position:sticky;
  }

  .zw-header.is-sticky .zw-topbar{
    display:none;
  }

  .zw-header.is-sticky .zw-header__inner{
    min-height:68px !important;
  }
}



============================== */

.zw-header,
header.zw-header{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:99999 !important;
  background:#fff !important;
  transition:box-shadow .25s ease, transform .25s ease;
}

.zw-header.zw-is-sticky,
header.zw-header.zw-is-sticky{
  box-shadow:0 10px 34px rgba(2,32,65,.12) !important;
}

.zw-topbar{
  background:#022041 !important;
  color:#fff !important;
  transition:max-height .25s ease, opacity .25s ease, transform .25s ease;
  overflow:hidden !important;
}

.zw-header.zw-is-sticky .zw-topbar{
  max-height:0 !important;
  opacity:0 !important;
  transform:translateY(-100%) !important;
}

.zw-header img{
  transition:transform .25s ease, max-height .25s ease;
}

.zw-header.zw-is-sticky img{
  transform:scale(.9);
}

.zw-header-placeholder{
  display:block;
  width:100%;
  height:var(--zw-header-height, 120px);
}

@media(max-width:768px){
  .zw-header-placeholder{
    height:var(--zw-header-height, 86px);
  }
}


============================== */

/* اول صفحه کاملاً عادی باشد */
.zw-header,
header.zw-header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  z-index:9999 !important;
  background:#fff !important;
  box-shadow:none !important;
}

/* وقتی اسکرول شد بچسبد بالا */
.zw-header.zw-scroll-sticky,
header.zw-header.zw-scroll-sticky{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  box-shadow:0 10px 34px rgba(2,32,65,.12) !important;
  animation:zwHeaderDrop .22s ease both;
}

/* موقع sticky تاپ‌بار مخفی شود، چون خود تاپ‌بار باید فقط اول صفحه دیده شود */
.zw-header.zw-scroll-sticky .zw-topbar{
  display:none !important;
}

/* وقتی fixed شد، جای خالی ایجاد کند که صفحه نپرد */
.zw-header-placeholder{
  display:none;
  height:0;
}

.zw-header-placeholder.is-active{
  display:block;
  height:var(--zw-header-height, 86px);
}

@keyframes zwHeaderDrop{
  from{transform:translateY(-100%)}
  to{transform:translateY(0)}
}

/* ==============================
   CRANEFORK HEADER STICKY ON SCROLL
============================== */

.zw-header{
  position:relative !important;
  width:100% !important;
  z-index:9999 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.zw-header.zw-scroll-sticky{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:99999 !important;
  background:#fff !important;
  box-shadow:0 10px 34px rgba(2,32,65,.12) !important;
  animation:zwHeaderDrop .22s ease both;
}

.zw-header.zw-scroll-sticky .zw-topbar{
  display:none !important;
}

.zw-header-placeholder{
  display:none;
  width:100%;
  height:0;
}

.zw-header-placeholder.is-active{
  display:block;
  height:var(--zw-header-height, 86px);
}

@keyframes zwHeaderDrop{
  from{transform:translateY(-100%)}
  to{transform:translateY(0)}
}

/* ==============================
   ZalWeb Mobile Header Brand Patch
   Bigger logo + ACG slogan on responsive only
============================== */

.zw-mobile-brand-patched{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0;
}

.zw-mobile-brand-patched picture,
.zw-mobile-brand-patched img{
  flex:0 0 auto;
}

.zw-mobile-acg-slogan{
  display:none;
}

@media (max-width: 768px){
  header .zw-mobile-brand-patched img{
    width:auto !important;
    max-width:none !important;
    height:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
  }

  header .zw-mobile-acg-slogan{
    display:inline-flex !important;
    align-items:center;
    max-width:150px;
    font-family:Shabnam,Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:800;
    line-height:1.45;
    color:var(--acg-blue, var(--zw-primary, #004c8c));
    white-space:normal;
    text-align:right;
    letter-spacing:-.2px;
  }
}

@media (max-width: 420px){
  header .zw-mobile-brand-patched img{
    height:48px !important;
    max-height:48px !important;
  }

  header .zw-mobile-acg-slogan{
    max-width:128px;
    font-size:10px;
  }
}

/* === ZALWEB FINAL MOBILE BRAND PATCH START === */
.zw-mobile-logo-wrap,
.zw-mobile-brand-line,
.zw-mobile-acg-slogan-final{
  box-sizing:border-box;
}

.zw-mobile-acg-slogan-final{
  display:none;
}

@media (max-width:768px){
  header .zw-mobile-brand-line{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    direction:ltr !important;
    max-width:72vw !important;
    min-width:0 !important;
  }

  header .zw-mobile-logo-wrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    line-height:0 !important;
  }

  header .zw-mobile-logo-wrap img{
    display:block !important;
    width:auto !important;
    height:58px !important;
    max-height:58px !important;
    max-width:138px !important;
    object-fit:contain !important;
  }

  header .zw-mobile-logo-wrap picture{
    display:inline-flex !important;
    align-items:center !important;
    line-height:0 !important;
  }

  header .zw-mobile-acg-slogan-final{
    display:inline-block !important;
    flex:0 1 auto !important;
    max-width:145px !important;
    font-family:Shabnam,Tahoma,Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    color:#004c8c !important;
    text-align:left !important;
    white-space:normal !important;
    letter-spacing:.1px !important;
  }
}

@media (max-width:420px){
  header .zw-mobile-logo-wrap img{
    height:52px !important;
    max-height:52px !important;
    max-width:124px !important;
  }

  header .zw-mobile-acg-slogan-final{
    max-width:118px !important;
    font-size:10px !important;
    line-height:1.3 !important;
  }
}
/* === ZALWEB FINAL MOBILE BRAND PATCH END === */


/* Phone LTR display fix */
a[href^="tel:"],
a[href^="tel:"] span,
.cf-info-card p,
.afo-phone{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  text-align:left !important;
  white-space:nowrap !important;
}