/* =============================================================
   Giti Zhoobin International Industrial UI 2026
   Flatsome + UX Builder Ready
   Inspired by Stitch Industrial Precision / B2B global portals
   ============================================================= */

:root{
  --gz-bg:#f7f9fd;
  --gz-surface:#ffffff;
  --gz-surface-2:#f2f4f8;
  --gz-concrete:#e5e7eb;
  --gz-line:#c4c7c7;
  --gz-ink:#191c1f;
  --gz-muted:#444748;
  --gz-soft:#747878;
  --gz-black:#0b0c0c;
  --gz-obsidian:#222222;
  --gz-red:#6f1a25;
  --gz-red-2:#9f3e46;
  --gz-blue:#0088cc;
  --gz-white:#ffffff;
  --gz-shadow:4px 4px 0 0 var(--gz-obsidian);
  --gz-shadow-red:6px 6px 0 0 var(--gz-red);
  --gz-max:1280px;
}

html{scroll-behavior:smooth;}
body.giti-2026-theme,
.giti-2026-theme{
  direction:rtl;
  background:var(--gz-bg);
  color:var(--gz-ink);
  font-family:Vazirmatn, IRANSans, Tahoma, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* De-Flatsome visual polish: sharper, less template-looking */
.giti-2026-theme .button,
.giti-2026-theme button,
.giti-2026-theme input,
.giti-2026-theme select,
.giti-2026-theme textarea,
.giti-2026-theme .box,
.giti-2026-theme .banner,
.giti-2026-theme .col-inner{
  border-radius:0!important;
}
.giti-2026-theme .header-wrapper{border-bottom:2px solid var(--gz-obsidian); box-shadow:none;}
.giti-2026-theme .header-main{background:rgba(247,249,253,.94); backdrop-filter:blur(14px);}
.giti-2026-theme .nav > li > a{font-weight:800; letter-spacing:-.02em; color:var(--gz-ink);}
.giti-2026-theme .nav > li > a:hover{color:var(--gz-red);}
.giti-2026-theme .header-button .button{background:var(--gz-red)!important; border:2px solid var(--gz-red)!important; color:#fff!important; box-shadow:var(--gz-shadow);}
.giti-2026-theme .button.primary,
.giti-2026-theme .button.alert,
.gz-btn{
  background:var(--gz-obsidian)!important;
  border:2px solid var(--gz-obsidian)!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.02em;
  min-height:44px;
  padding:12px 22px!important;
  box-shadow:var(--gz-shadow);
  transform:translate(0,0);
  transition:.18s ease;
}
.giti-2026-theme .button.primary:hover,
.giti-2026-theme .button.alert:hover,
.gz-btn:hover{box-shadow:var(--gz-shadow-red); transform:translate(-2px,-2px); background:var(--gz-red)!important; border-color:var(--gz-red)!important;}
.giti-2026-theme .button.white,
.gz-btn--ghost{background:transparent!important; color:#fff!important; border:2px solid currentColor!important; box-shadow:none;}

/* Core layout */
.gz-shell{max-width:var(--gz-max); margin:0 auto; padding-inline:32px;}
.gz-section{position:relative; padding:96px 0; overflow:hidden;}
.gz-section--tight{padding:64px 0;}
.gz-section--surface{background:var(--gz-bg);}
.gz-section--white{background:var(--gz-white);}
.gz-section--dark{background:var(--gz-black); color:#fff;}
.gz-grid-bg{background-image:radial-gradient(rgba(25,28,31,.16) 1px, transparent 1px); background-size:24px 24px;}
.gz-diagonal{position:absolute; inset:0; pointer-events:none; opacity:.65; background:linear-gradient(135deg, transparent 0 49.5%, rgba(25,28,31,.08) 49.5% 50.5%, transparent 50.5% 100%); background-size:56px 56px;}
.gz-eyebrow,.gz-label{
  display:inline-flex; align-items:center; gap:10px;
  font-family:"JetBrains Mono", monospace;
  font-size:12px; line-height:1.4; letter-spacing:.08em;
  color:var(--gz-red); font-weight:800; text-transform:uppercase;
  margin-bottom:16px;
}
.gz-eyebrow:before,.gz-label:before{content:""; width:34px; height:2px; background:currentColor; display:block;}
.gz-title{font-size:clamp(32px,4.7vw,64px); line-height:1.18; font-weight:950; color:var(--gz-ink); letter-spacing:-.065em; margin:0 0 22px;}
.gz-title--white{color:#fff;}
.gz-h2{font-size:clamp(27px,3.2vw,42px); line-height:1.35; font-weight:950; letter-spacing:-.045em; margin:0 0 16px; color:var(--gz-ink);}
.gz-h2--white{color:#fff;}
.gz-lead{font-size:18px; line-height:2; color:var(--gz-muted); margin:0 0 28px; max-width:860px;}
.gz-lead--white{color:rgba(255,255,255,.78);}
.gz-mono{font-family:"JetBrains Mono", monospace; letter-spacing:.02em;}
.gz-red{color:var(--gz-red);}
.gz-blue{color:var(--gz-blue);}

/* Hero */
.gz-hero{min-height:86vh; display:flex; align-items:center; background:var(--gz-black); color:#fff; position:relative; overflow:hidden;}
.gz-hero:before{content:""; position:absolute; inset:0; background:linear-gradient(270deg, rgba(11,12,12,.93) 0%, rgba(11,12,12,.82) 42%, rgba(11,12,12,.35) 100%); z-index:1;}
.gz-hero:after{content:""; position:absolute; inset:0; z-index:2; opacity:.2; background-image:linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px),linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px); background-size:72px 72px;}
.gz-hero__media{position:absolute; inset:0; z-index:0; background:linear-gradient(135deg,#2d3134,#0b0c0c);}
.gz-hero__media img{width:100%; height:100%; object-fit:cover; filter:grayscale(.28) contrast(1.08); opacity:.74;}
.gz-hero__content{position:relative; z-index:3; width:100%;}
.gz-hero__inner{display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:end; max-width:var(--gz-max); margin:0 auto; padding:100px 32px 96px;}
.gz-hero__title{font-size:clamp(40px,6vw,78px); line-height:1.18; color:#fff; font-weight:950; letter-spacing:-.075em; max-width:850px; margin:0 0 26px;}
.gz-hero__copy{font-size:19px; line-height:2; color:rgba(255,255,255,.82); max-width:720px; margin-bottom:34px;}
.gz-hero__actions{display:flex; flex-wrap:wrap; gap:16px;}
.gz-command-panel{background:rgba(247,249,253,.92); color:var(--gz-ink); border:2px solid var(--gz-obsidian); box-shadow:var(--gz-shadow); padding:26px; min-height:310px; position:relative;}
.gz-command-panel:before{content:"PROJECT SUPPLY CHAIN"; position:absolute; top:-28px; right:-2px; background:var(--gz-red); color:#fff; padding:6px 12px; font-family:"JetBrains Mono",monospace; font-size:11px; font-weight:800; letter-spacing:.08em;}
.gz-flow{display:grid; gap:12px; margin-top:18px;}
.gz-flow__item{display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid var(--gz-line); background:#fff; padding:13px 14px; font-weight:900;}
.gz-flow__item span{font-family:"JetBrains Mono", monospace; color:var(--gz-red); font-size:12px;}
.gz-flow__arrow{height:22px; width:2px; background:var(--gz-obsidian); margin-right:22px; position:relative;}
.gz-flow__arrow:after{content:""; position:absolute; bottom:-5px; right:-4px; width:10px; height:10px; border-left:2px solid var(--gz-obsidian); border-bottom:2px solid var(--gz-obsidian); transform:rotate(-45deg);}

/* KPI */
.gz-kpi{position:relative; z-index:5; margin-top:-48px;}
.gz-kpi__grid{display:grid; grid-template-columns:repeat(5,1fr); background:var(--gz-obsidian); border:2px solid var(--gz-obsidian); box-shadow:var(--gz-shadow);}
.gz-kpi__item{padding:26px 20px; border-left:1px solid rgba(255,255,255,.18); color:#fff; min-height:124px;}
.gz-kpi__item:last-child{border-left:none;}
.gz-kpi__num{display:block; font-family:"JetBrains Mono", monospace; font-size:30px; line-height:1; color:#fff; font-weight:900; margin-bottom:10px;}
.gz-kpi__label{display:block; color:rgba(255,255,255,.62); font-size:13px; line-height:1.7; font-weight:700;}

/* Section headers */
.gz-section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:42px; border-bottom:2px solid var(--gz-obsidian); padding-bottom:22px;}
.gz-section-head p{margin:0; max-width:560px; color:var(--gz-muted); line-height:1.9;}
.gz-section-index{font-family:"JetBrains Mono", monospace; font-size:13px; color:var(--gz-soft); font-weight:800;}

/* Cards */
.gz-card{background:#fff; border:1px solid var(--gz-line); border-top:4px solid var(--gz-obsidian); padding:28px; min-height:100%; position:relative; transition:.18s ease;}
.gz-card:hover{border-color:var(--gz-obsidian); box-shadow:var(--gz-shadow); transform:translate(-2px,-2px);}
.gz-card--red{border-top-color:var(--gz-red);}
.gz-card--blue{border-top-color:var(--gz-blue);}
.gz-card__icon{width:52px; height:52px; display:flex; align-items:center; justify-content:center; border:2px solid var(--gz-obsidian); background:var(--gz-surface-2); margin-bottom:22px; font-size:24px; font-weight:900;}
.gz-card h3{font-size:22px; line-height:1.5; margin:0 0 12px; font-weight:950; color:var(--gz-ink);}
.gz-card p{font-size:15.5px; line-height:2; color:var(--gz-muted); margin:0 0 18px;}
.gz-card__link{font-family:"JetBrains Mono", monospace; font-size:12px; color:var(--gz-red); font-weight:800;}
.gz-grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.gz-grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.gz-grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:24px;}

/* Product catalog */
.gz-product{background:#fff; border:1px solid var(--gz-line); min-height:100%; transition:.18s ease; position:relative;}
.gz-product:hover{box-shadow:var(--gz-shadow); transform:translate(-2px,-2px); border-color:var(--gz-obsidian);}
.gz-product__media{height:220px; background:linear-gradient(135deg,var(--gz-concrete),var(--gz-surface-2)); border-bottom:1px solid var(--gz-line); position:relative; overflow:hidden;}
.gz-product__media:before{content:""; position:absolute; inset:0; background-image:linear-gradient(90deg, rgba(25,28,31,.07) 1px, transparent 1px),linear-gradient(rgba(25,28,31,.07) 1px, transparent 1px); background-size:26px 26px;}
.gz-product__media img{width:100%; height:100%; object-fit:cover; filter:grayscale(.1); position:relative; z-index:1;}
.gz-product__tag{position:absolute; z-index:2; right:14px; top:14px; background:var(--gz-obsidian); color:#fff; font-family:"JetBrains Mono", monospace; font-size:11px; padding:6px 9px; font-weight:800;}
.gz-product__body{padding:24px;}
.gz-product h3{font-size:21px; line-height:1.45; margin:0 0 12px; font-weight:950;}
.gz-product p{font-size:15px; line-height:1.95; color:var(--gz-muted); margin:0 0 18px;}
.gz-specs{display:flex; gap:8px; flex-wrap:wrap; margin-top:16px;}
.gz-specs span{border:1px solid var(--gz-line); background:var(--gz-surface-2); padding:6px 9px; font-size:12px; color:var(--gz-muted); font-weight:800;}

/* Dark command */
.gz-darkbox{background:var(--gz-black); color:#fff; border:2px solid var(--gz-obsidian); padding:34px; position:relative; overflow:hidden; min-height:100%;}
.gz-darkbox:after{content:""; position:absolute; width:260px; height:260px; left:-130px; bottom:-130px; border:1px solid rgba(255,255,255,.15);}
.gz-darkbox h3,.gz-darkbox h2{color:#fff; font-weight:950;}
.gz-darkbox p{color:rgba(255,255,255,.72); line-height:2;}
.gz-darkbox .gz-label{color:#ffb3b5;}

/* Tables */
.gz-table{width:100%; border-collapse:collapse; background:#fff; border:2px solid var(--gz-obsidian);}
.gz-table th{background:var(--gz-obsidian); color:#fff; font-family:"JetBrains Mono", monospace; font-size:12px; text-align:right; padding:14px;}
.gz-table td{border-bottom:1px solid var(--gz-line); padding:14px; color:var(--gz-muted); line-height:1.8;}
.gz-table tr:nth-child(even) td{background:var(--gz-surface-2);}

/* Lists */
.gz-list{list-style:none; margin:0; padding:0;}
.gz-list li{display:flex; gap:12px; align-items:flex-start; padding:13px 0; border-bottom:1px solid var(--gz-line); color:var(--gz-muted); line-height:1.85; font-weight:650;}
.gz-list li:before{content:""; width:10px; height:10px; flex:0 0 10px; margin-top:10px; background:var(--gz-red);}

/* Timeline */
.gz-timeline{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; counter-reset:step;}
.gz-step{counter-increment:step; background:#fff; border:1px solid var(--gz-line); padding:26px; position:relative;}
.gz-step:before{content:counter(step, decimal-leading-zero); display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; background:var(--gz-obsidian); color:#fff; font-family:"JetBrains Mono", monospace; font-weight:900; margin-bottom:20px;}
.gz-step h3{font-size:20px; margin:0 0 10px; font-weight:950;}
.gz-step p{line-height:2; color:var(--gz-muted); margin:0;}

/* Calculator */
.gz-calc{background:#fff; border:2px solid var(--gz-obsidian); box-shadow:var(--gz-shadow); padding:28px;}
.gz-calc__head h3{font-size:24px; font-weight:950; margin:0 0 8px;}
.gz-calc__head p{color:var(--gz-muted); line-height:1.8;}
.gz-calc__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:22px 0;}
.gz-calc label{font-family:"JetBrains Mono",monospace; font-size:12px; color:var(--gz-muted); font-weight:800;}
.gz-calc input{width:100%; margin-top:8px; border:1px solid var(--gz-obsidian)!important; padding:12px!important; height:46px; background:#fff; font-family:Vazirmatn,Tahoma,sans-serif;}
.gz-calc input:focus{outline:2px solid var(--gz-blue)!important; border-color:var(--gz-blue)!important; box-shadow:none!important;}
.gz-calc__actions{display:flex; gap:12px; margin-bottom:18px;}
.gz-calc__actions button{background:var(--gz-obsidian); color:#fff; border:2px solid var(--gz-obsidian); font-weight:900; padding:12px 18px; cursor:pointer;}
.gz-calc__actions button:last-child{background:#fff; color:var(--gz-obsidian);}
.gz-calc__result{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
.gz-calc__result div{border:1px solid var(--gz-line); background:var(--gz-surface-2); padding:16px;}
.gz-calc__result span{display:block; color:var(--gz-muted); font-size:13px; margin-bottom:6px;}
.gz-calc__result strong{font-size:22px; font-family:"JetBrains Mono",monospace;}

/* Contact */
.gz-contact{background:#fff; border:2px solid var(--gz-obsidian); box-shadow:var(--gz-shadow); padding:32px;}
.gz-contact input,.gz-contact select,.gz-contact textarea,
.giti-form-box input,.giti-form-box select,.giti-form-box textarea{border:1px solid var(--gz-obsidian)!important; background:#fff!important; min-height:48px; padding:12px!important; box-shadow:none!important;}
.gz-contact label,.giti-form-box label{font-weight:900; color:var(--gz-ink); margin-bottom:8px; display:block;}
.gz-contact input[type=submit],.giti-form-box input[type=submit]{background:var(--gz-red)!important; border:2px solid var(--gz-red)!important; color:#fff!important; font-weight:950; box-shadow:var(--gz-shadow);}

/* Footer overrides */
.giti-2026-theme .footer-wrapper,
.giti-2026-theme .absolute-footer{background:var(--gz-black)!important; color:rgba(255,255,255,.7);}
.giti-2026-theme .footer-wrapper a{color:rgba(255,255,255,.82);}
.giti-2026-theme .footer-wrapper a:hover{color:#ffb3b5;}

/* Utility */
.gz-split{display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center;}
.gz-media-frame{border:2px solid var(--gz-obsidian); box-shadow:var(--gz-shadow); min-height:410px; background:linear-gradient(135deg,var(--gz-concrete),#fff); position:relative; overflow:hidden;}
.gz-media-frame img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0;}
.gz-media-frame:after{content:"MEDIA / PROJECT IMAGE"; position:absolute; bottom:0; right:0; background:var(--gz-obsidian); color:#fff; padding:8px 12px; font-family:"JetBrains Mono",monospace; font-size:11px;}
.gz-alert{border:2px solid var(--gz-red); background:#fff; color:var(--gz-red); padding:18px; font-weight:900;}

@media(max-width:992px){
  .gz-hero__inner,.gz-split{grid-template-columns:1fr;}
  .gz-kpi__grid{grid-template-columns:repeat(2,1fr);}
  .gz-grid-3,.gz-grid-4,.gz-grid-2,.gz-timeline{grid-template-columns:1fr 1fr;}
  .gz-calc__grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .gz-shell{padding-inline:20px;}
  .gz-section{padding:64px 0;}
  .gz-hero{min-height:auto;}
  .gz-hero__inner{padding:76px 20px 84px;}
  .gz-hero__title{font-size:38px;}
  .gz-hero__copy{font-size:16px;}
  .gz-command-panel{min-height:auto;}
  .gz-kpi{margin-top:0;}
  .gz-kpi__grid,.gz-grid-3,.gz-grid-4,.gz-grid-2,.gz-timeline,.gz-calc__grid,.gz-calc__result{grid-template-columns:1fr;}
  .gz-section-head{display:block;}
  .gz-title{font-size:34px;}
}