/* Qetepich v518: establish the shared SEO-page design tokens for services, industries, parts and sitemap pages.
   Previously these tokens were defined only inside .knowledge-page, leaving non-knowledge SEO pages without layout values. */
:root {
  --bg: #f4f8ff;
  --surface: rgba(255,255,255,.84);
  --surface-solid: #ffffff;
  --text: #0d1c32;
  --muted: #526780;
  --accent: #0969ff;
  --accent2: #00aeea;
  --border: rgba(13,67,130,.14);
  --shadow: 0 22px 60px rgba(16,62,120,.12);
  --radius: 28px;
  --max: 1160px;
}

html[data-theme='dark'] {
  --bg: #030a14;
  --surface: rgba(10,24,44,.84);
  --surface-solid: #0d1b2d;
  --text: #eef5ff;
  --muted: #a9bed8;
  --accent: #5d93ff;
  --accent2: #18c4ff;
  --border: rgba(255,255,255,.09);
  --shadow: 0 24px 70px rgba(0,0,0,.28);
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: IRANSans, Tahoma, Arial, sans-serif;
  line-height: 1.9;
}

@font-face{font-family:IRANSans;src:url('/assets/fonts/IRANSansWeb.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:IRANSans;src:url('/assets/fonts/IRANSansWeb_Bold.woff2') format('woff2');font-display:swap;font-weight:800}
body.knowledge-page > main,body.knowledge-page > footer{--bg:#f4f8ff;--surface:rgba(255,255,255,.84);--surface-solid:#fff;--text:#0d1c32;--muted:#526780;--accent:#0969ff;--accent2:#00aeea;--border:rgba(13,67,130,.14);--shadow:0 22px 60px rgba(16,62,120,.12);--radius:28px;--max:1160px;color-scheme:light dark}
html[data-theme='dark'] body.knowledge-page > main,html[data-theme='dark'] body.knowledge-page > footer{--bg:#030a14;--surface:rgba(10,24,44,.84);--surface-solid:#0d1b2d;--text:#eef5ff;--muted:#a9bed8;--accent:#5d93ff;--accent2:#18c4ff;--border:rgba(255,255,255,.09);--shadow:0 24px 70px rgba(0,0,0,.28)}
body.knowledge-page > main *,body.knowledge-page > footer *{box-sizing:border-box}html{scroll-behavior:smooth}body.knowledge-page > main,body.knowledge-page > footer{font-family:IRANSans,Tahoma,Arial,sans-serif;color:var(--text);line-height:1.9}body.knowledge-page > main a,body.knowledge-page > footer a{color:inherit}.wrap{width:min(var(--max),calc(100% - 2rem));margin:auto}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 72%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav{min-height:72px;display:flex;align-items:center;gap:.75rem;justify-content:space-between}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:900}.brand img{width:42px;height:42px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.25}.brand-copy small{color:var(--muted);font-size:.68rem}.navlinks{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.navlinks a,.theme-btn{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.48rem .8rem;text-decoration:none;font:inherit;font-size:.78rem;font-weight:800;color:var(--text);cursor:pointer}.navlinks a:hover,.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:1.1rem 0 .3rem;color:var(--muted);font-size:.78rem}.breadcrumb a{text-decoration:none;color:var(--accent)}.hero{position:relative;overflow:hidden;margin:1rem 0 1.2rem;padding:clamp(1.3rem,4vw,3rem);border:1px solid var(--border);border-radius:clamp(26px,4vw,42px);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 58%,transparent));box-shadow:var(--shadow)}.hero:before{content:'';position:absolute;width:26rem;height:26rem;left:-10rem;bottom:-18rem;border-radius:50%;background:radial-gradient(circle,rgba(9,105,255,.18),transparent 68%);pointer-events:none}.eyebrow{color:var(--accent);font-weight:900;font-size:.82rem;margin:0 0 .45rem}.hero h1{font-size:clamp(1.65rem,4.2vw,3.15rem);line-height:1.48;margin:0;letter-spacing:-.025em}.hero .english{direction:ltr;text-align:right;color:var(--muted);font-size:clamp(.85rem,1.4vw,1rem);margin:.25rem 0 0}.lead{font-size:clamp(.96rem,1.7vw,1.1rem);color:var(--muted);max-width:920px;margin:.8rem 0 0}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1rem;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 12px 28px rgba(9,105,255,.18)}.btn.secondary{background:var(--surface);color:var(--text);box-shadow:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:clamp(1rem,2.5vw,1.55rem)}.card h2,.card h3{margin:0 0 .55rem;line-height:1.55}.card h2{font-size:clamp(1.2rem,2.4vw,1.65rem)}.card h3{font-size:1.05rem}.card p{margin:.35rem 0;color:var(--muted)}.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.fact{padding:1rem;border-radius:20px;border:1px solid var(--border);background:var(--surface)}.fact b{display:block;color:var(--accent);font-size:.78rem;margin-bottom:.35rem}.fact span{font-size:.9rem;color:var(--text)}ul.clean{margin:.5rem 0 0;padding:0 1.2rem 0 0}.clean li{margin:.35rem 0;color:var(--muted)}.icon-shell{width:88px;height:88px;display:grid;place-items:center;border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,rgba(9,105,255,.12),rgba(0,174,234,.08));margin-bottom:.9rem}.icon-shell svg{width:54px;height:54px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pill{display:inline-flex;padding:.32rem .68rem;border-radius:999px;background:rgba(9,105,255,.10);color:var(--accent);font-weight:900;font-size:.78rem}.cta{margin:1.2rem 0;padding:clamp(1.2rem,3vw,2rem);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:linear-gradient(135deg,rgba(9,105,255,.12),rgba(0,174,234,.07));text-align:center}.cta h2{margin:0 0 .4rem}.cta p{margin:0;color:var(--muted)}.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.link-card{display:flex;flex-direction:column;gap:.35rem;min-height:132px;padding:1rem;border-radius:20px;border:1px solid var(--border);background:var(--surface);text-decoration:none;transition:.2s}.link-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.link-card strong{line-height:1.6}.link-card span{color:var(--muted);font-size:.82rem;line-height:1.75}.link-card b{margin-top:auto;color:var(--accent);font-size:.78rem}.section-title{text-align:center;margin:2rem 0 1rem}.section-title h2{margin:0}.section-title p{margin:.35rem 0;color:var(--muted)}.article-body h2{font-size:1.35rem;margin:1.6rem 0 .5rem}.article-body h3{font-size:1.08rem;margin:1.1rem 0 .35rem}.article-body p{color:var(--muted)}.article-body dl{display:grid;gap:.65rem}.article-body dl>div{border:1px solid var(--border);border-radius:18px;padding:.85rem;background:var(--surface)}.article-body dt{font-weight:900;color:var(--accent)}.article-body dd{margin:.25rem 0 0;color:var(--muted)}.faq details{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:.8rem 1rem;margin:.6rem 0}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted)}footer{margin-top:2rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 72%,transparent)}.footer-inner{padding:1.4rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.footer-inner a{color:var(--accent);text-decoration:none}.skip{position:absolute;top:-100px;right:1rem;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:12px;z-index:99}.skip:focus{top:1rem}.sitemap-list{columns:2;column-gap:2rem}.sitemap-list li{break-inside:avoid;margin:.35rem 0}.sitemap-list a{color:var(--accent);text-decoration:none}
@media(max-width:900px){.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks a:nth-child(n+3){display:none}}
@media(max-width:650px){.wrap{width:min(100% - 1rem,var(--max))}.nav{min-height:62px}.brand-copy small{display:none}.navlinks{gap:.25rem}.navlinks a,.theme-btn{font-size:.7rem;padding:.4rem .58rem}.grid,.list-grid{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr}.hero{padding:1.1rem}.hero-actions,.cta-actions{display:grid;grid-template-columns:1fr 1fr}.btn{font-size:.82rem}.sitemap-list{columns:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* === qetepich-v422-knowledge-page-simple-theme-background === */
/* Knowledge hub and all of its article pages use a flat canvas instead of the site artwork. */
body.knowledge-page {
  background: #f6f8fc !important;
  background-image: none !important;
}

html[data-theme='dark'] body.knowledge-page {
  background: #08111d !important;
  background-image: none !important;
}




/* === qetepich-v425-knowledge-header-true-home-parity === */
/* The knowledge section intentionally does not override the shared header.
   Header typography, logo sizing, buttons, controls, gaps and theme behavior now resolve
   from the exact same homepage stylesheet and root variables. */


/* === qetepich-v426-knowledge-content-scope === */
/* Knowledge styles are restricted to its own main/footer. The header therefore resolves
   solely from qetepich-v133.css, exactly as it does on the homepage. */

/* === v490 part-card images and optimized part hero media === */
.link-card-media{position:relative;margin:-.45rem -.45rem .55rem;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(9,105,255,.07),rgba(0,174,234,.05));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.link-card-media img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.part-page-hero-image{position:relative;z-index:1;margin:1rem 0 0;max-width:min(620px,100%);border-radius:24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:#fff;box-shadow:var(--shadow)}.part-page-hero-image img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:650px){.link-card-media{margin:-.3rem -.3rem .5rem;border-radius:14px}.part-page-hero-image{border-radius:18px}}


/* Qetepich v508: visible real part images for Google Images on static part pages */
.part-hero-media{margin:1rem 0 1.2rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.part-hero-media img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:color-mix(in srgb,var(--surface) 86%,#fff)}
.part-hero-media figcaption{padding:.7rem 1rem;color:var(--muted);font-size:.84rem;line-height:1.8;text-align:center}
@media(max-width:650px){.part-hero-media{border-radius:22px}.part-hero-media img{max-height:420px}.part-hero-media figcaption{text-align:right;font-size:.78rem}}


/* v512: skip controls use buttons so no hash fragment is ever added to the URL. */
.skip{border:0;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer}
.skip-link{border:0;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer}