/* =========================================================
   V8.08 — unified public detail pages
   Services index, products, consultation/demo, customers, about, contact
   ========================================================= */
body.public-v808{
  background:#07111f;
  color:#e9f1fb;
}
body.public-v808 #siteHeader,
body.public-v808 .site-header{
  background:rgba(5,12,23,.96)!important;
  border-bottom:1px solid rgba(132,166,216,.10)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
}
body.public-v808 .site-header.scrolled,
body.public-v808 .site-header.hero-dark{
  background:rgba(5,12,23,.96)!important;
}
body.public-v808 .site-header a,
body.public-v808 .site-header .nav-dropdown-trigger,
body.public-v808 .site-header .language-button{color:#eef5ff!important}
body.public-v808 .site-header .nav-dropdown-menu{
  background:rgba(7,16,30,.98)!important;
  border-color:rgba(132,166,216,.14)!important;
}
body.public-v808 .site-header .nav-dropdown-menu a{color:#dbe7f8!important}
body.public-v808 .site-header .nav-dropdown-menu a:hover{background:rgba(91,136,207,.11)!important;color:#fff!important}

.v808-unified-main{
  --v808-shell:1020px;
  --v808-text:#eef5ff;
  --v808-muted:#95a6bb;
  --v808-dim:#718197;
  --v808-line:rgba(133,166,214,.15);
  --v808-accent:#8db6ff;
  --v808-surface:rgba(17,32,55,.54);
  --v808-surface-2:rgba(13,26,46,.74);
  min-height:70vh;
  margin:0!important;
  padding:0!important;
  background:#07111f;
  color:var(--v808-text);
  overflow:hidden;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
}
.v808-unified-main *{box-sizing:border-box}
.v808-unified-main .detail-shell,
.v808-unified-main .svc804-shell{width:min(var(--v808-shell),calc(100% - 48px));margin-inline:auto}

/* Start actual visible content immediately under fixed menu. */
.v808-unified-main > .detail-hero,
.v808-unified-main > .services-final-hero{
  margin:0!important;
  padding:86px 0 34px!important;
  min-height:0!important;
  background:transparent!important;
  border:0!important;
}
.v808-unified-main .detail-breadcrumb,
.v808-unified-main .detail-eyebrow,
.v808-unified-main .services-final-hero .detail-eyebrow{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;
}
.v808-unified-main .detail-hero-grid{display:block!important;min-height:0!important}
.v808-unified-main .detail-hero-grid>div:first-child{max-width:820px}
.v808-unified-main .detail-hero-visual{display:none!important}
.v808-unified-main .detail-hero h1,
.v808-unified-main .services-final-hero h1{
  max-width:850px;margin:0 0 8px!important;
  color:#f5f8ff!important;
  font-size:clamp(32px,4vw,52px)!important;
  line-height:1.52!important;
  font-weight:830!important;
  letter-spacing:-.025em!important;
}
html[dir="rtl"] .v808-unified-main .detail-hero h1,
html[dir="rtl"] .v808-unified-main .services-final-hero h1{letter-spacing:-.018em!important}
.v808-unified-main .detail-hero p,
.v808-unified-main .services-final-hero p{
  max-width:800px;margin:0!important;padding:0!important;
  color:#a5b4c7!important;font-size:14px!important;line-height:2!important;font-weight:400!important;
  text-align:start!important;
}
.v808-unified-main .detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px!important}
.v808-unified-main .detail-primary,
.v808-unified-main .detail-secondary{
  min-height:40px!important;padding:9px 17px!important;border-radius:9px!important;
  font-size:12.5px!important;font-weight:750!important;text-decoration:none!important;
  box-shadow:none!important;
}
.v808-unified-main .detail-primary{background:#356cba!important;border:1px solid #437ac8!important;color:#fff!important}
.v808-unified-main .detail-secondary{background:rgba(255,255,255,.025)!important;border:1px solid rgba(143,176,225,.18)!important;color:#bed2ee!important}

/* General sections: same typography rhythm as approved service pages. */
.v808-unified-main > .detail-section,
.v808-unified-main > .service-rich-section{
  margin:0!important;padding:42px 0!important;background:transparent!important;border:0!important;
}
.v808-unified-main .detail-section-title,
.v808-unified-main .service-rich-head h2,
.v808-unified-main .detail-cta h2{
  max-width:820px;margin:0 0 7px!important;color:#f0f6ff!important;
  font-size:clamp(23px,2.7vw,33px)!important;line-height:1.65!important;font-weight:800!important;letter-spacing:-.015em!important;
}
.v808-unified-main .detail-section-lead,
.v808-unified-main .service-rich-head p,
.v808-unified-main .detail-cta p{
  max-width:800px;margin:0!important;color:var(--v808-muted)!important;font-size:13.2px!important;line-height:1.95!important;text-align:start!important;
}

/* Info cards become compact icon/text rows instead of heavy cards. */
.v808-unified-main .detail-info-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  margin-top:22px!important;border-top:1px solid var(--v808-line)!important;
}
.v808-unified-main .detail-info-card{
  position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:13px!important;row-gap:2px!important;
  min-height:0!important;margin:0!important;padding:18px 0!important;
  background:transparent!important;border:0!important;border-bottom:1px solid var(--v808-line)!important;border-radius:0!important;box-shadow:none!important;
}
.v808-unified-main .detail-info-card:nth-child(odd){padding-inline-end:20px!important;border-inline-end:1px solid var(--v808-line)!important}
.v808-unified-main .detail-info-card:nth-child(even){padding-inline-start:20px!important}
.v808-unified-main .detail-info-card>span:first-child{
  grid-column:1;grid-row:1 / span 2;width:32px;height:32px;display:grid;place-items:center;
  margin:1px 0 0!important;border:1px solid rgba(128,169,230,.19);border-radius:9px;
  background:linear-gradient(145deg,rgba(69,120,207,.15),rgba(34,65,115,.08));
  color:#91b9ff!important;font:700 10px/1 Arial,sans-serif!important;
}
.v808-unified-main .detail-info-card h3{
  grid-column:2;grid-row:1;margin:0 0 2px!important;color:#edf4ff!important;font-size:15px!important;line-height:1.75!important;font-weight:730!important;text-align:start!important
}
.v808-unified-main .detail-info-card p{
  grid-column:2;grid-row:2;margin:0!important;padding:0!important;color:#94a4b8!important;font-size:12.5px!important;line-height:1.9!important;text-align:start!important
}

/* Process steps */
.v808-unified-main .detail-process{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;
  margin-top:22px!important;border-top:1px solid var(--v808-line)!important;
}
.v808-unified-main .detail-process-step{
  min-height:0!important;padding:20px 18px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--v808-line)!important;border-radius:0!important;box-shadow:none!important
}
.v808-unified-main .detail-process-step:not(:last-child){border-inline-end:1px solid var(--v808-line)!important}
.v808-unified-main .detail-process-step b{display:block;margin-bottom:10px;color:#82adf8;font:800 11px/1 Arial,sans-serif}
.v808-unified-main .detail-process-step strong{display:block;margin-bottom:4px;color:#eef5ff;font-size:14px;line-height:1.8}
.v808-unified-main .detail-process-step small{display:block;color:#91a1b5;font-size:12px;line-height:1.9}

/* Forms — concise, service-page typography. */
.v808-unified-main .detail-form-layout{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr)!important;gap:28px!important;align-items:start!important}
.v808-unified-main .detail-form-card{
  margin:0!important;padding:25px!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(20,39,66,.72),rgba(10,23,42,.78))!important;
  border:1px solid rgba(130,166,220,.16)!important;box-shadow:0 22px 50px rgba(0,0,0,.14)!important
}
.v808-unified-main .detail-form-grid{gap:15px!important}
.v808-unified-main .detail-field label{margin-bottom:6px!important;color:#c9d8ea!important;font-size:12px!important;font-weight:650!important}
.v808-unified-main .detail-field input,
.v808-unified-main .detail-field select,
.v808-unified-main .detail-field textarea{
  min-height:43px!important;padding:10px 12px!important;border-radius:9px!important;
  background:rgba(4,13,25,.58)!important;border:1px solid rgba(132,166,216,.17)!important;
  color:#edf5ff!important;font-family:inherit!important;font-size:12.5px!important;outline:none!important;box-shadow:none!important
}
.v808-unified-main .detail-field textarea{min-height:118px!important;resize:vertical}
.v808-unified-main .detail-field input:focus,
.v808-unified-main .detail-field select:focus,
.v808-unified-main .detail-field textarea:focus{border-color:rgba(116,166,242,.52)!important;background:rgba(8,20,36,.78)!important}
.v808-unified-main .detail-form-footer{margin-top:17px!important;gap:12px!important}
.v808-unified-main .detail-form-note{color:#7f90a6!important;font-size:11.5px!important;line-height:1.8!important}
.v808-unified-main .detail-side-stack{display:grid!important;gap:0!important;border-top:1px solid var(--v808-line)!important}
.v808-unified-main .detail-contact-box{
  padding:17px 0!important;border:0!important;border-bottom:1px solid var(--v808-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.v808-unified-main .detail-contact-box strong{display:block;margin-bottom:4px;color:#edf4ff!important;font-size:13.5px!important}
.v808-unified-main .detail-contact-box p{margin:0!important;color:#91a1b5!important;font-size:12px!important;line-height:1.9!important}
.v808-unified-main .detail-contact-box a{display:inline-block;margin-top:6px;color:#8fb8ff!important;font-size:12px!important}

/* CTA */
.v808-unified-main .detail-cta,
.v808-unified-main .service-final-cta{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
  padding:25px 27px!important;border:1px solid rgba(126,163,220,.15)!important;border-radius:15px!important;
  background:linear-gradient(135deg,rgba(37,72,125,.30),rgba(13,29,51,.50))!important;box-shadow:none!important
}

/* Services index: no content photography; clean two-column service list. */
.v808-services-main .services-final-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--v808-line)!important
}
.v808-services-main .service-index-card{
  display:block!important;position:relative!important;min-height:0!important;margin:0!important;padding:22px 21px!important;
  background:transparent!important;border:0!important;border-bottom:1px solid var(--v808-line)!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important
}
.v808-services-main .service-index-card:nth-child(odd){border-inline-end:1px solid var(--v808-line)!important}
.v808-services-main .service-index-card img{display:none!important}
.v808-services-main .service-index-card h2{margin:0 0 5px!important;color:#edf5ff!important;font-size:16px!important;line-height:1.75!important;font-weight:760!important}
.v808-services-main .service-index-card p{margin:0!important;color:#91a1b6!important;font-size:12.5px!important;line-height:1.9!important}
.v808-services-main .service-index-card b{display:inline-block;margin-top:9px;color:#88b4ff!important;font-size:11.5px!important;font-weight:700!important}
.v808-services-main .service-index-card::after{content:"↗";position:absolute;inset-inline-end:20px;top:20px;color:#7197d0;font-size:16px;opacity:.72}
.v808-services-main .service-rich-head{max-width:820px!important;margin:0 0 20px!important}
.v808-services-main .service-rich-head>span{display:none!important}
.v808-services-main .service-process{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--v808-line)!important}
.v808-services-main .service-process article{padding:20px 18px!important;border-bottom:1px solid var(--v808-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.v808-services-main .service-process article:not(:last-child){border-inline-end:1px solid var(--v808-line)!important}
.v808-services-main .service-process h3{margin:0 0 4px!important;color:#edf4ff!important;font-size:14px!important;line-height:1.8!important}
.v808-services-main .service-process p{margin:0!important;color:#91a1b5!important;font-size:12px!important;line-height:1.9!important}

/* Products use service-like compact composition. */
.v808-product-main .detail-hero{padding-bottom:30px!important}
.v808-product-main .detail-info-grid::before{
  content:"محصول در یک نگاه";grid-column:1/-1;display:block;padding:0 0 13px;color:#7faaf4;font-size:11px;font-weight:800;border-bottom:1px solid var(--v808-line)
}
html[lang="en"] .v808-product-main .detail-info-grid::before{content:"PRODUCT AT A GLANCE"}
.v808-product-main .detail-info-card{padding-top:17px!important;padding-bottom:17px!important}

/* Content pages */
.v808-content-main .detail-info-grid{margin-top:18px!important}
.v808-content-main .detail-section.compact{padding-top:32px!important}

/* Search results — actual working search UI. */
.search-panel .site-search-results{display:grid;gap:6px;margin-top:15px;max-height:min(46vh,420px);overflow:auto;padding-inline-end:3px}
.search-panel .site-search-result{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(110,145,199,.15);border-radius:10px;background:rgba(255,255,255,.025);color:#eaf2ff;text-decoration:none;transition:.18s ease}
.search-panel .site-search-result:hover{background:rgba(83,129,201,.10);border-color:rgba(117,163,232,.27);transform:translateY(-1px)}
.search-panel .site-search-result strong{font-size:12.5px;line-height:1.7}
.search-panel .site-search-result small{font-size:10.5px;color:#8498b5;white-space:nowrap}
.search-panel .site-search-empty{padding:11px 2px;color:#8fa0b7;font-size:12px;line-height:1.9}

@media(max-width:900px){
  .v808-unified-main .detail-shell,.v808-unified-main .svc804-shell{width:min(var(--v808-shell),calc(100% - 34px))}
  .v808-unified-main > .detail-hero,.v808-unified-main > .services-final-hero{padding-top:75px!important;padding-bottom:28px!important}
  .v808-unified-main .detail-hero h1,.v808-unified-main .services-final-hero h1{font-size:30px!important;line-height:1.58!important}
  .v808-unified-main > .detail-section,.v808-unified-main > .service-rich-section{padding:36px 0!important}
  .v808-unified-main .detail-info-grid,.v808-services-main .services-final-grid{grid-template-columns:1fr!important}
  .v808-unified-main .detail-info-card:nth-child(odd),.v808-unified-main .detail-info-card:nth-child(even),.v808-services-main .service-index-card:nth-child(odd){padding-inline:0!important;border-inline-end:0!important}
  .v808-unified-main .detail-process,.v808-services-main .service-process{grid-template-columns:1fr 1fr!important}
  .v808-unified-main .detail-process-step:nth-child(2n),.v808-services-main .service-process article:nth-child(2n){border-inline-end:0!important}
  .v808-unified-main .detail-form-layout{grid-template-columns:1fr!important}
  .v808-unified-main .detail-cta,.v808-unified-main .service-final-cta{display:grid!important;gap:16px!important;padding:22px 20px!important}
}
@media(max-width:560px){
  .v808-unified-main .detail-shell,.v808-unified-main .svc804-shell{width:min(var(--v808-shell),calc(100% - 28px))}
  .v808-unified-main > .detail-hero,.v808-unified-main > .services-final-hero{padding-top:74px!important}
  .v808-unified-main .detail-hero h1,.v808-unified-main .services-final-hero h1{font-size:27px!important}
  .v808-unified-main .detail-process,.v808-services-main .service-process{grid-template-columns:1fr!important}
  .v808-unified-main .detail-process-step,.v808-services-main .service-process article{padding-inline:0!important;border-inline-end:0!important}
  .v808-unified-main .detail-form-card{padding:20px 16px!important}
}

/* V8.08 final specificity guard: the legacy global `main > section` rule is
   intentionally very specific and !important. Keep the services index hero
   on the same compact header rhythm as all other unified pages. */
main.detail-page-main.services-final-main.v808-unified-main.v808-services-main > section.services-final-hero{
  padding-top:88px!important;
  padding-bottom:34px!important;
}
@media(max-width:900px){
  main.detail-page-main.services-final-main.v808-unified-main.v808-services-main > section.services-final-hero{
    padding-top:75px!important;
    padding-bottom:28px!important;
  }
}
@media(max-width:560px){
  main.detail-page-main.services-final-main.v808-unified-main.v808-services-main > section.services-final-hero{
    padding-top:74px!important;
  }
}