/* =========================================================
   واردات و تامین تجهیزات صنعتی — نیلگون دنیز
   Standalone Elementor HTML-widget page. Uses design tokens
   already defined sitewide in main.css (--primary, --accent,
   --font-main, --radius, --shadow, etc.) — no local token
   redefinition, so it always stays in sync with the site palette.
   All selectors scoped under .ieq-root to avoid collisions with
   Elementor's own generated CSS and other page stylesheets.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600&display=swap');

.ieq-root {
    direction: rtl;
    font-family: var(--font-main);
    color: var(--text);
    line-height: 1.7;
    overflow: hidden;
    --ieq-mono: 'JetBrains Mono', monospace;
    --ieq-accent-tint: rgba(245, 130, 32, 0.10);
}
.ieq-root *, .ieq-root *::before, .ieq-root *::after { box-sizing: border-box; }
.ieq-root img { max-width: 100%; display: block; }
.ieq-root a { color: inherit; text-decoration: none; }
.ieq-root section { position: relative; }
.ieq-root .ieq-wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
@media (max-width: 720px) { .ieq-root .ieq-wrap { padding: 0 20px; } }

.ieq-root .ieq-section { padding: var(--space-xl) 0; }

.ieq-root .ieq-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ieq-mono);
    font-size: 12.5px;
    letter-spacing: 0.08em;
    color: var(--accent);
    font-weight: 600;
    margin-bottom: var(--space-xs);
    direction: ltr;
    unicode-bidi: isolate;
}
.ieq-root .ieq-eyebrow::before {
    content: "";
    width: 22px;
    height: 2px;
    background: var(--accent);
    display: inline-block;
}

.ieq-root h1,
.ieq-root h2,
.ieq-root h3 {
    font-family: var(--font-main) !important;
    color: var(--primary) !important;
    font-weight: 700 !important;
    margin: 0;
}
.ieq-root p { margin: 0; }

.ieq-root .ieq-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .7s var(--transition), transform .7s var(--transition);
}
.ieq-root .ieq-reveal.ieq-in { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
    .ieq-root * { transition: none !important; }
    .ieq-root .ieq-reveal { opacity: 1; transform: none; }
}

/* ============ CATEGORY ICON TILE (no photo needed) ============ */
.ieq-root .ieq-cat-icon-tile {
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    position: relative;
    overflow: hidden;
}
.ieq-root .ieq-cat-icon-tile::before {
    content: "";
    position: absolute; inset: 0;
    background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 14px);
}
.ieq-root .ieq-cat-icon-tile svg { position: relative; z-index: 1; color: #fff; width: 56px; height: 56px; }
.ieq-root .ieq-cat-card:nth-child(even) .ieq-cat-icon-tile {
    background: linear-gradient(135deg, var(--accent), #FFB870);
}

/* ============ HERO ============ */
.ieq-root .ieq-hero { background: var(--background); border-bottom: 1px solid var(--border); overflow: hidden; }
.ieq-root .ieq-hero-bg { position: absolute; inset: 0; z-index: 0; opacity: .35; pointer-events: none; }
.ieq-root .ieq-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr .85fr; gap: var(--space-lg); align-items: center; }
@media (max-width: 900px) { .ieq-root .ieq-hero-grid { grid-template-columns: 1fr; gap: var(--space-md); } }

.ieq-root .ieq-hero h1 { font-size: clamp(1.75rem, 4vw, var(--fs-3xl)); line-height: 1.35; }
.ieq-root .ieq-hero h1 em { color: var(--accent); font-style: normal; }
.ieq-root .ieq-lead { margin-top: var(--space-sm); font-size: var(--fs-lg); color: var(--text-light); max-width: 46ch; }
.ieq-root .ieq-hero-actions { display: flex; gap: 14px; margin-top: var(--space-md); flex-wrap: wrap; }

.ieq-root .ieq-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 0.85rem 1.75rem; border-radius: var(--radius);
    font-weight: 600 !important; font-size: var(--fs-base);
    transition: background var(--transition), transform var(--transition), color var(--transition), box-shadow var(--transition);
    border: 1px solid transparent;
}
.ieq-root .ieq-btn-primary { background: var(--primary); color: #fff !important; }
.ieq-root .ieq-btn-primary:hover { background: var(--accent); transform: translateY(-2px); color: #fff !important; }
.ieq-root .ieq-btn-ghost { border-color: var(--primary); color: var(--primary) !important; }
.ieq-root .ieq-btn-ghost:hover { background: var(--primary); color: #fff !important; transform: translateY(-2px); }

.ieq-root .ieq-hero-stats {
    position: relative; z-index: 1;
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: var(--border); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden;
}
.ieq-root .ieq-stat { background: var(--surface); padding: var(--space-sm); }
.ieq-root .ieq-stat b { display: block; font-family: var(--ieq-mono); font-size: 24px; color: var(--primary); font-weight: 600; }
.ieq-root .ieq-stat span { font-size: 12.5px; color: var(--text-light); }

/* ============ EQUIPMENT CATEGORIES ============ */
.ieq-root .ieq-categories { background: var(--surface); border-bottom: 1px solid var(--border); }
.ieq-root .ieq-categories-head { max-width: 640px; margin-bottom: var(--space-lg); }
.ieq-root .ieq-categories-head h2 { font-size: clamp(1.4rem, 3vw, var(--fs-2xl)); line-height: 1.4; }
.ieq-root .ieq-categories-head p { margin-top: var(--space-xs); color: var(--text-light); font-size: var(--fs-base); }
.ieq-root .ieq-categories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-sm); }
@media (max-width: 980px) { .ieq-root .ieq-categories-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .ieq-root .ieq-categories-grid { grid-template-columns: 1fr; } }

.ieq-root .ieq-cat-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.ieq-root .ieq-cat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: var(--accent); }
.ieq-root .ieq-cat-card .ieq-cat-body { padding: var(--space-sm) var(--space-md) var(--space-md); }
.ieq-root .ieq-cat-card .ieq-num { font-family: var(--ieq-mono); font-size: 12px; color: var(--accent); direction: ltr; margin-bottom: 8px; display: block; }
.ieq-root .ieq-cat-card h3 { font-size: var(--fs-lg); margin-bottom: 8px; }
.ieq-root .ieq-cat-card p { font-size: var(--fs-sm); color: var(--text-light); }

/* ============ WHY US ============ */
.ieq-root .ieq-why { background: var(--background); border-bottom: 1px solid var(--border); }
.ieq-root .ieq-why-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--space-lg); align-items: start; }
@media (max-width: 880px) { .ieq-root .ieq-why-grid { grid-template-columns: 1fr; gap: var(--space-md); } }
.ieq-root .ieq-why h2 { font-size: clamp(1.4rem, 3vw, var(--fs-2xl)); line-height: 1.4; }
.ieq-root .ieq-why-list { display: flex; flex-direction: column; }
.ieq-root .ieq-why-item { display: flex; gap: var(--space-sm); padding: var(--space-sm) 0; border-top: 1px solid var(--border); }
.ieq-root .ieq-why-item:last-child { border-bottom: 1px solid var(--border); }
.ieq-root .ieq-why-item .ieq-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-top: 9px; flex-shrink: 0; }
.ieq-root .ieq-why-item h3 { font-size: var(--fs-base); margin-bottom: 4px; }
.ieq-root .ieq-why-item p { font-size: var(--fs-sm); color: var(--text-light); }

/* ============ PROCESS ============ */
.ieq-root .ieq-process { background: var(--primary); color: #E7ECF4; }
.ieq-root .ieq-process-head { max-width: 640px; margin-bottom: var(--space-lg); }
.ieq-root .ieq-process-head .ieq-eyebrow { color: #FFC98A; }
.ieq-root .ieq-process-head .ieq-eyebrow::before { background: #FFC98A; }
.ieq-root .ieq-process-head h2 { color: #fff !important; font-size: clamp(1.4rem, 3vw, var(--fs-2xl)); }
.ieq-root .ieq-process-head p { color: #B9C7D3; margin-top: var(--space-xs); font-size: var(--fs-base); }

.ieq-root .ieq-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }
@media (max-width: 900px) { .ieq-root .ieq-steps { grid-template-columns: 1fr; gap: var(--space-md); } }
.ieq-root .ieq-steps::before { content: ""; position: absolute; top: 17px; right: 0; left: 0; height: 1px; background: rgba(255,255,255,.15); }
@media (max-width: 900px) { .ieq-root .ieq-steps::before { display: none; } }
.ieq-root .ieq-step { position: relative; padding-inline-end: var(--space-sm); }
.ieq-root .ieq-step .ieq-idx {
    font-family: var(--ieq-mono); font-weight: 600; font-size: 13px; color: #fff;
    background: var(--accent); width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-sm);
    position: relative; z-index: 1;
}
.ieq-root .ieq-step h3 { color: #fff !important; font-size: var(--fs-base); margin-bottom: 8px; }
.ieq-root .ieq-step p { font-size: var(--fs-sm); color: #B9C7D3; }

/* ============ CTA ============ */
.ieq-root .ieq-cta { background: var(--background); }
.ieq-root .ieq-cta-box {
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
    padding: var(--space-lg); display: grid; grid-template-columns: 1.2fr .8fr; gap: var(--space-lg); align-items: center;
    box-shadow: var(--shadow);
}
@media (max-width: 820px) { .ieq-root .ieq-cta-box { grid-template-columns: 1fr; padding: var(--space-md); } }
.ieq-root .ieq-cta-box h2 { font-size: clamp(1.3rem, 2.6vw, var(--fs-xl)); line-height: 1.4; }
.ieq-root .ieq-cta-box p { color: var(--text-light); margin-top: var(--space-xs); font-size: var(--fs-base); }
.ieq-root .ieq-cta-contacts { display: flex; flex-direction: column; gap: var(--space-xs); }
.ieq-root .ieq-cta-contacts a {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: var(--space-xs) var(--space-sm); background: var(--background);
    border: 1px solid var(--border); border-radius: var(--radius); font-size: var(--fs-sm);
    transition: border-color var(--transition), background var(--transition);
}
.ieq-root .ieq-cta-contacts a:hover { border-color: var(--accent); background: var(--ieq-accent-tint); }
.ieq-root .ieq-cta-contacts .ieq-lbl { color: var(--text-light); font-size: 12.5px; }
.ieq-root .ieq-cta-contacts .ieq-val { font-family: var(--ieq-mono); direction: ltr; font-weight: 600; color: var(--primary); }