/* Vazirmatn از روی هاست خودمان (اولویت اول)؛ اگر فایل لود نشد، فونت گوگل جایگزین می‌شود */
  @font-face{
    font-family:'Vazirmatn';
    src:url('fonts/Vazirmatn-Variable.woff2') format('woff2');
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
  }
  :root{
    --ink:#101c34;
    --ink-soft:#566174;
    --paper:#f4f6fa;
    --panel:#e6ebf3;
    --panel-line:#cfd7e5;
    --steel:#8a9299;
    --glass:#1f4592;
    --glass-deep:#12285a;
    --sun:#2f6bd0;
    --sun-soft:#b9d0f5;
    --radius:2px;
    --maxw:1180px;
    --shadow-sm:0 2px 10px rgba(16,28,52,.06);
    --shadow-md:0 14px 34px rgba(16,28,52,.12);
    --shadow-lg:0 26px 60px rgba(16,28,52,.20);
    --shadow-glow:0 0 0 1px rgba(47,107,208,.15), 0 18px 46px rgba(31,69,146,.22);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
  }
  body{
    margin:0;
    background:
      radial-gradient(900px 500px at 100% 0%, rgba(31,69,146,.05), transparent 60%),
      var(--paper);
    color:var(--ink);
    font-family:'Vazirmatn', sans-serif;
    font-weight:400;
    line-height:1.8;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{
    font-family:'Vazirmatn', sans-serif;
    font-weight:800;
    margin:0;
    letter-spacing:-0.01em;
  }
  a{color:inherit; text-decoration:none;}
  img,svg{display:block; max-width:100%;}
  .mono{font-family:'IBM Plex Mono','Vazirmatn',monospace; direction:ltr; display:inline-block;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 32px;}
  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--glass);
    font-weight:600;
    direction:ltr;
    text-align:right;
    display:inline-flex;
    gap:8px;
    align-items:center;
  }
  .eyebrow::before{
    content:"";
    width:18px; height:2px;
    background:var(--sun);
    display:inline-block;
  }
  :focus-visible{
    outline:2px solid var(--glass);
    outline-offset:3px;
  }

  /* ---------- Header ---------- */
  header{
    position:sticky; top:0; z-index:100;
    background:rgba(244,246,250,.86);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--panel-line);
    box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 8px 24px rgba(16,28,52,.05);
  }
  .nav{
    max-width:var(--maxw); margin:0 auto; padding:0 32px;
    display:flex; align-items:center; justify-content:space-between;
    height:76px;
  }
  .brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:19px;}
  .brand-mark{width:34px; height:34px; flex-shrink:0; transition:transform .3s ease;}
  .brand:hover .brand-mark{transform:rotate(90deg);}
  .nav-links{display:flex; align-items:center; gap:36px; list-style:none; margin:0; padding:0;}
  .nav-links a{
    font-size:15px; font-weight:500; color:var(--ink-soft);
    position:relative; padding:6px 0;
    transition:color .2s ease;
  }
  .nav-links a:hover{color:var(--ink);}
  .nav-links a::after{
    content:""; position:absolute; right:0; bottom:0; height:2px; width:0;
    background:var(--sun); transition:width .25s ease;
  }
  .nav-links a:hover::after{width:100%;}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Vazirmatn'; font-size:14.5px; font-weight:700;
    padding:12px 22px; border-radius:var(--radius);
    border:1px solid transparent; cursor:pointer;
    box-shadow:0 1px 2px rgba(16,28,52,.06);
    transition:transform .2s cubic-bezier(.2,.8,.2,1), background .2s ease, color .2s ease, border-color .2s ease, box-shadow .25s ease;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn:active{transform:translateY(0);}
  .btn-primary{background:var(--ink); color:var(--paper);}
  .btn-primary:hover{background:var(--glass-deep); box-shadow:var(--shadow-md);}
  .btn-sun{background:var(--sun); color:#ffffff;}
  .btn-sun:hover{background:#1f55b8; box-shadow:0 14px 30px rgba(47,107,208,.35);}
  .btn-outline{background:transparent; color:var(--ink); border-color:var(--panel-line);}
  .btn-outline:hover{border-color:var(--ink); box-shadow:var(--shadow-sm);}
  .nav-cta{display:none;}
  .burger{display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px;}
  .burger span{width:24px; height:2px; background:var(--ink); display:block;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    background:
      radial-gradient(680px 420px at 82% 8%, rgba(185,208,245,.16), transparent 60%),
      linear-gradient(180deg, var(--glass-deep) 0%, #1a3568 62%, var(--paper) 100%);
    color:#f4f6fa;
    padding:96px 0 0;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute; inset:0 0 auto 0; height:640px;
    background-image:
      repeating-linear-gradient(90deg, rgba(244,246,250,.05) 0 1px, transparent 1px 120px),
      repeating-linear-gradient(0deg, rgba(244,246,250,.05) 0 1px, transparent 1px 120px);
    -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.9), transparent 88%);
    mask-image:linear-gradient(180deg, rgba(0,0,0,.9), transparent 88%);
    pointer-events:none;
  }
  .hero .wrap{position:relative; z-index:1;}
  .hero-grid{
    display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;
  }
  .hero h1{
    font-size:clamp(34px, 4.2vw, 54px);
    line-height:1.28;
    margin:18px 0 22px;
  }
  .hero h1 em{
    font-style:normal; color:var(--sun-soft);
    text-shadow:0 0 28px rgba(185,208,245,.35);
  }
  .hero p{
    color:#d3dae8; font-size:17px; max-width:46ch; margin:0 0 34px;
  }
  .hero .eyebrow{color:var(--sun-soft);}
  .hero .eyebrow::before{background:var(--sun-soft);}
  .hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:56px;}

  .stat-row{
    display:grid; grid-template-columns:repeat(4,1fr);
    border-top:1px solid rgba(244,246,250,.18);
    padding-top:22px; padding-bottom:40px;
  }
  .stat-row div{padding-inline-end:18px;}
  .stat-num{font-family:'IBM Plex Mono'; font-size:26px; font-weight:600; direction:ltr; display:block; color:#fff; text-shadow:0 0 22px rgba(185,208,245,.25);}
  .stat-label{font-size:13px; color:#b8c2d6; margin-top:4px;}

  /* Signature diagram */
  .diagram-card{
    background:rgba(14,22,44,.35);
    border:1px solid rgba(244,246,250,.16);
    border-radius:6px;
    padding:22px 22px 10px;
    backdrop-filter:blur(2px);
    box-shadow:var(--shadow-lg);
  }
  .diagram-caption{
    display:flex; justify-content:space-between; align-items:baseline;
    font-family:'IBM Plex Mono'; font-size:11.5px; color:#a9b4c8;
    margin-top:10px; padding-bottom:16px; letter-spacing:.04em;
  }
  #profile-svg{cursor:default; width:100%; height:auto;}
  .chamber{
    transition:fill .2s ease, opacity .2s ease;
    fill:#3a5486; stroke:#8a9299; stroke-width:1;
    cursor:pointer;
  }
  .chamber:hover, .chamber.active{fill:var(--sun); stroke:var(--sun-soft); filter:drop-shadow(0 0 6px rgba(47,107,208,.55));}
  .diagram-tip{
    font-family:'IBM Plex Mono'; font-size:12px; fill:#101c34;
    opacity:0; transition:opacity .15s ease;
    pointer-events:none;
  }
  .diagram-tip.show{opacity:1;}
  .tip-bg{fill:var(--sun-soft); opacity:0; transition:opacity .15s ease;}
  .tip-bg.show{opacity:1;}
  .diagram-hint{
    font-size:12.5px; color:#b8c2d6; margin-top:12px; padding-bottom:6px;
  }

  /* ---------- Section shell ---------- */
  section{padding:96px 0;}
  section[hidden]{display:none !important;}
  .nav-actions{display:flex; align-items:center; gap:12px;}
  .search-btn{width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:1px solid var(--panel-line); border-radius:var(--radius); color:var(--ink); cursor:pointer; transition:background .2s ease, border-color .2s ease, color .2s ease;}
  .search-btn:hover, .search-btn[aria-expanded="true"]{background:var(--ink); color:var(--paper); border-color:var(--ink);}
  .search-btn svg{width:20px; height:20px;}
  .search-panel{position:absolute; top:100%; left:0; right:0; background:var(--paper); border-bottom:1px solid var(--panel-line); box-shadow:0 18px 30px rgba(16,28,52,.12);}
  .search-panel[hidden]{display:none;}
  .search-inner{max-width:720px; margin:0 auto; padding:18px 20px 20px;}
  .search-inner input{width:100%; font-family:'Vazirmatn'; font-size:16px; padding:13px 16px; border:1px solid var(--panel-line); border-radius:var(--radius); background:#fff; color:var(--ink); outline:none;}
  .search-inner input:focus{border-color:var(--glass); box-shadow:0 0 0 3px rgba(31,69,146,.15);}
  .search-results{list-style:none; margin:10px 0 0; padding:0; max-height:55vh; overflow:auto;}
  .search-results li button{width:100%; text-align:right; background:none; border:0; border-top:1px solid var(--panel-line); padding:12px 4px; cursor:pointer; font-family:'Vazirmatn'; color:var(--ink);}
  .search-results li:first-child button{border-top:0;}
  .search-results li button:hover{background:rgba(31,69,146,.07);}
  .search-results .sr-title{display:block; font-weight:700; font-size:14.5px; color:var(--glass);}
  .search-results .sr-snip{display:block; font-size:13.5px; color:var(--ink-soft); margin-top:3px; line-height:1.8;}
  .search-results .sr-empty{padding:14px 4px; color:var(--ink-soft); font-size:14px;}
  mark.search-hit, .search-results mark{background:#cfe0fb; color:inherit; padding:0 2px; border-radius:2px;}
  mark.search-hit{scroll-margin-top:120px;}
  @media (max-width:560px){ .search-btn{width:40px; height:40px;} }
  .faq{background:var(--panel);}
  .faq-list{max-width:820px; display:flex; flex-direction:column; gap:2px; background:var(--panel-line);}
  .faq-item{background:#fff;}
  .faq-item summary{list-style:none; cursor:pointer; padding:20px 24px; font-weight:700; font-size:16px; display:flex; justify-content:space-between; align-items:center; gap:16px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:"+"; font-size:24px; line-height:1; color:#1f4592; flex-shrink:0; transition:transform .25s ease;}
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item summary:hover{background:var(--paper);}
  .faq-item p{margin:0; padding:0 24px 22px; color:var(--ink-soft); font-size:15px; max-width:64ch;}
  @media (max-width:560px){ .faq-item summary{padding:16px 18px; font-size:15px;} .faq-item p{padding:0 18px 18px;} }
  .why{background:var(--paper);}
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--panel-line);}
  .why-card{background:#fff; padding:32px 28px; transition:transform .3s ease, box-shadow .3s ease; position:relative;}
  .why-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); z-index:2;}
  .why-icon{width:44px; height:44px; margin-bottom:18px;}
  .why-card h3{font-size:18px; margin-bottom:8px;}
  .why-card p{color:var(--ink-soft); font-size:14.5px; margin:0;}
  @media (max-width:900px){ .why-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .why-grid{grid-template-columns:1fr;} .why-card{padding:26px 22px;} }
  .section-head{max-width:640px; margin-bottom:52px;}
  .section-head h2{font-size:clamp(26px,3vw,36px); margin-top:14px;}
  .section-head p{color:var(--ink-soft); font-size:16px; margin-top:14px; max-width:56ch;}

  /* ---------- About ---------- */
  .about{background:var(--paper);}
  .about-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:start;}
  .about-copy p{color:var(--ink-soft); font-size:16px; margin:0 0 18px; max-width:52ch;}
  .about-copy p:last-child{margin-bottom:0;}
  .num-list{border-top:1px solid var(--panel-line);}
  .num-item{
    display:grid; grid-template-columns:64px 1fr; gap:20px;
    padding:22px 0; border-bottom:1px solid var(--panel-line);
    transition:padding-right .25s ease;
  }
  .num-item:hover{padding-right:6px;}
  .num-item .mono{color:var(--glass); font-size:15px; font-weight:600;}
  .num-item h4{font-size:16.5px; font-weight:700; margin-bottom:4px;}
  .num-item span.desc{color:var(--ink-soft); font-size:14.5px;}

  /* ---------- Products ---------- */
  .products{background:var(--panel);}
  .prod-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--panel-line);}
  .prod-card{
    background:var(--paper); padding:38px; display:grid;
    grid-template-columns:1fr auto; gap:20px; align-items:start;
    position:relative; z-index:0;
    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, z-index 0s;
  }
  .prod-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); z-index:2;}
  .prod-card h3{font-size:20px; margin-bottom:10px;}
  .prod-card p{color:var(--ink-soft); font-size:14.5px; margin:0 0 16px; max-width:42ch;}
  .prod-tags{display:flex; flex-wrap:wrap; gap:8px;}
  .prod-tags span{
    font-family:'IBM Plex Mono'; font-size:11.5px; color:var(--glass);
    border:1px solid var(--panel-line); border-radius:20px;
    padding:4px 12px; direction:ltr;
  }
  .prod-mark{width:56px; height:56px; flex-shrink:0; transition:transform .3s ease;}
  .prod-card:hover .prod-mark{transform:rotate(-8deg) scale(1.06);}

  /* ---------- Projects ---------- */
  .projects{background:var(--paper);}
  .proj-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--panel-line);}
  .proj-card{
    background:var(--paper); display:flex; flex-direction:column;
    position:relative; z-index:0;
    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
  }
  .proj-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-md); z-index:2;}
  .proj-shot{
    aspect-ratio:4/3; position:relative; overflow:hidden;
    background:repeating-linear-gradient(135deg, var(--panel) 0 2px, var(--paper) 2px 14px);
  }
  .proj-shot svg{position:absolute; inset:0; width:100%; height:100%; transition:transform .5s cubic-bezier(.2,.8,.2,1);}
  .proj-card:hover .proj-shot svg{transform:scale(1.045);}
  .proj-shot img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.2,.8,.2,1);}
  .proj-card:hover .proj-shot img{transform:scale(1.045);}
  .proj-shot img{cursor:zoom-in;}
  .proj-tag-float{
    position:absolute; top:14px; inset-inline-start:14px;
    font-family:'IBM Plex Mono'; font-size:11px; letter-spacing:.04em;
    background:rgba(16,28,52,.82); color:#f4f6fa; padding:5px 11px; border-radius:20px;
  }
  .proj-body{padding:24px 26px 28px;}
  .proj-body h3{font-size:17px; margin-bottom:8px;}
  .proj-meta{
    display:flex; gap:10px; align-items:center; font-family:'IBM Plex Mono'; font-size:12px;
    color:var(--ink-soft); margin-bottom:10px; direction:ltr; justify-content:flex-end;
  }
  .proj-meta span:nth-child(2){opacity:.5;}
  .proj-body p{color:var(--ink-soft); font-size:14px; margin:0;}

  /* ---------- Certificates ---------- */
  .certificates{background:var(--panel);}
  .cert-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--panel-line);}
  .cert-card{
    background:var(--paper); padding:32px 22px; text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:12px;
    position:relative; z-index:0;
    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
  }
  .cert-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); z-index:2;}
  .cert-icon{width:44px; height:44px; transition:transform .3s ease;}
  .cert-card:hover .cert-icon{transform:scale(1.1);}
  .cert-card h4{font-size:14.5px; font-weight:700; line-height:1.5;}
  .cert-card .mono{font-size:12px; color:var(--glass); font-weight:600;}
  .cert-card .issuer{font-size:12.5px; color:var(--ink-soft); max-width:22ch;}

  /* ---------- Agency (درخواست نمایندگی) ---------- */
  .agency{
    background:
      radial-gradient(560px 320px at 88% -10%, rgba(47,107,208,.14), transparent 65%),
      var(--glass-deep);
    color:var(--paper);
  }
  .agency .eyebrow{color:var(--sun-soft);}
  .agency .eyebrow::before{background:var(--sun-soft);}
  .agency-grid{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;}
  .agency-copy p{color:#d3dae8; font-size:16px; max-width:48ch; margin:16px 0 30px;}
  .agency-benefits{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px;}
  .agency-benefits li{
    display:flex; gap:14px; align-items:flex-start; font-size:15px; color:#d3dae8;
  }
  .agency-benefits li::before{
    content:""; width:8px; height:8px; margin-top:8px; flex-shrink:0;
    background:var(--sun); border-radius:1px; transform:rotate(45deg);
  }
  form.agency-form{
    background:rgba(244,246,250,.05);
    border:1px solid rgba(244,246,250,.18);
    padding:34px; border-radius:8px;
    box-shadow:var(--shadow-lg);
  }
  .field{margin-bottom:20px;}
  .field label{
    display:block; font-size:13px; color:#bac4d8; margin-bottom:8px; font-weight:500;
  }
  .field input, .field select, .field textarea{
    width:100%; background:rgba(244,246,250,.06); border:1px solid rgba(244,246,250,.22);
    color:var(--paper); font-family:'Vazirmatn'; font-size:15px; padding:12px 14px;
    border-radius:var(--radius);
  }
  .field input::placeholder, .field textarea::placeholder{color:#8a95ac;}
  .field input, .field select, .field textarea{transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;}
  .field input:focus, .field select:focus, .field textarea:focus{
    outline:none; border-color:var(--sun);
    background:rgba(244,246,250,.1);
    box-shadow:0 0 0 3px rgba(47,107,208,.18);
  }
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
  .agency-form .btn{width:100%; justify-content:center; margin-top:6px;}
  .form-note{font-size:12.5px; color:#9aa5bd; margin-top:14px; text-align:center;}
  .form-success{
    display:none; text-align:center; padding:30px 10px;
  }
  .form-success.show{display:block;}
  .form-success .mark{
    width:44px; height:44px; border-radius:50%; background:var(--sun);
    display:flex; align-items:center; justify-content:center; margin:0 auto 16px;
    color:#ffffff; font-size:20px; font-weight:800;
    box-shadow:0 0 0 8px rgba(47,107,208,.14), 0 10px 24px rgba(47,107,208,.35);
  }

  /* ---------- Contact ---------- */
  .contact{background:var(--paper);}
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--panel-line); border:1px solid var(--panel-line);}
  .contact-cell{background:var(--paper); padding:36px; transition:background .25s ease;}
  .contact-cell:hover{background:#eef2f9;}
  .contact-cell h4{font-size:14px; color:var(--ink-soft); font-weight:600; margin-bottom:10px;}
  .contact-cell p, .contact-cell a{font-size:16.5px; font-weight:600; transition:color .2s ease;}
  .contact-cell a:hover{color:var(--glass);}
  .contact-cell .mono{font-size:16px;}
  .contact-cell p.ltr{margin:0;}
  .contact-cell .ltr{direction:ltr; unicode-bidi:plaintext; display:inline-block;}
  .map-panel{
    background:repeating-linear-gradient(135deg, var(--panel) 0 2px, var(--paper) 2px 14px);
    min-height:260px; grid-column:1/-1;
    display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px;
    border-top:1px solid var(--panel-line);
  }
  .map-panel span{font-family:'IBM Plex Mono'; font-size:12.5px; color:var(--ink-soft); letter-spacing:.05em;}

  /* ---------- Footer ---------- */
  footer{
    background:var(--ink); color:#9aa5bd; padding:56px 0 28px;
    position:relative;
    box-shadow:inset 0 1px 0 rgba(47,107,208,.25);
  }
  .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(244,246,250,.1);}
  .foot-brand{display:flex; align-items:center; gap:10px; color:var(--paper); font-weight:800; font-size:17px; margin-bottom:14px;}
  .foot-brand svg{width:26px; height:26px;}
  .foot-grid p{font-size:14px; max-width:34ch; margin:0;}
  .foot-col h5{color:var(--paper); font-size:13.5px; font-weight:700; margin-bottom:16px;}
  .foot-col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
  .foot-col a{font-size:14px; transition:color .2s;}
  .foot-col a:hover{color:var(--paper);}
  .foot-bottom{
    display:flex; justify-content:space-between; align-items:center; padding-top:24px;
    font-size:12.5px; flex-wrap:wrap; gap:10px;
  }
  .foot-bottom .mono{font-size:12px;}

  /* ---------- About modal ---------- */
  .modal-overlay{
    display:none;
    position:fixed; inset:0; z-index:200;
    background:rgba(16,28,52,.55);
    backdrop-filter:blur(3px);
    padding:24px;
    align-items:center; justify-content:center;
  }
  .modal-overlay.show{display:flex;}
  .modal-box{
    position:relative;
    background:var(--paper);
    max-width:640px; width:100%;
    max-height:86vh; overflow-y:auto;
    padding:40px 36px;
    border-radius:6px;
    box-shadow:0 24px 60px rgba(16,28,52,.35);
    scrollbar-width:none; /* Firefox */
    -ms-overflow-style:none; /* IE/Edge */
  }
  .modal-box::-webkit-scrollbar{display:none;} /* Chrome/Safari */
  .modal-close{
    position:absolute; top:16px; left:16px;
    width:34px; height:34px; border-radius:50%;
    background:var(--panel); border:1px solid var(--panel-line);
    color:var(--ink); font-size:15px; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:background .2s ease;
  }
  .modal-close:hover{background:var(--panel-line); transform:rotate(90deg);}
  .modal-box .num-list{border-top:1px solid var(--panel-line);}
  .modal-box .num-item{padding:16px 0;}
  @media (max-width:600px){
    .modal-box{padding:28px 20px;}
  }

  /* ---------- Reveal ---------- */
  .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .nav-links{display:none;}
    .burger{display:flex;}
    .nav-cta{display:none;}
    .hero-grid{grid-template-columns:1fr; gap:40px;}
    .stat-row{grid-template-columns:repeat(2,1fr); row-gap:24px;}
    .about-grid{grid-template-columns:1fr;}
    .prod-grid{grid-template-columns:1fr;}
    .proj-grid{grid-template-columns:repeat(2,1fr);}
    .cert-grid{grid-template-columns:repeat(2,1fr);}
    .agency-grid{grid-template-columns:1fr; gap:40px;}
    .contact-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr; gap:28px;}
  }
  @media (max-width:768px){
    .wrap{padding:0 24px;}
    .nav{padding:0 24px;}
    section{padding:72px 0;}
    .section-head{margin-bottom:36px;}
    .modal-box{max-width:520px;}
  }
  @media (max-width:640px){
    .header-cta{display:none;}
    .nav{height:64px;}
    .hero{padding-top:40px !important;}
  }
  @media (max-width:600px){
    .wrap{padding:0 20px;}
    .nav{padding:0 20px;}
    section{padding:56px 0;}
    .field-row{grid-template-columns:1fr;}
    .prod-card{grid-template-columns:1fr; padding:26px;}
    .prod-mark{display:none;}
    .proj-grid{grid-template-columns:1fr;}
    .cert-grid{grid-template-columns:1fr;}
    .cert-card{flex-direction:row; text-align:right; justify-content:flex-start; padding:22px 20px;}
    .cert-card .issuer{max-width:none;}
    .hero p{font-size:15.5px;}
    .hero-actions{gap:10px;}
    .hero-actions .btn{flex:1 1 auto; justify-content:center; text-align:center;}
    .stat-row{row-gap:18px;}
    .stat-num{font-size:22px;}
    .stat-label{font-size:12px;}
    .diagram-card{padding:16px 16px 6px;}
    form.agency-form{padding:24px 20px;}
    .contact-cell{padding:24px 20px;}
    .agency-grid, .about-grid{gap:32px;}
    .agency-benefits li{font-size:14px;}
    .foot-grid{gap:32px;}
    .foot-grid p{max-width:none;}
    .foot-bottom{flex-direction:column; align-items:flex-start; gap:8px;}
    .modal-box{padding:28px 20px; max-height:90vh;}
    .modal-close{top:12px; left:12px;}
    .num-item{grid-template-columns:52px 1fr; gap:14px;}
  }
  @media (max-width:420px){
    .brand{font-size:16px; gap:8px;}
    .brand-mark{width:28px; height:28px;}
    .hero h1{font-size:clamp(26px,7vw,32px); margin:14px 0 16px;}
    .hero .eyebrow, .page-hero .eyebrow{font-size:10.5px;}
    .stat-row{grid-template-columns:1fr 1fr; gap:16px;}
    .stat-row div{padding-inline-end:8px;}
    .prod-tags span{font-size:10.5px; padding:3px 10px;}
    .section-head h2{font-size:22px;}
    .contact-cell p, .contact-cell a{font-size:15px;}
    .btn{padding:11px 18px; font-size:13.5px;}
  }

  /* ===== Visual refinement layer ===== */
  html{scroll-padding-top:84px;}
  ::selection{background:var(--sun-soft); color:var(--ink);}
  body{line-height:1.9;}
  h1,h2,h3,h4{letter-spacing:0;}

  /* Persian-safe labels: letter-spacing/uppercase break Arabic-script joining */
  .eyebrow{direction:rtl; letter-spacing:0; text-transform:none; font-family:'Vazirmatn',sans-serif; font-size:13.5px; font-weight:700;}
  .eyebrow::before{width:24px; height:3px;}
  .hero .eyebrow{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase;}

  .section-head h2{font-size:clamp(28px,3.4vw,42px); font-weight:900; line-height:1.4;}

  /* Buttons */
  .btn{border-radius:4px;}
  .btn-sun{background:linear-gradient(180deg,#3f7ae0,#2f6bd0); box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 6px 16px rgba(47,107,208,.28);}
  .btn-primary{box-shadow:0 6px 16px rgba(16,28,52,.18);}

  /* Hero */
  .hero{
    background:
      radial-gradient(620px 420px at 84% 6%, rgba(185,208,245,.24), transparent 62%),
      radial-gradient(760px 520px at 4% 100%, rgba(31,69,146,.42), transparent 66%),
      linear-gradient(180deg,#12285a 0%,#163570 100%);
    padding-bottom:64px;
  }
  .hero::after{
    content:""; position:absolute; inset:auto 0 0 0; height:5px;
    background:linear-gradient(90deg,var(--sun),var(--sun-soft) 50%,var(--sun));
  }
  .hero h1{font-size:clamp(36px,4.6vw,60px); font-weight:900; line-height:1.3;}
  .hero h1 em{
    color:#fff; text-shadow:none; padding:0 4px; margin:0 -4px;
  }
  .hero p{color:#d3dae8;}
  .stat-row{padding-bottom:0;}
  @media (min-width:981px){
    .stat-row div + div{border-inline-start:1px solid rgba(244,246,250,.14); padding-inline-start:20px;}
  }

  /* One orchestrated entrance for the hero */
  @keyframes rise{from{opacity:0; transform:translateY(18px);}}
  .hero .eyebrow, .hero h1, .hero p, .hero-actions, .stat-row, .diagram-card{animation:rise .8s cubic-bezier(.2,.8,.2,1) both;}
  .hero h1{animation-delay:.08s;}
  .hero p{animation-delay:.16s;}
  .hero-actions{animation-delay:.24s;}
  .stat-row{animation-delay:.32s;}
  .diagram-card{animation-delay:.2s;}

  /* Profile diagram as frosted glass */
  .diagram-card{
    position:relative; overflow:hidden; border-radius:10px;
    background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.02));
    border-color:rgba(244,246,250,.22);
    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  }
  @keyframes sheen{from{left:-140px;} to{left:115%;}}
  .diagram-card::after{
    content:""; position:absolute; top:-10%; bottom:-10%; left:-140px; width:90px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
    transform:skewX(-16deg); pointer-events:none;
    animation:sheen 1.9s ease .9s 1 both;
  }
  .chamber{fill:#2b4678; stroke:#7f8aa0;}
  .chamber[fill="#55688a"]{fill:#8c9ab6;}
  .chamber[fill="#cdd6e4"]{fill:rgba(205,214,228,.55); stroke:none;}
  .chamber:hover, .chamber.active{fill:var(--sun);}
  .diagram-tip{font-family:'Vazirmatn',sans-serif; font-size:12px;}

  /* Products */
  .prod-card::before{
    content:""; position:absolute; inset:0 0 auto 0; height:3px;
    background:linear-gradient(90deg,var(--sun),var(--sun-soft));
    transform:scaleX(0); transform-origin:right; transition:transform .4s cubic-bezier(.2,.8,.2,1);
  }
  .prod-card:hover::before{transform:scaleX(1);}
  .prod-mark{
    width:68px; height:68px; padding:10px;
    background:linear-gradient(145deg,#fff,#e8edf8);
    border:1px solid var(--panel-line); border-radius:4px;
  }
  .prod-mark rect:first-child{fill:rgba(31,69,146,.10); transition:fill .3s ease;}
  .prod-card:hover .prod-mark rect:first-child{fill:rgba(47,107,208,.22);}

  /* Projects: facades become glass panes */
  .proj-shot{background:linear-gradient(160deg,#dfe7f6 0%,#c8d6f0 55%,#e6ebf3 100%);}
  .proj-shot svg rect:first-child{fill:transparent;}
  .proj-shot svg rect[fill="none"]{fill:rgba(31,69,146,.16); stroke:#1f4592; stroke-width:2;}
  .proj-shot svg line{stroke:#1f4592; opacity:.7;}
  .proj-shot::after{
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.38) 45%,transparent 55%);
    transition:transform .7s cubic-bezier(.2,.8,.2,1);
  }
  .proj-card:hover .proj-shot::after{transform:translateX(-14%);}
  .proj-tag-float{z-index:2;}

  /* Certificates */
  .cert-icon{width:64px; height:64px; padding:10px; background:rgba(31,69,146,.08); border-radius:50%;}

  /* Agency + form */
  .agency{position:relative; overflow:hidden;}
  .agency::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background-image:
      repeating-linear-gradient(90deg, rgba(244,246,250,.05) 0 1px, transparent 1px 120px),
      repeating-linear-gradient(0deg, rgba(244,246,250,.05) 0 1px, transparent 1px 120px);
    -webkit-mask-image:radial-gradient(ellipse at 15% 30%, #000, transparent 70%);
    mask-image:radial-gradient(ellipse at 15% 30%, #000, transparent 70%);
  }
  .agency .wrap{position:relative;}
  form.agency-form{
    border-radius:10px;
    background:linear-gradient(160deg,rgba(244,246,250,.10),rgba(244,246,250,.03));
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  }
  .field select option{color:#101c34; background:#f4f6fa;}

  /* Softer scroll reveal */
  .reveal{transform:translateY(14px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1);}

  /* Keep these after the base responsive rules */
  @media (max-width:640px){ .hero{padding-bottom:44px;} }
  @media (max-width:420px){
    .hero h1{font-size:clamp(28px,8vw,34px);}
    .section-head h2{font-size:24px;}
    .eyebrow{font-size:12px;}
    .hero .eyebrow{font-size:10.5px;}
  }

  /* ===== Responsive pass ===== */
  h1,h2,h3{text-wrap:balance;}
  p{text-wrap:pretty;}
  .burger{width:44px; height:44px; justify-content:center; align-items:center; padding:0; margin-inline-end:-10px;}
  @media (min-width:981px){ #mobile-menu{display:none !important;} }
  #mobile-menu li{padding:0 !important;}
  #mobile-menu a{display:block; padding:15px 0; font-size:16px; font-weight:600; color:var(--ink);}

  /* No sticky hover effects on touch screens */
  @media (hover:none){
    .prod-card:hover, .proj-card:hover, .cert-card:hover{transform:none; box-shadow:none;}
    .prod-card:hover::before{transform:scaleX(0);}
    .proj-card:hover .proj-shot svg{transform:none;}
    .btn:hover{transform:none;}
  }

  .tip-html{display:none;}
  @media (max-width:980px){
    .hero-grid > div:last-child{width:100%; max-width:560px; margin-inline:auto;}
  }
  @media (min-width:601px) and (max-width:980px){
    .foot-grid{grid-template-columns:1fr 1fr;}
    .foot-grid > div:first-child{grid-column:1/-1;}
  }
  @media (max-width:768px){
    /* Diagram text is too small when scaled down: show the explanation as normal text under the drawing */
    #tip-group{display:none;}
    .tip-html{
      display:block; margin:10px 0 4px; padding:10px 14px; border-radius:6px;
      background:rgba(185,208,245,.14); border:1px solid rgba(185,208,245,.35);
      color:#e8eef9; font-size:14px; line-height:1.7;
    }
    .tip-html:empty{display:none;}
    .field input, .field select, .field textarea{font-size:16px; padding:13px 14px;}
    .modal-box{max-height:88dvh;}
    .modal-close{width:40px; height:40px;}
  }
  @media (max-width:600px){
    .hero-actions{margin-bottom:36px;}
    .cert-icon{flex-shrink:0; width:52px; height:52px; padding:8px;}
    .modal-overlay{padding:12px;}
    .proj-body{padding:20px;}
    .prod-card h3{font-size:18px;}
  }

  /* ---------- Responsive refinements ---------- */
  html{-webkit-text-size-adjust:100%;}
  img, svg, video{max-width:100%;}
  @media (max-width:980px){
    .nav-actions{margin-inline-start:auto; margin-inline-end:8px;}
    .search-btn{width:44px; height:44px;}
  }
  @media (max-width:600px){
    /* دکمه نمایندگی در هدر موبایل هم دیده شود (فشرده) */
    .header-cta{display:inline-flex !important; font-size:12.5px !important; padding:9px 12px !important; white-space:nowrap;}
    .nav-actions{gap:8px; margin-inline-end:0;}
    .nav{gap:8px;}
    .brand{font-size:17px; gap:8px;}
    .brand-mark{width:30px; height:30px;}
    .burger{margin-inline-end:-8px;}
    .search-inner{padding:14px 16px 16px;}
    .search-results{max-height:60vh; max-height:60dvh;}
    /* کارت‌های «چرا نمایندگی» افقی و کوتاه‌تر */
    .why-card{display:grid; grid-template-columns:44px 1fr; column-gap:16px; align-items:start; padding:20px 18px;}
    .why-icon{grid-row:1 / span 2; margin:2px 0 0; width:40px; height:40px;}
    .why-card h3{font-size:16.5px; margin:0 0 4px;}
    .why-card p{font-size:14px;}
    /* فوتر: دو ستون لینک کنار هم */
    .foot-grid{grid-template-columns:1fr 1fr !important; gap:28px 20px !important;}
    .foot-grid > :first-child{grid-column:1 / -1;}
    .foot-bottom{flex-direction:column; align-items:flex-start; gap:8px;}
    .faq-item summary{min-height:52px;}
    .modal-box{max-height:88vh; max-height:88dvh;}
  }
  .brand{white-space:nowrap; flex-shrink:0;}
  @media (max-width:360px){
    .header-cta{font-size:11px !important; padding:8px 9px !important;}
    .brand{font-size:15px; gap:6px;}
    .brand-mark{width:26px; height:26px;}
    .search-btn{width:38px; height:38px;}
    .nav{padding:0 12px; gap:6px;}
    .nav-actions{gap:6px;}
    .burger{width:38px; height:38px; margin-inline-end:-6px;}
  }
  @media (max-width:980px){
    .hero-note, .diagram-hint{margin-top:14px;}
  }
  @media (min-width:1600px){
    :root{--maxw:1320px;}
  }

  /* ---------- Visual polish layer ---------- */
  :root{ --radius:14px; --ease:cubic-bezier(.2,.8,.2,1); }
  ::selection{background:var(--sun); color:#fff;}
  body{
    background:
      radial-gradient(900px 500px at 100% 0%, rgba(31,69,146,.08), transparent 60%),
      radial-gradient(700px 420px at 0% 40%, rgba(47,107,208,.06), transparent 60%),
      var(--paper);
  }
  /* Nav: frosted glass */
  .nav{backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px); box-shadow:0 1px 0 rgba(16,28,52,.06), 0 8px 24px rgba(16,28,52,.05);}
  .nav-links a{transition:color .2s var(--ease);}
  /* Buttons */
  .btn{border-radius:999px; transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease); font-weight:700;}
  .btn:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(16,28,52,.18);}
  .btn:active{transform:translateY(0);}
  .btn-primary{background:linear-gradient(135deg,var(--glass),var(--glass-deep));}
  .btn-sun, .hero .btn-primary{background:linear-gradient(135deg,#4a85e6,var(--sun)) !important; box-shadow:0 10px 24px rgba(47,107,208,.35);}
  /* Hero depth */
  .hero{position:relative; overflow:hidden;}
  .hero h1{text-wrap:balance;}
  .stat-row{border-radius:var(--radius);}
  .stat-num{background:linear-gradient(135deg,#fff,var(--sun-soft)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
  /* Section headings: small accent bar */
  .section-head h2{position:relative; padding-bottom:14px;}
  .section-head h2::after{content:""; position:absolute; bottom:0; inset-inline-start:0; width:56px; height:4px; border-radius:4px; background:linear-gradient(90deg,var(--sun),var(--sun-soft));}
  .section-head[style*="center"] h2::after, .section-head.center h2::after{inset-inline-start:50%; transform:translateX(50%);}
  /* Cards */
  .prod-card,.why-card,.cert-card,.faq-item{
    border-radius:var(--radius);
    box-shadow:var(--shadow-sm);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
  }
  .prod-card:hover,.why-card:hover,.cert-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(47,107,208,.45);}
  .prod-card,.why-card,.cert-card{overflow:hidden;}
  .why-icon,.cert-icon{border-radius:12px; transition:transform .35s var(--ease);}
  .why-card:hover .why-icon,.cert-card:hover .cert-icon{transform:scale(1.08) rotate(-3deg);}
  .prod-tags span{border-radius:999px;}
  .faq-item:hover{box-shadow:var(--shadow-md);}
  /* Media & forms */
  img{border-radius:10px;}
  input,select,textarea{border-radius:10px !important; transition:border-color .2s, box-shadow .2s;}
  input:focus,select:focus,textarea:focus{outline:none; border-color:var(--glass) !important; box-shadow:0 0 0 4px rgba(31,69,146,.15);}
  /* Modals */
  [role="dialog"], .modal-card{border-radius:18px;}
  /* Focus visibility */
  a:focus-visible,button:focus-visible{outline:3px solid var(--sun); outline-offset:3px; border-radius:8px;}

  /* ---------- Products dropdown ---------- */
  .dd{position:relative;}
  .dd-toggle{
    display:inline-flex; align-items:center; gap:6px; background:none; border:0; cursor:pointer;
    font-family:'Vazirmatn',sans-serif; font-size:15px; font-weight:500; color:var(--ink-soft);
    padding:6px 0; transition:color .2s var(--ease);
  }
  .dd-toggle:hover, .dd.open .dd-toggle{color:var(--ink);}
  .dd-toggle svg{transition:transform .25s var(--ease);}
  .dd.open .dd-toggle svg{transform:rotate(180deg);}
  .dd-menu{
    list-style:none; margin:0; padding:8px; min-width:230px;
    position:absolute; top:calc(100% + 14px); inset-inline-start:-12px; z-index:60;
    background:#fff; border:1px solid var(--panel-line); border-radius:14px; box-shadow:var(--shadow-lg);
    opacity:0; visibility:hidden; transform:translateY(-8px);
    transition:opacity .22s var(--ease), transform .22s var(--ease), visibility .22s;
  }
  .dd.open .dd-menu{opacity:1; visibility:visible; transform:none;}
  .dd-menu li{padding:0 !important; width:auto !important; border:0 !important;}
  .dd-menu a{
    display:block; padding:10px 14px !important; border-radius:9px; font-size:14.5px !important; font-weight:600 !important;
    color:var(--ink) !important; transition:background .18s, color .18s, padding .18s;
  }
  .dd-menu a::after{display:none !important;}
  .dd-menu a:hover{background:rgba(47,107,208,.12); color:#1f4592 !important; padding-inline-start:20px !important;}
  /* mobile: accordion */
  #mobile-menu .dd-toggle{width:100%; justify-content:space-between; padding:15px 0; font-size:16px; font-weight:600; color:var(--ink);}
  #mobile-menu .dd-menu{
    position:static; display:none; opacity:1; visibility:visible; transform:none;
    box-shadow:none; border:0; background:transparent; padding:0 0 10px; min-width:0;
  }
  #mobile-menu .dd.open .dd-menu{display:block;}
  #mobile-menu .dd-menu a{font-size:15px !important; padding:10px 14px !important; color:var(--ink-soft) !important;}

  /* Dropdown: link + caret, hover on desktop */
  .dd{display:flex; align-items:center; flex-wrap:wrap; gap:2px;}
  .dd-toggle{padding:6px 4px; font-size:inherit;}
  .dd-menu{flex-basis:100%;}
  .dd-menu::before{content:""; position:absolute; top:-16px; left:0; right:0; height:16px;}
  @media (min-width:981px){
    .nav > .nav-links .dd:not(.no-hover):hover .dd-menu{opacity:1; visibility:visible; transform:none;}
    .nav > .nav-links .dd:not(.no-hover):hover .dd-toggle svg{transform:rotate(180deg);}
  }
  #mobile-menu .dd{width:100%;}
  #mobile-menu .dd-link{flex:1;}
  #mobile-menu .dd-toggle{width:auto; padding:15px 6px;}

  /* ---------- Products page blocks ---------- */
  .pb-wrap{display:grid; gap:22px; padding-bottom:70px;}
  .pblock.flash{animation:pbflash 1.6s ease;}
  @keyframes pbflash{0%,60%{box-shadow:0 0 0 3px rgba(47,107,208,.55);}100%{box-shadow:none;}}
  .pblock{scroll-margin-top:96px;
    position:relative; background:#fff; border:1px solid var(--panel-line); border-radius:var(--radius);
    padding:34px 36px 32px; box-shadow:var(--shadow-sm);
    transition:box-shadow .3s var(--ease), border-color .3s var(--ease);
  }
  .pblock:hover{box-shadow:var(--shadow-md); border-color:rgba(47,107,208,.45);}
  .pb-num{position:absolute; top:22px; inset-inline-end:28px; font-family:'IBM Plex Mono',monospace; font-size:34px; font-weight:600; color:rgba(47,107,208,.28); line-height:1;}
  .pblock h3{font-size:clamp(20px,2.4vw,26px); margin-bottom:12px; padding-inline-end:70px; color:var(--ink);}
  .pblock p{margin:0 0 14px; color:var(--ink-soft); max-width:78ch;}
  .pblock p:last-child{margin-bottom:0;}
  .pb-label{font-weight:700; color:var(--ink) !important; margin-top:20px !important;}
  .pb-list{list-style:none; margin:6px 0 14px; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:10px 18px;}
  .pb-list li{position:relative; padding:9px 34px 9px 12px; background:var(--paper); border-radius:10px; font-weight:600; font-size:15px;}
  .pb-list li::before{content:""; position:absolute; inset-inline-start:auto; right:12px; top:50%; width:9px; height:9px; margin-top:-5px; border-radius:50%; background:linear-gradient(135deg,#4a85e6,var(--sun));}
  .pb-subs{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin:8px 0 14px;}
  .pb-sub{background:var(--paper); border-radius:12px; padding:20px 22px; border-inline-start:4px solid var(--sun);}
  .pb-sub h4{font-size:17px; margin-bottom:6px; color:var(--glass-deep);}
  .pb-sub p{margin:0; font-size:15px;}
  .pb-cta{
    background:linear-gradient(135deg,var(--glass-deep),var(--ink)); color:#fff; border-radius:var(--radius);
    padding:40px 38px; box-shadow:var(--shadow-lg);
  }
  .pb-cta h3{color:#fff; font-size:clamp(22px,2.8vw,30px); margin-bottom:12px;}
  .pb-cta p{margin:0; color:#d3dae8; max-width:78ch;}
  @media (max-width:640px){
    .pblock{padding:26px 20px 24px;} .pb-num{font-size:26px; top:18px; inset-inline-end:18px;}
    .pblock h3{padding-inline-end:48px;} .pb-cta{padding:28px 22px;}
  }

    /* ===== دور دوم: دکمه‌ها و جزئیات ===== */
  .btn{position:relative; overflow:hidden; isolation:isolate; font-weight:800; padding:14px 30px; border:0 !important; gap:10px;
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), filter .3s;}
  .btn::before{content:""; position:absolute; top:0; bottom:0; width:60%; left:-80%; z-index:-1; transform:skewX(-22deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent); transition:left .7s var(--ease);}
  .btn:hover::before{left:130%;}
  .btn:not(.header-cta)::after{content:"←"; display:inline-block; font-size:1.15em; line-height:1; transition:transform .3s var(--ease);}
  .btn:hover::after{transform:translateX(-6px);}
  .btn:hover{transform:translateY(-3px);} .btn:active{transform:translateY(0) scale(.97);}
  .btn-primary{background:linear-gradient(135deg,#3c72d0 0%,var(--glass-deep) 100%); color:#fff; box-shadow:0 10px 26px rgba(18,40,90,.35), inset 0 1px 0 rgba(255,255,255,.25);}
  .btn-primary:hover{background:linear-gradient(135deg,#4a84e6 0%,var(--glass) 100%); box-shadow:0 18px 38px rgba(31,69,146,.45), inset 0 1px 0 rgba(255,255,255,.3);}
  .btn-sun,.hero .btn-primary{color:#ffffff; box-shadow:0 10px 26px rgba(47,107,208,.42), inset 0 1px 0 rgba(255,255,255,.45) !important;}
  .btn-sun:hover,.hero .btn-primary:hover{filter:brightness(1.07); box-shadow:0 18px 40px rgba(47,107,208,.55), inset 0 1px 0 rgba(255,255,255,.5) !important;}
  .btn-outline{background:rgba(255,255,255,.5); box-shadow:inset 0 0 0 1.5px var(--panel-line);}
  .btn-outline:hover{background:#fff; box-shadow:inset 0 0 0 1.5px var(--ink), var(--shadow-md);}
  .header-cta{padding:10px 22px !important; box-shadow:0 6px 18px rgba(47,107,208,.38) !important;}
  .agency-form .btn{padding:16px 30px; font-size:16px; justify-content:center;}
  .search-btn{border-radius:50%; border:0; background:rgba(31,69,146,.09); transition:all .25s var(--ease);}
  .search-btn:hover,.search-btn[aria-expanded="true"]{background:var(--glass); color:#fff; transform:rotate(-8deg) scale(1.06);}
  .burger{border-radius:12px; background:rgba(31,69,146,.09); padding:11px;} .burger span{border-radius:2px; background:var(--glass-deep);}
  .dd-toggle{border-radius:50%; transition:background .2s, transform .25s;} .dd-toggle:hover{background:rgba(47,107,208,.18);}
  .dd.open .dd-toggle{transform:rotate(180deg);}
  .dd-menu{border-radius:16px !important; box-shadow:0 24px 60px rgba(18,40,90,.22) !important; overflow:hidden;}
  .dd-menu a{border-radius:10px;}

  .stat-row{background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); padding:22px 24px; border-radius:18px;}
  .why-grid{background:transparent; gap:18px;} .why-grid .why-card{border:1px solid rgba(207,215,229,.7);}
  .why-card{position:relative; overflow:hidden;}
  .why-card::after{content:""; position:absolute; inset-inline:0; bottom:0; height:3px; background:linear-gradient(90deg,var(--sun),var(--glass)); transform:scaleX(0); transition:transform .4s var(--ease);}
  .why-card:hover::after{transform:scaleX(1);}
  .pb-num{font-size:44px; background:linear-gradient(135deg,var(--sun),var(--sun-soft)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; opacity:.55;}
  .pb-list li{border:1px solid rgba(207,215,229,.6); transition:all .25s var(--ease);}
  .pb-list li:hover{background:#fff; border-color:var(--sun); box-shadow:0 6px 16px rgba(47,107,208,.18);}
  .reveal{transform:translateY(26px) scale(.985);} .reveal.in{transform:none;}
  footer{background:radial-gradient(500px 260px at 90% 0%, rgba(31,69,146,.28), transparent 70%), var(--ink);}
  footer a{transition:color .2s, transform .2s;} footer a:hover{color:var(--sun-soft);}

  /* ===== چت‌بات ===== */
  .cb-fab{position:fixed; left:22px; bottom:22px; z-index:150; width:62px; height:62px; border:0; border-radius:50%; cursor:pointer; color:#fff;
    background:linear-gradient(135deg,var(--glass) 0%,var(--glass-deep) 100%); display:grid; place-items:center;
    box-shadow:0 12px 30px rgba(18,40,90,.35), inset 0 1px 0 rgba(255,255,255,.25); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s;}
  .cb-fab::before{content:""; position:absolute; inset:0; border-radius:50%; border:2px solid var(--glass); opacity:0; animation:cbpulse 2.8s ease-out infinite;}
  .cb-fab:hover{transform:translateY(-4px) scale(1.05); box-shadow:0 18px 38px rgba(18,40,90,.42), inset 0 1px 0 rgba(255,255,255,.25);}
  .cb-fab svg{width:28px; height:28px; transition:transform .3s;}
  .cb-fab .ic-x{position:absolute; opacity:0; transform:rotate(-90deg) scale(.6);}
  .cb-fab.open .ic-chat{opacity:0; transform:rotate(90deg) scale(.6);}
  .cb-fab.open .ic-x{opacity:1; transform:none;}
  .cb-fab.open::before{animation:none;}
  .cb-dot{position:absolute; top:2px; right:2px; width:14px; height:14px; border-radius:50%; background:var(--sun); border:2.5px solid var(--paper);}
  .cb-fab.open .cb-dot{display:none;}
  @keyframes cbpulse{0%{transform:scale(1); opacity:.55;}100%{transform:scale(1.55); opacity:0;}}

  .cb-tip{position:fixed; left:96px; bottom:34px; z-index:149; background:#fff; color:var(--ink); font-size:13.5px; font-weight:600; padding:10px 16px;
    border-radius:14px; border-end-start-radius:4px; box-shadow:var(--shadow-md); border:1px solid var(--panel-line); white-space:nowrap;
    opacity:0; transform:translateX(-8px); pointer-events:none; transition:all .35s ease;}
  .cb-tip.show{opacity:1; transform:none;}
  @media (max-width:520px){ .cb-tip{display:none;} }

  .cb-panel{position:fixed; left:22px; bottom:98px; z-index:150; width:384px; max-width:calc(100vw - 24px); height:560px; max-height:calc(100dvh - 120px);
    background:var(--paper); border-radius:20px; box-shadow:0 30px 80px rgba(18,40,90,.30), 0 0 0 1px rgba(18,40,90,.08);
    display:flex; flex-direction:column; overflow:hidden; font-family:inherit;
    opacity:0; visibility:hidden; transform:translateY(18px) scale(.96); transform-origin:bottom left; transition:opacity .25s ease, transform .3s cubic-bezier(.2,.8,.2,1), visibility .25s;}
  .cb-panel.open{opacity:1; visibility:visible; transform:none;}

  .cb-head{position:relative; padding:18px 18px 22px; display:flex; align-items:center; gap:12px; color:#fff; overflow:hidden;
    background:radial-gradient(220px 120px at 0% 0%, rgba(47,107,208,.45), transparent 70%), linear-gradient(135deg,var(--glass) 0%,var(--glass-deep) 85%);}
  .cb-head::after{content:""; position:absolute; inset-inline:0; bottom:-1px; height:14px; background:var(--paper); border-radius:14px 14px 0 0;}
  .cb-av{width:44px; height:44px; flex:none; border-radius:50%; background:#fff; border:1.5px solid rgba(255,255,255,.6); display:grid; place-items:center; position:relative;}
  .cb-av img{width:26px; height:26px; object-fit:contain; display:block;}
  .cb-av::after{content:""; position:absolute; bottom:0; inset-inline-end:0; width:11px; height:11px; border-radius:50%; background:#4ade80; border:2px solid var(--glass-deep);}
  .cb-head b{font-size:16px; font-weight:800; display:block; line-height:1.4;}
  .cb-head span{font-size:12px; color:var(--sun-soft); display:block;}
  .cb-x{margin-inline-start:auto; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.14); border:0; color:#fff; font-size:20px; line-height:1; cursor:pointer; transition:background .2s;}
  .cb-x:hover{background:rgba(255,255,255,.28);}

  .cb-log{flex:1; overflow-y:auto; padding:6px 16px 14px; display:flex; flex-direction:column; gap:12px; scroll-behavior:smooth;}
  .cb-log::-webkit-scrollbar{width:6px;} .cb-log::-webkit-scrollbar-thumb{background:var(--panel-line); border-radius:6px;}
  .cb-m{max-width:88%; padding:11px 15px; font-size:14px; line-height:1.95; overflow-wrap:anywhere; animation:cbin .3s cubic-bezier(.2,.8,.2,1);}
  @keyframes cbin{from{opacity:0; transform:translateY(8px);}to{opacity:1; transform:none;}}
  .cb-m.bot{background:#fff; color:var(--ink); align-self:flex-start; border-radius:16px; border-start-start-radius:4px; box-shadow:0 2px 10px rgba(16,28,52,.07);}
  .cb-m.me{background:linear-gradient(135deg,var(--glass),var(--glass-deep)); color:#fff; align-self:flex-end; border-radius:16px; border-start-end-radius:4px; box-shadow:0 4px 14px rgba(31,69,146,.28);}
  .cb-m a{color:var(--glass); font-weight:700; text-decoration:none; border-bottom:1.5px solid var(--sun);}
  .cb-m a:hover{color:var(--glass-deep);}
  .cb-m.me a{color:#fff;}

  .cb-chips{display:flex; flex-wrap:wrap; gap:7px; margin-top:10px;}
  .cb-chip{font:inherit; font-size:12.5px; font-weight:600; padding:6px 13px; border:1.5px solid var(--glass); color:var(--glass); background:transparent; border-radius:999px; cursor:pointer; transition:all .18s;}
  .cb-chip:hover{background:var(--glass); color:#fff; transform:translateY(-1px);}

  .cb-typing{display:flex; gap:5px; padding:14px 16px; width:fit-content;}
  .cb-typing i{width:7px; height:7px; border-radius:50%; background:var(--glass); opacity:.4; animation:cbdot 1s infinite;}
  .cb-typing i:nth-child(2){animation-delay:.15s;} .cb-typing i:nth-child(3){animation-delay:.3s;}
  @keyframes cbdot{0%,60%,100%{opacity:.3; transform:none;}30%{opacity:1; transform:translateY(-4px);}}

  .cb-form{display:flex; align-items:center; gap:8px; margin:0 14px 14px; padding:6px 6px 6px 6px; background:#fff; border-radius:999px; box-shadow:0 2px 14px rgba(16,28,52,.10); border:1.5px solid transparent; transition:border-color .2s;}
  .cb-form:focus-within{border-color:var(--glass);}
  .cb-form input{flex:1; min-width:0; font:inherit; font-size:14px; padding:9px 14px; border:0; background:transparent; color:var(--ink); outline:none;}
  .cb-form input::placeholder{color:#9aa5b8;}
  .cb-form button{flex:none; width:40px; height:40px; border:0; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:#ffffff;
    background:linear-gradient(135deg,var(--sun-soft),var(--sun)); transition:transform .18s;}
  .cb-form button:hover{transform:scale(1.08);}
  .cb-form button svg{width:18px; height:18px; transform:scaleX(-1);}
  @media (max-width:520px){
    .cb-fab{left:14px; bottom:14px; width:56px; height:56px;}
    .cb-panel{left:10px; right:10px; width:auto; bottom:80px; border-radius:18px;}
  }

  /* ===== لایه زیباسازی کل سایت ===== */
  :root{--radius:14px; --ease:cubic-bezier(.2,.8,.2,1);}
  ::selection{background:var(--sun); color:#ffffff;}
  body{background:
    radial-gradient(900px 500px at 100% 0%, rgba(31,69,146,.08), transparent 60%),
    radial-gradient(700px 400px at 0% 60%, rgba(47,107,208,.06), transparent 60%), var(--paper);}
  #scroll-bar{position:fixed; top:0; inset-inline:0; height:3px; z-index:300; transform-origin:right; transform:scaleX(0); background:linear-gradient(90deg,var(--sun),var(--glass)); pointer-events:none;}

  header{background:rgba(244,246,250,.78); border-bottom:1px solid rgba(207,215,229,.6); box-shadow:0 10px 30px rgba(16,28,52,.06);}
  .nav-links a{border-radius:999px;}
  .nav-links a:not(.dd-link):not(.btn)::after{display:none;}
  .btn{border-radius:999px; padding:13px 26px; letter-spacing:0;}
  .btn-primary{background:linear-gradient(135deg,var(--glass),var(--glass-deep)); box-shadow:0 8px 22px rgba(31,69,146,.28);}
  .btn-primary:hover{box-shadow:0 14px 32px rgba(31,69,146,.4);}
  .btn-sun{background:linear-gradient(135deg,#4a85e6,var(--sun)); box-shadow:0 8px 22px rgba(47,107,208,.32);}
  .btn-outline{border-width:1.5px;}

  .hero h1 em{background:linear-gradient(90deg,var(--sun-soft),#cfe0fb); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
  .hero::after{content:""; position:absolute; width:520px; height:520px; border-radius:50%; left:-160px; top:-120px; background:radial-gradient(circle,rgba(31,69,146,.45),transparent 65%); pointer-events:none;}

  .section-head h2{position:relative;}
  .section-head h2::after{content:""; display:block; width:56px; height:4px; border-radius:4px; margin-top:16px; background:linear-gradient(90deg,var(--sun),var(--sun-soft));}
  .eyebrow{background:rgba(31,69,146,.08); padding:5px 14px; border-radius:999px;}

  .pblock{border-radius:18px; border:1px solid rgba(207,215,229,.7); box-shadow:0 4px 18px rgba(16,28,52,.05); overflow:hidden;}
  .pblock::before{content:""; position:absolute; inset-block:0; inset-inline-start:0; width:5px; background:linear-gradient(180deg,var(--sun),var(--glass)); opacity:.75; transition:width .3s var(--ease);}
  .pblock:hover{transform:translateY(-3px);} .pblock:hover::before{width:8px;}
  .pb-sub{border-radius:12px;}
  .pb-list li{transition:transform .2s var(--ease);} .pb-list li:hover{transform:translateX(-4px);}
  .pb-cta{border-radius:18px;}

  .why-card,.prod-card,.proj-card,.cert-card{border-radius:16px;}
  .why-card,.cert-card{box-shadow:0 4px 16px rgba(16,28,52,.05);}
  .proj-card{overflow:hidden; border-radius:18px;}
  .proj-card:hover,.cert-card:hover,.why-card:hover{box-shadow:0 22px 46px rgba(16,28,52,.16);}

  .faq-list{background:transparent; gap:12px;}
  .faq-item{border-radius:14px; box-shadow:0 3px 14px rgba(16,28,52,.06); overflow:hidden; border:1px solid transparent; transition:border-color .25s, box-shadow .25s;}
  .faq-item[open]{border-color:rgba(31,69,146,.35); box-shadow:0 12px 30px rgba(31,69,146,.12);}
  .faq-item summary::after{width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:rgba(31,69,146,.1); font-size:20px;}

  .agency-form,.agency-grid form{border-radius:20px;}
  .agency-form input,.agency-form select,.agency-form textarea{border-radius:10px; transition:border-color .2s, box-shadow .2s;}
  .agency-form input:focus,.agency-form select:focus,.agency-form textarea:focus{outline:none; border-color:var(--glass); box-shadow:0 0 0 4px rgba(31,69,146,.15);}

  .contact-grid{border-radius:18px; overflow:hidden; box-shadow:0 8px 28px rgba(16,28,52,.08);}
  .contact-cell{padding:34px 36px;} .contact-cell h4{color:var(--glass);}
  footer{border-top-left-radius:28px; border-top-right-radius:28px;}
  .modal-overlay > *{border-radius:20px;}

  /* ===== دکمه‌های هدر: نسخه بازطراحی‌شده ===== */
  header .nav-actions{display:flex; align-items:center; gap:12px;}

  /* دکمه درخواست نمایندگی */
  header .header-cta{
    gap:10px; padding:7px 8px 7px 20px !important; font-size:14px !important; font-weight:800; line-height:1.4;
    background:linear-gradient(135deg,#4f8ae8 0%,var(--sun) 100%);
    box-shadow:0 8px 20px rgba(47,107,208,.34), inset 0 1px 0 rgba(255,255,255,.5) !important;
  }
  header .header-cta::after{
    content:"←"; display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%;
    background:var(--ink); color:#cfe0fb; font-size:15px; line-height:1;
    transition:transform .3s var(--ease), background .3s var(--ease);
  }
  header .header-cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(47,107,208,.46), inset 0 1px 0 rgba(255,255,255,.55) !important;}
  header .header-cta:hover::after{transform:translateX(-3px); background:var(--glass-deep);}

  /* دکمه جستجو */
  header .search-btn{
    width:44px; height:44px; border-radius:50%;
    background:rgba(255,255,255,.7); color:var(--glass-deep);
    border:1.5px solid rgba(31,69,146,.22);
    box-shadow:0 4px 12px rgba(16,28,52,.07);
  }
  header .search-btn svg{width:19px; height:19px; transition:transform .3s var(--ease);}
  header .search-btn:hover,
  header .search-btn[aria-expanded="true"]{
    background:linear-gradient(135deg,var(--glass),var(--glass-deep)); color:#fff; border-color:transparent;
    transform:translateY(-2px); box-shadow:0 10px 22px rgba(31,69,146,.34);
  }
  header .search-btn:hover svg{transform:scale(1.1);}

  /* دکمه منوی موبایل: تبدیل سه‌خط به ضربدر */
  header .burger{
    gap:5px; border-radius:50%; background:rgba(255,255,255,.7);
    border:1.5px solid rgba(31,69,146,.22); box-shadow:0 4px 12px rgba(16,28,52,.07);
    transition:background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
  }
  header .burger span{width:18px; height:2px; transition:transform .3s var(--ease), opacity .2s, background .25s;}
  header .burger:hover{background:#fff; border-color:var(--glass);}
  header .burger[aria-expanded="true"]{background:linear-gradient(135deg,var(--glass),var(--glass-deep)); border-color:transparent;}
  header .burger[aria-expanded="true"] span{background:#fff;}
  header .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  header .burger[aria-expanded="true"] span:nth-child(2){opacity:0; transform:scaleX(0);}
  header .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  @media (max-width:600px){
    header .header-cta{padding:8px 13px !important; font-size:12.5px !important;}
    header .header-cta::after{display:none;}
    header .nav-actions{gap:8px;}
    header .search-btn{width:40px; height:40px;}
  }
  @media (max-width:360px){
    header .header-cta{padding:7px 10px !important; font-size:11px !important;}
    header .search-btn{width:36px; height:36px;}
  }
  /* دکمه پورتال نمایندگان */
  header .portal-btn{
    display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 18px; border-radius:999px;
    font-size:14px; font-weight:800; line-height:1; white-space:nowrap; color:var(--glass-deep);
    background:rgba(255,255,255,.7); border:1.5px solid rgba(31,69,146,.22);
    box-shadow:0 4px 12px rgba(16,28,52,.07);
    transition:background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
  }
  header .portal-btn svg{width:18px; height:18px; flex:none;}
  header .portal-btn:hover{
    background:linear-gradient(135deg,var(--glass),var(--glass-deep)); color:#fff; border-color:transparent;
    transform:translateY(-2px); box-shadow:0 10px 22px rgba(31,69,146,.34);
  }
  /* فاصله‌گذاری هدر */
  header .nav{max-width:1240px; gap:18px;}
  @media (min-width:981px){
    /* منو دقیقاً وسط، لوگو و دکمه‌ها دو طرف */
    header .nav{display:grid; grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr); align-items:center;}
    header .nav > .nav-actions{justify-self:end;}
    header .nav > .brand{justify-self:start;}
  }
  @media (max-width:600px){
    header .nav{padding:0 14px; gap:6px;}
    header .brand-text small{display:none;}
  }
  @media (max-width:480px){ header .portal-btn{display:none;} }
  @media (max-width:360px){ header .header-cta{display:none !important;} }
  header .nav-actions{gap:10px; flex:none;}
  header .nav > .nav-links{flex:none;}
  header .brand{flex:none;}
  @media (max-width:1320px){
    header .nav{padding:0 24px; gap:12px;}
    header .nav > .nav-links > li > a, header .nav > .nav-links .dd-link{padding:8px 12px; font-size:14px;}
    header .nav > .nav-links .dd-link{padding-inline-end:4px;}
    header .nav-actions{gap:8px;}
    header .header-cta{font-size:13px !important; padding:6px 7px 6px 16px !important;}
  }
  @media (max-width:1180px){ header .portal-btn span{display:none;} header .portal-btn{width:44px; padding:0; justify-content:center;} }
  @media (max-width:600px){ header .portal-btn{width:40px; height:40px;} }
  @media (max-width:360px){ header .portal-btn{width:36px; height:36px;} }
  @media (prefers-reduced-motion:reduce){ header .portal-btn{transition:none !important;} header .portal-btn:hover{transform:none;} }
  @media (prefers-reduced-motion:reduce){
    header .header-cta, header .header-cta::after, header .search-btn, header .search-btn svg, header .burger, header .burger span{transition:none !important;}
    header .header-cta:hover, header .search-btn:hover{transform:none;}
  }

  /* ===== دکمه‌های منوی اصلی (محصولات تا تماس با ما) ===== */
  header .nav > .nav-links{
    gap:2px; padding:5px; border-radius:999px;
    background:rgba(255,255,255,.62);
    border:1.5px solid rgba(31,69,146,.16);
    box-shadow:0 6px 18px rgba(16,28,52,.06), inset 0 1px 0 rgba(255,255,255,.9);
  }
  header .nav > .nav-links > li{
    border-radius:999px; position:relative;
    transition:background .3s var(--ease), box-shadow .3s var(--ease);
  }
  header .nav > .nav-links > li > a,
  header .nav > .nav-links .dd-link{
    display:inline-flex; align-items:center; padding:9px 18px; font-size:14.5px; font-weight:700;
    color:var(--ink-soft); border-radius:999px; transition:color .25s var(--ease);
  }
  header .nav > .nav-links .dd-link{padding-inline-end:6px;}
  header .nav > .nav-links > li > a::after,
  header .nav > .nav-links .dd-link::after{display:none;}
  header .nav > .nav-links .dd-toggle{
    color:var(--ink-soft); padding:6px 10px 6px 6px; border-radius:999px; background:transparent;
  }
  header .nav > .nav-links .dd-toggle:hover{background:transparent;}
  header .nav > .nav-links > li:hover,
  header .nav > .nav-links > li.open{
    background:linear-gradient(135deg,var(--glass) 0%,var(--glass-deep) 100%);
    box-shadow:0 8px 18px rgba(31,69,146,.3), inset 0 1px 0 rgba(255,255,255,.22);
  }
  header .nav > .nav-links > li:hover > a,
  header .nav > .nav-links > li.open > a,
  header .nav > .nav-links > li:hover .dd-toggle,
  header .nav > .nav-links > li.open .dd-toggle{color:#fff;}
  header .nav > .nav-links > li:active{transform:scale(.97);}
  @media (max-width:1180px){
    header .nav > .nav-links > li > a,
    header .nav > .nav-links .dd-link{padding:8px 12px; font-size:14px;}
    header .nav > .nav-links .dd-link{padding-inline-end:4px;}
  }
  @media (prefers-reduced-motion:reduce){
    header .nav > .nav-links > li, header .nav > .nav-links > li > a{transition:none !important;}
  }

  /* ===== رفع محو شدن/تفاوت رنگ گوشه‌های هدر ===== */
  /* فیلتر و سایه روی .nav (که عرضش محدود است) باعث می‌شد وسط هدر با دو کنار فرق کند */
  header .nav{backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none !important; background:transparent;}
  header{
    background:rgba(244,246,250,.95) !important;
    backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px);
    border-bottom:1px solid rgba(207,215,229,.7);
    box-shadow:0 10px 30px rgba(16,28,52,.08);
  }

  /* ===== بخش تماس با ما: طراحی کارتی ===== */
  .ct-layout{display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:stretch;}
  .ct-cards{display:grid; grid-template-columns:1fr 1fr; gap:16px; align-content:start;}
  .ct-card{
    position:relative; display:flex; align-items:center; gap:14px; padding:20px 18px; min-width:0;
    background:#fff; border:1.5px solid rgba(31,69,146,.14); border-radius:20px;
    box-shadow:0 6px 18px rgba(16,28,52,.06);
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
  }
  a.ct-card:hover{transform:translateY(-4px); border-color:var(--glass); box-shadow:0 16px 32px rgba(31,69,146,.18);}
  .ct-ico{
    flex:none; display:grid; place-items:center; width:48px; height:48px; border-radius:15px;
    background:linear-gradient(135deg,rgba(31,69,146,.13),rgba(31,69,146,.05)); color:var(--glass-deep);
    transition:background .3s var(--ease), color .3s var(--ease);
  }
  a.ct-card:hover .ct-ico{background:linear-gradient(135deg,var(--glass),var(--glass-deep)); color:#fff;}
  .ct-body{display:flex; flex-direction:column; gap:3px; min-width:0; flex:1;}
  .ct-body small{font-size:12.5px; color:var(--ink-soft); font-weight:600;}
  .ct-body strong{font-size:16.5px; font-weight:800; color:var(--ink); overflow-wrap:anywhere;}
  .ct-body .ct-mail{font-size:12px; overflow-wrap:normal; word-break:keep-all; letter-spacing:-.2px;}
  .ct-go{flex:none; color:var(--sun); font-size:18px; font-weight:800; opacity:0; transform:translateX(8px); transition:opacity .3s, transform .3s var(--ease);}
  a.ct-card:hover .ct-go{opacity:1; transform:none;}

  .ct-side{
    position:relative; overflow:hidden; padding:32px 30px; border-radius:26px; color:#eef2fa;
    background:radial-gradient(420px 260px at 100% 0%, rgba(31,69,146,.55), transparent 70%), linear-gradient(160deg,#12285a,var(--ink));
    box-shadow:0 18px 40px rgba(18,40,90,.28);
  }
  .ct-side::after{content:""; position:absolute; left:-60px; bottom:-60px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(110,160,240,.28),transparent 70%); pointer-events:none;}
  .ct-pin{display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:rgba(110,160,240,.16); color:var(--sun-soft); margin-bottom:16px;}
  .ct-side h3{font-size:22px; font-weight:900; color:#fff; margin-bottom:14px;}
  .ct-addr{font-size:15px; line-height:2; color:#fff;}
  .ct-addr b{color:var(--sun-soft); font-weight:700;}
  .ct-note{font-size:14.5px; line-height:2; color:rgba(238,242,250,.78); margin-top:10px;}
  .ct-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; position:relative; z-index:1;}
  .ct-btn{display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:999px; font-size:14px; font-weight:800; transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;}
  .ct-btn svg{width:18px; height:18px;}
  .ct-btn-sun{background:linear-gradient(135deg,#4f8ae8,var(--sun)); color:#fff; box-shadow:0 8px 20px rgba(47,107,208,.35);}
  .ct-btn-sun:hover{transform:translateY(-2px); box-shadow:0 14px 26px rgba(47,107,208,.45);}
  .ct-btn-line{border:1.5px solid rgba(255,255,255,.35); color:#fff;}
  .ct-btn-line:hover{background:rgba(255,255,255,.12); transform:translateY(-2px);}
  .ct-sign{margin-top:24px; padding-top:18px; border-top:1px solid rgba(255,255,255,.14); font-weight:800; color:#fff;}
  .ct-sign span{display:block; margin-top:4px; font-weight:500; font-size:13.5px; color:var(--sun-soft);}

  @media (max-width:900px){ .ct-layout{grid-template-columns:1fr;} }
  @media (max-width:520px){
    .ct-cards{grid-template-columns:1fr; gap:12px;}
    .ct-side{padding:26px 22px;}
    .ct-actions .ct-btn{flex:1; justify-content:center;}
  }
  @media (prefers-reduced-motion:reduce){ .ct-card, .ct-ico, .ct-go, .ct-btn{transition:none !important;} a.ct-card:hover{transform:none;} }

  /* ===== بازطراحی کلی هدر ===== */
  header{
    background:linear-gradient(180deg,rgba(246,248,252,.97),rgba(236,241,248,.94)) !important;
    border-bottom:0 !important;
    box-shadow:0 1px 0 rgba(207,215,229,.55), 0 12px 32px rgba(16,28,52,.07) !important;
    transition:box-shadow .3s var(--ease);
  }
  header::after{
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,rgba(31,69,146,.55) 25%,rgba(110,160,240,.8) 50%,rgba(31,69,146,.55) 75%,transparent 100%);
    opacity:.55;
  }
  header .nav{height:80px; transition:height .3s var(--ease);}
  header.scrolled .nav{height:66px;}
  header.scrolled{box-shadow:0 1px 0 rgba(207,215,229,.6), 0 16px 38px rgba(16,28,52,.12) !important;}

  /* لوگو */
  header .brand{gap:12px;}
  header .brand-mark{
    width:46px; height:46px; padding:6px; border-radius:14px; background:#fff;
    border:1.5px solid rgba(31,69,146,.16); box-shadow:0 6px 16px rgba(16,28,52,.08);
    transition:transform .4s var(--ease), box-shadow .3s var(--ease);
  }
  header .brand:hover .brand-mark{transform:rotate(90deg); box-shadow:0 10px 22px rgba(47,107,208,.28);}
  header .brand-text{display:flex; flex-direction:column; line-height:1.25;}
  header .brand-text b{font-size:19px; font-weight:900; color:var(--ink);}
  header .brand-text small{font-size:11.5px; font-weight:600; color:var(--sun); letter-spacing:.2px; margin-top:2px;}
  header.scrolled .brand-mark{width:40px; height:40px; padding:5px;}

  /* منوی کشویی محصولات */
  header .nav .dd-menu{
    padding:10px; min-width:250px; border-radius:20px !important; border:1px solid rgba(31,69,146,.14);
    box-shadow:0 28px 60px rgba(18,40,90,.2) !important; overflow:visible;
  }
  header .nav .dd-menu::after{
    content:""; position:absolute; top:-7px; inset-inline-start:34px; width:14px; height:14px;
    background:#fff; border-top:1px solid rgba(31,69,146,.14); border-left:1px solid rgba(31,69,146,.14);
    transform:rotate(45deg); border-top-left-radius:4px;
  }
  header .nav .dd-menu a{
    position:relative; display:flex; align-items:center; gap:10px; padding:11px 14px !important; border-radius:12px; z-index:1;
  }
  header .nav .dd-menu a::before{
    content:""; flex:none; width:7px; height:7px; border-radius:50%; background:rgba(31,69,146,.25);
    transition:background .2s, transform .25s var(--ease);
  }
  header .nav .dd-menu a:hover{
    background:linear-gradient(90deg,rgba(31,69,146,.1),rgba(31,69,146,.03)); color:var(--glass-deep) !important;
    padding-inline-start:14px !important;
  }
  header .nav .dd-menu a:hover::before{background:var(--sun); transform:scale(1.5);}

  /* پنل جستجو */
  header .search-panel{border-radius:0 0 24px 24px; border-bottom:0; box-shadow:0 24px 40px rgba(16,28,52,.14); background:rgba(246,248,252,.98);}
  header .search-inner input{border-radius:999px; padding:14px 22px; border:1.5px solid rgba(31,69,146,.2); box-shadow:0 6px 16px rgba(16,28,52,.06);}

  /* منوی موبایل */
  #mobile-menu{background:#fff; border-radius:0 0 24px 24px; box-shadow:0 24px 40px rgba(16,28,52,.14);}
  #mobile-menu li > a:not(.dd-link){transition:color .2s, padding .25s var(--ease);}
  #mobile-menu li > a:not(.dd-link):hover{color:var(--glass); padding-inline-start:8px;}
  #mobile-menu > li:last-child{border-top:0 !important; padding-top:14px !important;}
  #mobile-menu > li:last-child > a{
    text-align:center; padding:14px 18px; border-radius:999px; color:var(--ink); font-weight:800;
    background:linear-gradient(135deg,#4f8ae8,var(--sun)); box-shadow:0 10px 22px rgba(47,107,208,.32);
  }

  @media (max-width:1180px){ header .brand-text small{display:none;} }
  @media (max-width:980px){ header .nav{height:68px;} header.scrolled .nav{height:60px;} }
  @media (max-width:600px){
    header .brand-mark{width:38px; height:38px; padding:5px; border-radius:12px;}
    header .brand-text b{font-size:16px;}
  }
  @media (prefers-reduced-motion:reduce){ header, header .nav, header .brand-mark{transition:none !important;} }

  /* ===== بازطراحی فوتر ===== */
  footer{
    position:relative; overflow:hidden;
    background:
      radial-gradient(520px 300px at 92% 0%, rgba(31,69,146,.42), transparent 70%),
      radial-gradient(420px 260px at 0% 100%, rgba(110,160,240,.16), transparent 70%),
      linear-gradient(180deg,#0f2250 0%,var(--ink) 100%);
  }
  footer::after{
    content:""; position:absolute; top:0; left:12%; right:12%; height:2px; pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(110,160,240,.85),rgba(31,69,146,.8),transparent);
  }
  footer .wrap{position:relative; z-index:1;}

  .foot-cta{
    display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
    padding:24px 28px; margin-bottom:44px; border-radius:24px;
    background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
    border:1px solid rgba(244,246,250,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  }
  .foot-cta b{display:block; color:#fff; font-size:20px; font-weight:900; margin-bottom:4px;}
  .foot-cta span{color:rgba(244,246,250,.72); font-size:14px;}
  .foot-cta-btn{
    display:inline-flex; align-items:center; gap:10px; padding:12px 14px 12px 24px; border-radius:999px;
    background:linear-gradient(135deg,#4f8ae8,var(--sun)); color:#fff !important; font-weight:800; font-size:14.5px;
    box-shadow:0 10px 24px rgba(47,107,208,.38); transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  }
  .foot-cta-btn i{display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--ink); color:#cfe0fb; font-style:normal; font-size:15px; transition:transform .3s var(--ease);}
  .foot-cta-btn:hover{transform:translateY(-2px); box-shadow:0 16px 30px rgba(47,107,208,.5);}
  .foot-cta-btn:hover i{transform:translateX(-3px);}

  .foot-grid{grid-template-columns:1.5fr .8fr 1.2fr; gap:48px; align-items:start;}
  .foot-brand{font-size:20px; font-weight:900; gap:12px;}
  .foot-brand svg{width:46px; height:46px; padding:7px; border-radius:14px; background:rgba(255,255,255,.08); border:1px solid rgba(244,246,250,.16);}
  .foot-grid p{line-height:2; color:rgba(244,246,250,.72);}
  .foot-chips{display:flex; gap:10px; margin-top:20px;}
  .foot-chips a{
    display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:var(--paper);
    background:rgba(255,255,255,.07); border:1px solid rgba(244,246,250,.16);
    transition:background .3s var(--ease), transform .3s var(--ease), color .3s, border-color .3s;
  }
  .foot-chips a:hover{background:linear-gradient(135deg,#4f8ae8,var(--sun)); color:#fff; border-color:transparent; transform:translateY(-3px);}

  .foot-col h5{position:relative; font-size:15px; font-weight:800; padding-bottom:12px; margin-bottom:18px;}
  .foot-col h5::after{content:""; position:absolute; bottom:0; inset-inline-start:0; width:30px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--sun),var(--sun-soft));}
  .foot-col ul{gap:6px;}
  .foot-col li a{display:inline-flex; align-items:center; gap:8px; padding:5px 0; color:rgba(244,246,250,.8);}
  .foot-col li a:hover{transform:translateX(-4px);}
  .foot-addr .foot-slogan{max-width:none;}
  .foot-addr-line{display:flex; gap:12px; align-items:flex-start; font-size:14px; line-height:2; color:rgba(244,246,250,.85);}
  .foot-pin{flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:12px; background:rgba(110,160,240,.15); color:var(--sun-soft);}
  .foot-slogan{margin-top:14px !important; padding-top:14px; border-top:1px dashed rgba(244,246,250,.18); color:var(--sun-soft) !important; font-weight:700;}

  .foot-bottom{padding-top:26px; align-items:center;}
  .foot-top{
    display:grid; place-items:center; width:42px; height:42px; border-radius:50%; font-weight:800; color:var(--paper);
    background:rgba(255,255,255,.07); border:1px solid rgba(244,246,250,.16);
    transition:background .3s var(--ease), transform .3s var(--ease), color .3s;
  }
  .foot-top:hover{background:linear-gradient(135deg,#4f8ae8,var(--sun)); color:#fff; transform:translateY(-3px);}

  @media (max-width:980px){
    .foot-grid{grid-template-columns:1fr 1fr; gap:30px 20px;}
    .foot-grid > div:first-child{grid-column:1/-1;}
  }
  @media (max-width:560px){
    .foot-grid{grid-template-columns:1fr !important;}
    .foot-cta{padding:20px; border-radius:20px; margin-bottom:32px;}
    .foot-cta-btn{width:100%; justify-content:center;}
    .foot-bottom{flex-direction:row !important; flex-wrap:wrap; justify-content:space-between; gap:12px;}
  }
  @media (prefers-reduced-motion:reduce){ .foot-cta-btn, .foot-cta-btn i, .foot-chips a, .foot-top, .foot-col li a{transition:none !important;} }

  /* ===== فوتر کم‌ارتفاع‌تر ===== */
  footer{padding:34px 0 16px;}
  .foot-cta{padding:16px 24px; margin-bottom:26px; border-radius:20px;}
  .foot-cta b{font-size:18px; margin-bottom:2px;}
  .foot-cta span{font-size:13.5px;}
  .foot-cta-btn{padding:9px 10px 9px 20px; font-size:14px;}
  .foot-cta-btn i{width:26px; height:26px;}
  .foot-grid{gap:32px; padding-bottom:22px;}
  .foot-brand{margin-bottom:8px; font-size:18px;}
  .foot-brand svg{width:40px; height:40px; padding:6px;}
  .foot-grid p{line-height:1.9; font-size:13.5px;}
  .foot-chips{margin-top:12px; gap:8px;}
  .foot-chips a, .foot-top{width:36px; height:36px;}
  .foot-chips a svg{width:16px; height:16px;}
  .foot-col h5{padding-bottom:9px; margin-bottom:12px; font-size:14.5px;}
  .foot-col ul{gap:2px;}
  .foot-col li a{padding:3px 0; font-size:13.5px;}
  .foot-addr-line{line-height:1.8; font-size:13.5px;}
  .foot-pin{width:32px; height:32px; border-radius:10px;}
  .foot-slogan{margin-top:10px !important; padding-top:10px;}
  .foot-bottom{padding-top:14px;}
  @media (max-width:560px){
    footer{padding:28px 0 14px;}
    .foot-cta{padding:14px 16px; margin-bottom:20px;}
    .foot-grid{gap:20px !important; padding-bottom:18px;}
  }

  /* ===== پروژه‌ها: کارت‌های جدا و نرم ===== */
  .projects{background:linear-gradient(180deg,var(--paper) 0%,#eaeff7 100%);}
  .proj-grid{gap:26px; background:transparent;}
  .proj-card{
    background:#fff; border:1.5px solid rgba(31,69,146,.12); border-radius:24px !important; overflow:hidden;
    box-shadow:0 10px 28px rgba(16,28,52,.07);
    transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
  }
  .proj-card::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:4px; z-index:3;
    background:linear-gradient(90deg,var(--glass),var(--sun)); transform:scaleX(0); transform-origin:center;
    transition:transform .45s var(--ease);
  }
  .proj-card:hover{transform:translateY(-8px); border-color:rgba(31,69,146,.35); box-shadow:0 26px 52px rgba(18,40,90,.18);}
  .proj-card:hover::after{transform:scaleX(1);}
  .proj-shot{margin:10px 10px 0; border-radius:16px; aspect-ratio:16/11;}
  .proj-tag-float{
    top:12px; inset-inline-start:12px; padding:5px 13px; font-size:11.5px; font-weight:700; letter-spacing:0;
    font-family:'Vazirmatn',sans-serif; background:rgba(255,255,255,.92); color:var(--glass-deep);
    box-shadow:0 4px 12px rgba(16,28,52,.12); backdrop-filter:blur(6px);
  }
  .proj-body{padding:20px 24px 26px;}
  .proj-body h3{font-size:18px; font-weight:900; color:var(--ink); margin-bottom:12px;}
  .proj-meta{justify-content:flex-end; gap:8px; margin-bottom:12px;}
  .proj-meta span:nth-child(2){display:none;}
  .proj-meta span:nth-child(1){padding:3px 11px; border-radius:999px; background:rgba(31,69,146,.1); color:var(--glass-deep); font-weight:600;}
  .proj-meta span:nth-child(3){padding:3px 11px; border-radius:999px; background:rgba(47,107,208,.14); color:#1f4592; font-weight:600;}
  .proj-body p{line-height:2; font-size:14px;}

  /* ===== گواهینامه‌ها: کارت‌های جدا با نشان گرد ===== */
  .certificates{background:linear-gradient(180deg,#e3e9f3 0%,var(--panel) 100%);}
  .cert-grid{gap:22px; background:transparent;}
  .cert-card{
    position:relative; background:#fff; border:1.5px solid rgba(31,69,146,.12); border-radius:24px !important;
    padding:34px 22px 28px; gap:10px; overflow:hidden;
    box-shadow:0 10px 26px rgba(16,28,52,.06);
    transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
  }
  .cert-card::before{
    content:""; position:absolute; top:0; left:0; right:0; height:5px;
    background:linear-gradient(90deg,var(--glass),var(--sun));
  }
  .cert-card::after{
    content:""; position:absolute; top:-50px; inset-inline-end:-50px; width:140px; height:140px; border-radius:50%;
    background:radial-gradient(circle,rgba(31,69,146,.1),transparent 70%); pointer-events:none;
  }
  .cert-card:hover{transform:translateY(-8px); border-color:rgba(47,107,208,.5); box-shadow:0 26px 50px rgba(18,40,90,.16);}
  .cert-icon{
    width:76px; height:76px; padding:16px; border-radius:50% !important; margin-bottom:6px;
    background:linear-gradient(135deg,rgba(31,69,146,.14),rgba(31,69,146,.04));
    box-shadow:0 0 0 6px rgba(31,69,146,.06), inset 0 0 0 1.5px rgba(31,69,146,.2);
    transition:transform .4s var(--ease), background .4s var(--ease);
  }
  .cert-card:hover .cert-icon{transform:scale(1.06) rotate(-4deg); background:linear-gradient(135deg,rgba(47,107,208,.22),rgba(47,107,208,.06));}
  .cert-card h4{font-size:16px; font-weight:900; color:var(--ink); margin-top:4px;}
  .cert-card .mono{
    display:inline-block; padding:4px 14px; border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.04em;
    background:rgba(47,107,208,.12); color:#1f4592;
  }
  .cert-card .issuer{font-size:13px; line-height:1.9; color:var(--ink-soft); max-width:24ch;}

  @media (max-width:980px){ .proj-grid{gap:20px;} .cert-grid{gap:16px;} }
  @media (max-width:640px){
    .cert-card{padding:22px 20px; gap:6px;}
    .cert-icon{width:60px; height:60px; padding:12px; margin-bottom:0;}
  }
  @media (prefers-reduced-motion:reduce){
    .proj-card, .proj-card::after, .cert-card, .cert-icon{transition:none !important;}
    .proj-card:hover, .cert-card:hover{transform:none;}
  }

  /* ===== صفحه «درباره ما» ===== */
  .about-page{background:linear-gradient(180deg,var(--paper) 0%,#eaeff7 100%); padding:0 0 90px;}
  .about-hero{
    position:relative; overflow:hidden; padding:84px 0 110px; color:#eef2fa; margin-bottom:-56px;
    background:radial-gradient(520px 300px at 90% 0%,rgba(31,69,146,.55),transparent 70%), radial-gradient(420px 240px at 5% 100%,rgba(110,160,240,.2),transparent 70%), linear-gradient(160deg,#12285a,var(--ink));
  }
  .about-hero .eyebrow{color:var(--sun-soft); background:rgba(255,255,255,.08);}
  .about-hero h2{color:#fff; font-size:clamp(30px,4.2vw,50px); font-weight:900; margin-top:16px;}
  .about-lead{max-width:60ch; margin-top:14px; font-size:17px; line-height:2; color:rgba(238,242,250,.82);}
  .about-stats{
    position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:56px;
  }
  .about-stats div{
    background:#fff; border:1.5px solid rgba(31,69,146,.12); border-radius:22px; padding:24px 22px; text-align:center;
    box-shadow:0 14px 34px rgba(16,28,52,.1);
  }
  .about-stats b{display:block; font-family:'IBM Plex Mono',monospace; font-size:34px; font-weight:700; color:var(--glass-deep); line-height:1.3;}
  .about-stats span{display:block; margin-top:6px; font-size:14px; color:var(--ink-soft); font-weight:600;}
  .about-cols{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:start;}
  .about-story, .about-timeline{
    background:#fff; border:1.5px solid rgba(31,69,146,.12); border-radius:26px; padding:36px 38px;
    box-shadow:0 12px 30px rgba(16,28,52,.07);
  }
  .about-page h3{position:relative; font-size:21px; font-weight:900; padding-bottom:14px; margin-bottom:20px;}
  .about-page h3::after{content:""; position:absolute; bottom:0; inset-inline-start:0; width:38px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--sun),var(--sun-soft));}
  .about-page .about-copy p{font-size:16.5px; line-height:2.15; max-width:none;}
  .about-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px;}
  .about-btn-line{border:1.5px solid rgba(31,69,146,.35); color:var(--glass-deep);}
  .about-btn-line:hover{background:rgba(31,69,146,.08); transform:translateY(-2px);}
  .about-page .num-list{border-top:0; position:relative; padding-inline-start:0;}
  .about-page .num-list::before{content:""; position:absolute; top:10px; bottom:10px; inset-inline-start:25px; width:2px; background:linear-gradient(180deg,var(--glass),var(--sun)); opacity:.35; border-radius:2px;}
  .about-page .num-item{position:relative; padding:14px 0; border-bottom:0; grid-template-columns:52px 1fr; gap:22px;}
  .about-page .num-item .mono{
    position:relative; z-index:1; align-self:start; display:grid; place-items:center; height:34px; padding:0 4px;
    background:#fff; border:2px solid var(--glass); border-radius:999px; color:var(--glass-deep); font-size:12.5px; font-weight:700;
  }
  .about-page .num-item:hover{padding-right:0;}
  .about-page .num-item:hover .mono{background:var(--glass); color:#fff;}
  .about-page .num-item h4{font-size:16.5px; font-weight:800; margin-bottom:4px;}
  @media (max-width:900px){
    .about-cols{grid-template-columns:1fr; gap:26px;}
    .about-stats{gap:12px;}
    .about-stats b{font-size:26px;}
  }
  @media (max-width:560px){
    .about-hero{padding:56px 0 90px;}
    .about-stats{grid-template-columns:1fr; margin-bottom:32px;}
    .about-story, .about-timeline{padding:26px 20px; border-radius:22px;}
    .about-actions .ct-btn{flex:1; justify-content:center;}
  }

  /* ===== دستیار آراد: ظاهر بهتر ===== */
  .cb-panel{border-radius:26px !important; box-shadow:0 30px 70px rgba(18,40,90,.32) !important; border:1px solid rgba(31,69,146,.14);}
  .cb-head{background:radial-gradient(240px 140px at 100% 0%,rgba(110,160,240,.28),transparent 70%), linear-gradient(135deg,var(--glass),#12285a) !important;}
  .cb-reset{margin-inline-start:auto; font-size:17px;}
  .cb-close{margin-inline-start:6px !important;}
  .cb-m{font-size:14.5px;}
  .cb-m.bot{border:1px solid rgba(31,69,146,.1);}
  .cb-acts{display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 2px;}
  .cb-act{
    display:inline-flex; align-items:center; gap:4px; padding:6px 13px; border-radius:999px; font-size:12.5px; font-weight:700;
    background:rgba(31,69,146,.09); color:var(--glass-deep); border:1.5px solid rgba(31,69,146,.2) !important;
    transition:background .25s var(--ease), color .25s, transform .25s var(--ease);
  }
  .cb-act:hover{background:linear-gradient(135deg,var(--glass),var(--glass-deep)); color:#fff !important; transform:translateY(-1px);}
  .cb-m br + .cb-acts{margin-top:4px;}
  .cb-chip{border-radius:999px; background:#fff;}
  .cb-chip:hover{background:linear-gradient(135deg,var(--glass),var(--glass-deep)); border-color:transparent;}
  .cb-quick{
    display:flex; gap:7px; overflow-x:auto; padding:2px 14px 10px; scrollbar-width:none; flex:none;
  }
  .cb-quick::-webkit-scrollbar{display:none;}
  .cb-qbtn{
    flex:none; font:inherit; font-size:12.5px; font-weight:700; padding:6px 14px; border-radius:999px; cursor:pointer;
    background:rgba(47,107,208,.12); color:#1f4592; border:1.5px solid rgba(47,107,208,.28);
    transition:background .25s var(--ease), color .25s, transform .25s var(--ease);
  }
  .cb-qbtn:hover{background:linear-gradient(135deg,#4f8ae8,var(--sun)); color:#fff; transform:translateY(-1px);}
  .cb-form{border:1.5px solid rgba(31,69,146,.18); box-shadow:0 6px 18px rgba(16,28,52,.08);}
  @media (prefers-reduced-motion:reduce){ .cb-act, .cb-qbtn{transition:none !important;} }

  /* ===== پرداخت نهایی کل سایت ===== */
  html{scrollbar-width:thin; scrollbar-color:rgba(31,69,146,.55) transparent;}
  ::-webkit-scrollbar{width:10px; height:10px;}
  ::-webkit-scrollbar-track{background:transparent;}
  ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(31,69,146,.6),rgba(47,107,208,.6)); border-radius:10px; border:2px solid var(--paper);}
  a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
    outline:3px solid rgba(47,107,208,.55); outline-offset:3px; border-radius:10px;
  }
  body{-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}

  /* ورود نرم صفحه‌ها و کارت‌ها */
  .products,.projects,.certificates,.exhibitions,.agency,.why,.faq,.blog,.contact,.about-page{animation:pageIn .6s var(--ease) both;}
  @keyframes pageIn{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:none;}}
  @keyframes cardIn{from{opacity:0; transform:translateY(22px) scale(.97);} to{opacity:1; transform:none;}}
  .reveal.in .why-card, .reveal.in .proj-card, .reveal.in .cert-card, .reveal.in .ct-card{animation:cardIn .65s var(--ease) both;}
  .reveal.in .why-card:nth-child(2), .reveal.in .proj-card:nth-child(2), .reveal.in .cert-card:nth-child(2), .reveal.in .ct-card:nth-child(2){animation-delay:.08s;}
  .reveal.in .why-card:nth-child(3), .reveal.in .proj-card:nth-child(3), .reveal.in .cert-card:nth-child(3), .reveal.in .ct-card:nth-child(3){animation-delay:.16s;}
  .reveal.in .why-card:nth-child(4), .reveal.in .proj-card:nth-child(4), .reveal.in .cert-card:nth-child(4), .reveal.in .ct-card:nth-child(4){animation-delay:.24s;}
  .reveal.in .why-card:nth-child(5), .reveal.in .proj-card:nth-child(5){animation-delay:.32s;}
  .reveal.in .why-card:nth-child(6), .reveal.in .proj-card:nth-child(6){animation-delay:.4s;}

  /* هیرو */
  .hero-actions{display:flex; flex-wrap:wrap; gap:14px; align-items:center;}
  .btn-ghost-light{
    color:#fff !important; background:rgba(255,255,255,.08); backdrop-filter:blur(6px);
    box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4) !important;
  }
  .btn-ghost-light:hover{background:rgba(255,255,255,.18); box-shadow:inset 0 0 0 1.5px #fff !important;}
  .hero h1{letter-spacing:-.2px;}
  .hero .diagram-card{box-shadow:0 30px 70px rgba(0,0,0,.35);}

  /* چرا نمایندگی: آیکون‌های گرد */
  .why-card{border-radius:22px !important; padding:30px 26px;}
  .why-icon{
    width:60px; height:60px; padding:14px; border-radius:50% !important; margin-bottom:18px;
    background:linear-gradient(135deg,rgba(31,69,146,.14),rgba(31,69,146,.04));
    box-shadow:0 0 0 6px rgba(31,69,146,.05), inset 0 0 0 1.5px rgba(31,69,146,.2);
  }
  .why-card:hover .why-icon{background:linear-gradient(135deg,rgba(47,107,208,.22),rgba(47,107,208,.06)); transform:scale(1.06) rotate(-4deg);}
  .why-card:hover{box-shadow:0 22px 44px rgba(18,40,90,.14); border-color:rgba(47,107,208,.45);}

  /* نمایندگی */
  .agency-grid{gap:72px;}
  .agency h2{font-size:clamp(26px,3vw,38px); line-height:1.5;}
  .agency-benefits{gap:14px;}
  .agency-benefits li{align-items:center; padding:12px 16px; border-radius:16px; background:rgba(255,255,255,.06); border:1px solid rgba(244,246,250,.1); transition:background .3s var(--ease), transform .3s var(--ease);}
  .agency-benefits li:hover{background:rgba(255,255,255,.11); transform:translateX(-4px);}
  .agency-benefits li::before{
    content:"✓"; display:grid; place-items:center; width:26px; height:26px; margin:0; border-radius:50%; transform:none;
    background:linear-gradient(135deg,#4f8ae8,var(--sun)); color:#fff; font-size:13px; font-weight:900;
  }
  form.agency-form{border-radius:26px !important; padding:38px; background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03)); backdrop-filter:blur(8px); box-shadow:0 30px 70px rgba(0,0,0,.28);}
  .agency-form input, .agency-form select, .agency-form textarea{border-radius:14px !important; padding:13px 16px;}

  /* پرسش‌های متداول */
  .faq-item summary{padding:20px 26px;}
  .faq-item summary:hover{background:rgba(31,69,146,.05);}
  .faq-item[open] summary{color:var(--glass-deep);}

  /* دکمه بازگشت به بالا */
  .to-top{
    position:fixed; right:20px; bottom:22px; z-index:90; width:46px; height:46px; border-radius:50%; border:0; cursor:pointer;
    display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--glass),var(--glass-deep));
    box-shadow:0 10px 24px rgba(18,40,90,.35); opacity:0; transform:translateY(16px) scale(.9); pointer-events:none;
    transition:opacity .3s var(--ease), transform .3s var(--ease), background .3s;
  }
  .to-top.show{opacity:1; transform:none; pointer-events:auto;}
  .to-top:hover{background:linear-gradient(135deg,#4f8ae8,var(--sun)); color:#fff; transform:translateY(-3px);}

  @media (max-width:900px){ .agency-grid{gap:36px;} form.agency-form{padding:26px;} }
  @media (max-width:560px){ .to-top{right:14px; bottom:16px; width:42px; height:42px;} .hero-actions .btn{flex:1; justify-content:center;} }
  @media (prefers-reduced-motion:reduce){
    .products,.projects,.certificates,.agency,.why,.faq,.contact,.about-page,
    .reveal.in .why-card,.reveal.in .proj-card,.reveal.in .cert-card,.reveal.in .ct-card{animation:none !important;}
    .to-top, .agency-benefits li{transition:none !important;}
  }

  /* ===== پرداخت دور دوم ===== */
  .pb-num{line-height:1.5; padding:4px 6px; top:16px;}


  /* خط جداکننده‌ی نرم بین بخش‌ها */
  .why,.faq,.contact{border-top:1px solid rgba(31,69,146,.08);}

  /* دکمه‌های هیرو در موبایل: تک‌خطی */
  @media (max-width:560px){
    .hero-actions{gap:10px;}
    .hero-actions .btn{padding:12px 8px; font-size:13px; white-space:nowrap; gap:6px;}
    .hero-actions .btn::after{display:none;}
  }

/* ===== رنگ و لمینت پروفیل ===== */
.pblock-profile .pf-tabs{display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 22px;}
.pblock-profile .pf-tabs a{padding:9px 18px; border-radius:999px; background:var(--paper); border:1px solid rgba(207,215,229,.8); font-weight:700; font-size:14.5px; color:var(--glass-deep); text-decoration:none; transition:all .25s;}
.pblock-profile .pf-tabs a:hover{background:#fff; border-color:var(--sun); box-shadow:0 6px 16px rgba(47,107,208,.18);}
.pf-part{scroll-margin-top:96px; padding:22px 0 8px; border-top:1px solid rgba(207,215,229,.8);}
.pf-part + .pf-part{margin-top:18px;}
.pf-title{font-size:clamp(19px,2.2vw,24px); font-weight:900; color:var(--glass-deep); margin:0 0 6px; padding-inline-start:14px; border-inline-start:4px solid var(--sun); line-height:1.6;}
.pf-title small{display:block; font-size:14.5px; font-weight:600; color:var(--ink-soft); margin-top:2px;}
.pf-h{font-size:17px; font-weight:800; color:var(--ink); margin:26px 0 10px;}
.pf-note{background:var(--paper); border-radius:12px; padding:14px 18px !important; border-inline-start:4px solid var(--sun);}
.pf-steps{list-style:none; margin:10px 0 14px; padding:0; display:grid; gap:12px;}
.pf-steps li{display:grid; grid-template-columns:44px 1fr; gap:16px; align-items:start; background:var(--paper); border-radius:12px; padding:16px 18px;}
.pf-n{width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,var(--glass),var(--sun)); color:#fff; font-weight:800; font-size:18px;}
.pf-steps h5{font-size:16px; font-weight:800; margin:0 0 4px; color:var(--glass-deep);}
.pf-steps p{margin:0 !important; font-size:15px;}
.pf-slogan{margin-top:28px !important; text-align:center; font-weight:800; color:var(--glass-deep) !important; max-width:none !important;}
@media (max-width:560px){ .pf-steps li{grid-template-columns:36px 1fr; gap:12px; padding:14px;} .pf-n{width:36px; height:36px; font-size:16px;} }

/* ===== بخش‌بندی پروژه‌ها ===== */
.proj-group{margin-bottom:56px; scroll-margin-top:96px;}
.proj-group:last-child{margin-bottom:0;}
.proj-group.flash{animation:pbflash 1.6s ease; border-radius:18px;}
.proj-group-head{display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin-bottom:22px; padding-bottom:14px; border-bottom:2px solid rgba(31,69,146,.12); position:relative;}
.proj-group-head::after{content:""; position:absolute; bottom:-2px; inset-inline-start:0; width:70px; height:2px; background:linear-gradient(90deg,var(--sun),var(--glass));}
.proj-group-head h3{font-size:clamp(20px,2.4vw,26px); font-weight:900; margin:0; color:var(--glass-deep);}
.proj-count{font-size:13px; font-weight:700; padding:3px 12px; border-radius:999px; background:rgba(31,69,146,.1); color:var(--glass-deep);}
.proj-group-head p{flex-basis:100%; margin:0; color:var(--ink-soft); font-size:15px;}

  /* ===== بخش وبلاگ ===== */
  .blog{background:var(--paper); border-top:1px solid rgba(31,69,146,.08);}
  .blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:start;}
  .blog-card{background:#fff; border:1px solid rgba(207,215,229,.8); border-radius:18px; overflow:hidden; box-shadow:0 4px 16px rgba(16,28,52,.05); transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);}
  .blog-card:hover{transform:translateY(-6px); box-shadow:0 22px 44px rgba(18,40,90,.14); border-color:rgba(47,107,208,.45);}
  .blog-cover{aspect-ratio:16/9; display:grid; place-items:center; background:linear-gradient(135deg,var(--glass) 0%,var(--glass-deep) 100%); overflow:hidden;}
  .blog-cover img{width:100%; height:100%; object-fit:cover; display:block;}
  .blog-cover svg{width:56px; height:56px; opacity:.85;}
  .blog-body{padding:22px 24px 26px;}
  .blog-meta{display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12.5px; color:var(--ink-soft); margin-bottom:12px;}
  .blog-cat{background:rgba(31,69,146,.08); color:var(--glass); font-weight:700; padding:3px 12px; border-radius:999px;}
  .blog-card h3{font-size:18px; line-height:1.7; margin:0 0 8px;}
  .blog-excerpt{color:var(--ink-soft); font-size:14.5px; margin:0;}
  .blog-full{border-top:1px solid var(--panel-line); padding-top:14px;}
  .blog-full p{color:var(--ink-soft); font-size:14.5px; margin:0 0 12px;}
  .blog-full p:last-child{margin-bottom:0;}
  .blog-full h4{font-size:17px; font-weight:800; line-height:1.7; margin:26px 0 10px; color:var(--ink);}
  .blog-full ul{margin:0 0 14px; padding:0 22px 0 0; color:var(--ink-soft); font-size:14.5px;}
  .blog-full li{margin-bottom:8px;}
  .blog-full li strong{color:var(--ink);}
  .blog-table-wrap{overflow-x:auto; margin:0 0 14px; border:1px solid var(--panel-line); border-radius:12px;}
  .blog-table{width:100%; border-collapse:collapse; font-size:14px; min-width:560px;}
  .blog-table th,.blog-table td{padding:12px 14px; text-align:right; border-bottom:1px solid var(--panel-line); vertical-align:top;}
  .blog-table th{background:var(--panel); color:var(--ink); font-weight:800;}
  .blog-table td{color:var(--ink-soft);}
  .blog-table td:first-child{color:var(--ink); font-weight:700;}
  .blog-table tbody tr:last-child td{border-bottom:0;}
  .blog-card h3 a{color:inherit; text-decoration:none;}
  .blog-card h3 a:hover{color:var(--glass);}
  .blog-link{display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-weight:800; font-size:14px; color:var(--glass); text-decoration:none;}
  .blog-link::after{content:"←"; transition:transform .25s ease;}
  .blog-link:hover::after{transform:translateX(-5px);}
  .blog-post{padding:0 0 90px; background:linear-gradient(180deg,var(--paper) 0%,#eaeff7 100%);}
  .blog-post-hero{position:relative; overflow:hidden; padding:64px 0 110px; color:#eef2fa; margin-bottom:-56px;
    background:radial-gradient(520px 300px at 90% 0%,rgba(31,69,146,.55),transparent 70%), radial-gradient(420px 240px at 5% 100%,rgba(110,160,240,.2),transparent 70%), linear-gradient(160deg,#12285a,var(--ink));}
  .blog-back{display:inline-block; color:var(--sun-soft); font-weight:700; font-size:14px; text-decoration:none; margin-bottom:22px;}
  .blog-back:hover{color:#fff;}
  .blog-post-meta{display:flex; align-items:center; gap:14px; font-size:13px; color:rgba(238,242,250,.8);}
  .blog-post-meta .blog-cat{background:rgba(255,255,255,.12); color:#fff;}
  .blog-post-hero h1{color:#fff; font-size:clamp(24px,3.6vw,40px); font-weight:900; line-height:1.6; margin-top:16px; max-width:26ch;}
  .blog-post-card{position:relative; z-index:2; max-width:860px; margin:0 auto 28px; background:#fff; border:1.5px solid rgba(31,69,146,.12); border-radius:26px; padding:38px 42px; box-shadow:0 12px 30px rgba(16,28,52,.07);}
  .blog-post-card p{font-size:15.5px; line-height:2.1;}
  .blog-post-back{display:flex; width:max-content; margin:0 auto;}
  @media (max-width:560px){ .blog-post-hero{padding:44px 0 90px;} .blog-post-card{padding:24px 20px; border-radius:20px;} .blog-post-card p{font-size:15px;} }
  @media (prefers-reduced-motion:no-preference){ .blog-post{animation:pageIn .6s var(--ease) both;} }
  .blog-full p.blog-sub{margin:16px 0 6px; color:var(--ink);}
  .blog-full ol.blog-steps{margin:0 0 14px; padding:0 24px 0 0; list-style:decimal; list-style-type:persian; color:var(--ink-soft); font-size:14.5px;}
  .blog-full ol.blog-steps li{margin-bottom:10px; padding-inline-start:4px;}
  .blog-full ol.blog-steps li strong{color:var(--ink);}
  @media (max-width:900px){ .blog-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .blog-grid{grid-template-columns:1fr;} .blog-body{padding:18px 18px 22px;} }
  @media (prefers-reduced-motion:reduce){ .blog-card,.blog-link::after{transition:none !important;} .blog-card:hover{transform:none;} }

  /* ===== بهبود بخش تماس با ما ===== */
  .contact .section-head{max-width:700px;}
  .ct-layout{grid-template-columns:1fr 1fr; gap:28px;}
  .ct-cards{grid-template-columns:1fr; grid-auto-rows:1fr; gap:14px; align-content:stretch;}
  .ct-card{padding:22px 24px; gap:18px; border-radius:22px;}
  .ct-ico{width:54px; height:54px; border-radius:16px;}
  .ct-body{gap:4px;}
  .ct-body small{font-size:13.5px; font-weight:600; color:var(--ink-soft); line-height:1.6;}
  .ct-body strong{align-self:flex-start; font-family:'Vazirmatn',sans-serif; font-size:21px; font-weight:800; letter-spacing:.02em; line-height:1.5; font-variant-numeric:tabular-nums; text-align:right;}
  .ct-body .ct-mail{font-size:21px; letter-spacing:0; overflow-wrap:anywhere; word-break:normal;}
  .ct-go{opacity:.5; transform:none; font-size:20px;}
  a.ct-card:hover .ct-go{opacity:1; transform:translateX(-4px);}

  .ct-side{padding:38px 34px; display:flex; flex-direction:column;}
  .ct-pin{width:50px; height:50px; margin-bottom:18px;}
  .ct-side h3{font-size:26px; line-height:1.5; margin-bottom:16px;}
  .ct-addr{padding:16px 18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:16px;}
  .ct-addr-label{display:block; font-size:13px; font-weight:700; color:var(--sun-soft); margin-bottom:4px;}
  .ct-addr p{margin:0; font-size:15.5px; line-height:2; color:#fff; font-weight:500;}
  .ct-note{font-size:15px; line-height:2.05; margin-top:18px;}
  .ct-actions{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:auto; padding-top:26px;}
  .ct-actions .ct-btn-sun{grid-column:1 / -1;}
  .ct-actions .ct-btn{justify-content:center; padding:13px 18px; font-size:14.5px;}
  .ct-sign{font-size:18px; margin-top:26px;}
  .ct-sign span{font-size:14px; margin-top:6px;}
  @media (max-width:900px){ .ct-layout{grid-template-columns:1fr;} .ct-cards{grid-auto-rows:auto;} }
  @media (max-width:560px){
    .ct-card{padding:18px 16px; gap:14px; border-radius:18px;}
    .ct-ico{width:46px; height:46px;}
    .ct-body strong{font-size:18.5px;}
    .ct-body .ct-mail{font-size:18.5px;}
    .ct-side{padding:28px 22px;}
    .ct-side h3{font-size:22px;}
  }
  @media (max-width:380px){ .ct-body strong, .ct-body .ct-mail{font-size:17px;} .ct-go{display:none;} .ct-card{gap:12px; padding:16px 14px;} }
  @media (max-width:340px){ .ct-body strong, .ct-body .ct-mail{font-size:15.5px;} .ct-ico{width:40px; height:40px;} }

  /* ===== بهبود ریسپانسیو ===== */
  .blog-grid{align-items:stretch;}
  .blog-card{display:flex; flex-direction:column;}
  .blog-body{flex:1; display:flex; flex-direction:column;}
  .blog-excerpt{margin-bottom:14px;}
  .blog-link{margin-top:auto; align-self:flex-start;}
  @media (min-width:561px) and (max-width:900px){
    .blog-card:last-child:nth-child(odd){grid-column:1 / -1; flex-direction:row;}
    .blog-card:last-child:nth-child(odd) .blog-cover{flex:0 0 42%; aspect-ratio:auto; min-height:100%;}
    .blog-card:last-child:nth-child(odd) .blog-body{justify-content:center;}
  }
  .stat-num{text-align:right;}
  @media (max-width:399px){ header .header-cta{display:none !important;} }
  @media (max-width:480px){
    header .burger{margin-inline-end:0 !important;}
    .blog-cover{aspect-ratio:2.3/1;}
  }
  html{-webkit-text-size-adjust:100%; text-size-adjust:100%;}
  body{overflow-x:clip;}
  img,video,canvas{max-width:100%; height:auto;}
  @media (max-width:768px){
    input,select,textarea{font-size:16px !important;}
  }
  @media (max-width:560px){
    .blog-table{min-width:0; font-size:12.5px; line-height:1.8;}
    .blog-table th,.blog-table td{padding:9px 8px;}
    .blog-table td:first-child{width:27%;}
    .blog-post-card{padding:22px 16px;}
  }

  /* ===== بخش نمایشگاه‌ها ===== */
  .exhibitions{background:var(--paper);}
  .expo-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch;}
  .expo-card{display:flex; flex-direction:column; background:#fff; border:1px solid rgba(207,215,229,.8); border-radius:18px; overflow:hidden; box-shadow:0 4px 16px rgba(16,28,52,.05); transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);}
  .expo-card:hover{transform:translateY(-6px); box-shadow:0 22px 44px rgba(18,40,90,.14); border-color:rgba(47,107,208,.45);}
  .expo-cover{aspect-ratio:16/10; display:grid; place-items:center; background:linear-gradient(135deg,var(--glass) 0%,var(--glass-deep) 100%); overflow:hidden;}
  .expo-cover img{width:100%; height:100%; object-fit:cover; display:block;}
  .expo-cover svg{width:56px; height:56px; opacity:.85;}
  .expo-body{padding:22px 24px 26px; flex:1;}
  .expo-meta{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px;}
  .expo-chip{font-size:12.5px; font-weight:700; padding:3px 12px; border-radius:999px; background:rgba(31,69,146,.08); color:var(--glass);}
  .expo-date{background:rgba(47,107,208,.14);}
  .expo-card h3{font-size:18px; line-height:1.7; margin:0 0 8px;}
  .expo-card p{color:var(--ink-soft); font-size:14.5px; margin:0;}
  @media (max-width:900px){ .expo-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .expo-grid{grid-template-columns:1fr;} .expo-cover{aspect-ratio:2.3/1;} .expo-body{padding:18px 18px 22px;} }
  @media (prefers-reduced-motion:reduce){ .expo-card{transition:none !important;} .expo-card:hover{transform:none;} }

  /* ===== جا شدن منوی هدر با افزودن «نمایشگاه‌ها» ===== */
  header .nav > .nav-links > li, header .nav > .nav-links > li > a, header .nav > .nav-links .dd-link{white-space:nowrap;}
  header .nav > .nav-links .dd{flex-wrap:nowrap;}
  header .nav > .nav-links .dd-toggle{flex:none;}
  header .nav > .nav-links > li{flex:none;}
  header .header-cta, header .portal-btn{white-space:nowrap; flex:none;}
  @media (min-width:981px){
    header .nav{grid-template-columns:auto 1fr auto;}
    header .nav > .nav-links{justify-self:center;}
  }
  header .nav{max-width:1400px;}
  @media (min-width:981px) and (max-width:1400px){
    header .nav > .nav-links > li > a, header .nav > .nav-links .dd-link{padding:8px 9px; font-size:13.5px;}
    header .nav > .nav-links .dd-link{padding-inline-end:3px;}
    header .nav{gap:10px; padding:0 18px;}
  }

  /* ===== بزرگ‌تر شدن لینک‌های منوی هدر ===== */
  @media (min-width:1401px){
    header .nav > .nav-links > li > a, header .nav > .nav-links .dd-link{font-size:16px; padding:10px 18px 10px 6px;}
  }
  @media (min-width:1181px) and (max-width:1400px){
    header .nav > .nav-links > li > a, header .nav > .nav-links .dd-link{font-size:15px; padding:9px 11px 9px 4px;}
  }
  @media (min-width:981px) and (max-width:1180px){
    header .nav > .nav-links > li > a, header .nav > .nav-links .dd-link{font-size:14px; padding:8px 8px 8px 3px;}
  }

  /* ===== پرداخت نهایی ظاهر سایت ===== */
  html{scrollbar-width:thin; scrollbar-color:#4a7ad0 #e8edf6;}
  ::-webkit-scrollbar{width:10px; height:10px;}
  ::-webkit-scrollbar-track{background:#e8edf6;}
  ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a7ad0,#1f4592); border-radius:10px; border:2px solid #e8edf6;}
  a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:3px solid rgba(47,107,208,.55); outline-offset:3px;}

  /* هیرو */
  .stat-label{font-size:13px; line-height:1.9;}
  .stat-label .u{display:block; font-family:'IBM Plex Mono',monospace; font-size:11.5px; opacity:.8; direction:ltr; text-align:right;}
  .diagram-hint{display:flex; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; width:fit-content; max-width:100%; margin:20px auto 0 !important; padding:8px 20px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#e6eefc !important; opacity:1 !important; font-size:12.5px; line-height:1.7; text-align:center;}
  @media (min-width:561px){ .diagram-hint{white-space:nowrap;} }
  .diagram-hint::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--sun-soft); box-shadow:0 0 0 4px rgba(185,208,245,.2); flex:none;}
  .diagram-card{box-shadow:0 34px 70px rgba(4,12,32,.4), inset 0 1px 0 rgba(255,255,255,.14);}

  /* فاصله و ریتم بخش‌ها روی دسکتاپ */
  @media (min-width:981px){
    .why,.faq,.blog,.certificates,.exhibitions,.contact{padding-top:104px; padding-bottom:104px;}
  }

  /* کاور کارت‌های وبلاگ و نمایشگاه */
  .blog-cover,.expo-cover{position:relative; isolation:isolate;
    background:radial-gradient(120% 90% at var(--cx,85%) 0%, rgba(125,175,255,.55), transparent 55%), radial-gradient(90% 80% at calc(100% - var(--cx,85%)) 100%, rgba(47,107,208,.5), transparent 60%), linear-gradient(135deg,#1c418f,#0e2456);}
  .blog-cover::before,.expo-cover::before{content:""; position:absolute; inset:0; z-index:-1; opacity:.9;
    background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 30px), repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 30px);
    -webkit-mask-image:radial-gradient(70% 90% at 50% 50%,#000 30%,transparent 100%); mask-image:radial-gradient(70% 90% at 50% 50%,#000 30%,transparent 100%);}
  .blog-cover::after,.expo-cover::after{content:""; position:absolute; width:150px; height:150px; border-radius:50%; inset-inline-start:-40px; bottom:-60px; z-index:-1; background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);}
  .blog-cover svg,.expo-cover svg{width:74px; height:74px; padding:18px; opacity:1; border-radius:22px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.3); box-shadow:0 14px 30px rgba(4,12,32,.35), inset 0 1px 0 rgba(255,255,255,.3); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:transform .4s var(--ease);}
  .blog-card:hover .blog-cover svg,.expo-card:hover .expo-cover svg{transform:scale(1.08) rotate(-4deg);}
  .blog-card:nth-child(2) .blog-cover,.expo-card:nth-child(2) .expo-cover{--cx:50%;}
  .blog-card:nth-child(3) .blog-cover,.expo-card:nth-child(3) .expo-cover{--cx:15%;}
  @media (max-width:560px){ .blog-cover svg,.expo-cover svg{width:60px; height:60px; padding:14px; border-radius:18px;} }

  /* سوالات متداول: خط تأکید برای آیتم باز */
  .faq-item[open]{position:relative;}
  .faq-item[open]::before{content:""; position:absolute; top:0; bottom:0; inset-inline-start:0; width:4px; background:linear-gradient(180deg,var(--sun),var(--glass-deep)); z-index:1;}

  /* ===== عکس‌های آپلودشده (پوشه images) ===== */
  .blog-cover img,.expo-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:1;}
  .blog-cover:has(img) svg,.expo-cover:has(img) svg{display:none;}
  .blog-card:hover .blog-cover img,.expo-card:hover .expo-cover img{transform:scale(1.05);}
  .blog-cover img,.expo-cover img{transition:transform .6s var(--ease);}
  .blog-post-cover{display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:16px; margin:0 0 24px; background:#e8edf6;}

  /* ===== لوگوی سایت (images/logoarad.png) ===== */
  header .brand-logo{width:auto; max-width:120px; height:46px; padding:4px; object-fit:contain; border-radius:12px; background:#fff;}
  header .brand:hover .brand-logo{transform:none;}
  header.scrolled .brand-logo{width:auto; height:42px; padding:4px;}
  .brand:has(.brand-logo) svg.brand-mark{display:none;}
  .foot-logo{width:auto; max-width:130px; height:48px; padding:6px; object-fit:contain; border-radius:14px; background:#fff; flex:none;}
  .foot-brand:has(.foot-logo) > svg{display:none;}
  @media (max-width:560px){ header .brand-logo{height:40px; max-width:100px;} .foot-logo{height:42px;} }

  /* ===== عکس اصلی صفحه اول (images/aslisaefeh) ===== */
  .hero-photo{margin:0; border-radius:26px; overflow:hidden; border:1px solid rgba(255,255,255,.2); box-shadow:0 34px 70px rgba(4,12,32,.45); animation:rise .8s cubic-bezier(.2,.8,.2,1) .2s both; background:rgba(255,255,255,.06);}
  .hero-photo img{display:block; width:100%; height:auto; max-height:560px; object-fit:cover;}
  .hero-photo:has(img) ~ .diagram-fallback{display:none;}
  .hero-photo:not(:has(img)){display:none;}
  .stat-num{white-space:nowrap;}
  @media (max-width:560px){ .hero-photo{border-radius:20px;} .hero-photo img{max-height:380px;} }

  /* ===== لوگو بدون قاب ===== */
  header .brand-logo{height:52px; width:auto; max-width:150px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; object-fit:contain; filter:drop-shadow(0 4px 10px rgba(16,28,52,.2)); transition:transform .35s var(--ease), filter .35s var(--ease);}
  header .brand:hover .brand-logo{transform:scale(1.06); box-shadow:none; filter:drop-shadow(0 6px 14px rgba(47,107,208,.35));}
  header.scrolled .brand-logo{height:46px; padding:0;}
  header .brand:has(.brand-logo){gap:10px;}
  .foot-logo{height:56px; width:auto; max-width:160px; padding:0; border-radius:0; background:none; object-fit:contain; filter:drop-shadow(0 4px 14px rgba(0,0,0,.35));}
  @media (max-width:560px){ header .brand-logo{height:44px; max-width:110px; padding:0;} header.scrolled .brand-logo{height:40px;} .foot-logo{height:46px;} }

  /* ===== لوگو + شعار زیرش (بدون نوشته‌ی کنار لوگو) ===== */
  header .brand:has(.brand-logo){flex-direction:column; align-items:center; justify-content:center; gap:3px;}
  header .brand:has(.brand-logo) .brand-text b{display:none;}
  header .brand:has(.brand-logo) .brand-text{align-items:center;}
  header .brand:has(.brand-logo) .brand-text small{display:block; margin:0; font-size:11.5px; font-weight:700; line-height:1.3; text-align:center; letter-spacing:0; white-space:nowrap;}
  header .brand:has(.brand-logo) .brand-logo{height:46px;}
  header.scrolled .brand:has(.brand-logo) .brand-logo{height:40px;}
  @media (max-width:560px){
    header .brand:has(.brand-logo) .brand-logo{height:36px;}
    header.scrolled .brand:has(.brand-logo) .brand-logo{height:34px;}
    header .brand:has(.brand-logo) .brand-text small{font-size:10px;}
  }
  /* فلش دکمه درخواست نمایندگی: همان رنگ‌های قبلی، با آیکن فلش دکمه پورتال */
  header .header-cta::after{content:none !important; display:none !important;}
  header .header-cta .cta-ico{display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:var(--ink); color:#cfe0fb; transition:transform .3s var(--ease), background .3s var(--ease);}
  header .header-cta .cta-ico svg{width:17px; height:17px;}
  header .header-cta:hover .cta-ico{transform:translateX(-3px); background:var(--glass-deep);}
  @media (max-width:600px){ header .header-cta .cta-ico{display:none;} }
  @media (prefers-reduced-motion:reduce){ header .header-cta .cta-ico{transition:none !important;} header .header-cta:hover .cta-ico{transform:none;} }

  /* دایره تیره فلش: سیاهی نرم‌تر با گرادیان سرمه‌ای و درخشش ظریف */
  header .header-cta .cta-ico{
    width:30px; height:30px;
    background:radial-gradient(circle at 30% 25%, #2c4a8c 0%, #162a57 55%, #0b1630 100%);
    color:#dbe8ff; border:1px solid rgba(255,255,255,.22);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 4px 10px rgba(11,22,48,.4);
  }
  header .header-cta:hover .cta-ico{
    background:radial-gradient(circle at 30% 25%, #4b7be0 0%, #2a55b8 55%, #1a3a8a 100%);
    color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 6px 14px rgba(11,22,48,.45);
  }

  /* عکس محصولات داخل بلوک‌های بخش محصولات */
  .pb-photo{margin:6px 0 20px; border-radius:16px; overflow:hidden; background:var(--paper); box-shadow:0 10px 26px rgba(16,28,52,.12); border:1px solid rgba(207,215,229,.7);}
  .pb-photo img{display:block; width:100%; height:auto; max-height:460px; object-fit:cover;}
  @media (max-width:560px){ .pb-photo{border-radius:12px; margin-bottom:16px;} .pb-photo img{max-height:260px;} }

  /* عکس گواهینامه داخل کارت (آیکن تیک فقط وقتی عکس نباشد دیده می‌شود) */
  .cert-img{display:block; width:100%; max-width:230px; height:auto; max-height:240px; object-fit:contain; margin:0 auto 8px; border-radius:12px; background:var(--paper); border:1px solid rgba(207,215,229,.8); box-shadow:0 8px 20px rgba(16,28,52,.12);}
  .cert-card:has(.cert-img) .cert-icon{display:none;}
  @media (max-width:640px){ .cert-img{width:84px; max-width:84px; max-height:110px; margin:0 0 0 12px; flex:none;} }

  /* نمایش بزرگ عکس گواهینامه در پنجره کوچک */
  .cert-img{cursor:zoom-in;}
  .cert-lb{position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(16,28,52,.72); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); opacity:0; visibility:hidden; transition:opacity .25s, visibility .25s;}
  .cert-lb.open{opacity:1; visibility:visible;}
  .cert-lb-box{position:relative; max-width:min(560px,100%); max-height:100%; background:var(--paper,#fff); padding:12px; border-radius:16px; box-shadow:0 30px 70px rgba(0,0,0,.4); transform:scale(.94); transition:transform .25s;}
  .cert-lb.open .cert-lb-box{transform:scale(1);}
  .cert-lb-box img{display:block; max-width:100%; max-height:calc(100vh - 90px); width:auto; height:auto; margin:0 auto; border-radius:10px; cursor:default;}
  .cert-lb-close{position:absolute; top:-14px; left:-14px; width:34px; height:34px; border-radius:50%; border:0; background:#1f4592; color:#fff; font-size:20px; line-height:1; cursor:pointer; box-shadow:0 6px 16px rgba(0,0,0,.3);}

  /* =====================================================================
     Responsive hardening layer (آخرین لایه؛ فقط اصلاحات ریسپانسیو)
     ===================================================================== */

  /* 1) منوی موبایل داخل هدر sticky است؛ اگر بلندتر از صفحه شود آیتم‌های آخر قابل دسترس نیستند */
  @media (max-width:980px){
    #mobile-menu{
      max-height:calc(100vh - 84px); max-height:calc(100dvh - 84px);
      overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
    }
    #mobile-menu > li{flex-shrink:0;}
  }

  /* 2) ارتفاع‌های پویا (نوار آدرس موبایل) */
  .modal-box{max-height:86vh; max-height:86dvh;}
  .search-results{max-height:55vh; max-height:55dvh;}
  .cert-lb-box img{max-height:calc(100vh - 90px); max-height:calc(100dvh - 90px);}

  /* 3) هدف‌های لمسی حداقل ۴۴px (هدر، فوتر، لینک‌های کوچک) */
  header .search-btn, header .burger{min-width:44px; min-height:44px;}
  header .brand{min-height:44px;}
  @media (max-width:768px){ header .header-cta{min-height:40px;} }
  .to-top{width:44px; height:44px;}
  .blog-link, .blog-back{display:inline-flex; align-items:center; min-height:44px;}
  .pblock-profile .pf-tabs a{display:inline-flex; align-items:center; min-height:44px;}
  .cb-head button{min-width:40px; min-height:40px;}
  @media (pointer:coarse){
    .foot-chips{gap:12px;}
    .foot-chips a{min-width:44px; min-height:44px;}
    .foot-col ul{gap:2px;}
    .foot-col a{display:inline-flex; align-items:center; min-height:44px;}
    .ct-btn, .about-btn-line{min-height:44px;}
  }

  /* 4) افکت‌های hover روی صفحه‌های لمسی «گیر» نکنند (کارت‌ها بعد از لمس نپرند) */
  @media (hover:none){
    .why-card:hover, .ct-card:hover, a.ct-card:hover, .blog-card:hover, .expo-card:hover,
    .pblock:hover, .pb-list li:hover, .agency-benefits li:hover, .foot-chips a:hover,
    .foot-cta-btn:hover, .ct-btn:hover, .ct-btn-sun:hover, .ct-btn-line:hover, .about-btn-line:hover,
    .cb-act:hover, .cb-chip:hover, .cb-qbtn:hover, .header-cta:hover, .search-btn:hover, .portal-btn:hover{transform:none;}
    .why-card:hover::after{transform:scaleX(0);}
    .blog-card:hover .blog-cover img, .expo-card:hover .expo-cover img,
    .blog-card:hover .blog-cover svg, .expo-card:hover .expo-cover svg,
    .why-card:hover .why-icon, .cert-card:hover .cert-icon{transform:none;}
    .btn:hover::before{left:-80%;}
  }

  /* 5) دیاگرام هیرو: زیرنویس در موبایل بد می‌شکست و زیر دکمه‌ی چت می‌رفت */
  @media (max-width:560px){
    .diagram-caption{flex-wrap:wrap; justify-content:center; gap:4px 14px; font-size:10.5px; padding-bottom:12px;}
    .diagram-caption span{white-space:nowrap;}
    footer{padding-bottom:84px;}
  }

  /* 6) ایمیل در کارت تماس: با عرض صفحه کوچک شود، وسط ایمیل نشکند */
  @media (max-width:560px){
    .ct-body .ct-mail{font-size:clamp(13px, 4.3vw, 18.5px); overflow-wrap:normal; word-break:normal; direction:ltr; text-align:right;}
  }

  /* 7) گوشی در حالت افقی (ارتفاع کم) */
  @media (max-height:520px) and (orientation:landscape){
    .cb-tip{display:none;}
    .cb-panel{top:12px; bottom:12px; left:90px; height:auto; max-height:none; width:min(384px, calc(100vw - 110px));}
    .hero{padding-top:28px !important;}
    section{padding-top:48px; padding-bottom:48px;}
  }

  /* 8) صفحه‌های خیلی عریض: کمی بیشتر از عرض ۱۳۲۰ استفاده شود */
  @media (min-width:1920px){
    :root{--maxw:1440px;}
  }

  /* 9) وقتی منوی موبایل باز است دکمه‌ی چت روی آیتم‌ها شناور نماند */
  @media (max-width:980px){
    body:has(#burger[aria-expanded="true"]) .cb-fab,
    body:has(#burger[aria-expanded="true"]) .cb-tip{opacity:0; pointer-events:none;}
  }

  /* 10) عکس اصلی هیرو (aslisaefeh) کمی بزرگ‌تر */
  @media (min-width:981px){
    .hero-grid{grid-template-columns:.95fr 1.05fr; gap:48px;}
  }
  .hero-photo img{max-height:640px;}
  @media (max-width:980px){
    .hero-grid > div:last-child{max-width:680px;}
  }
  @media (max-width:560px){
    .hero-photo img{max-height:440px;}
  }

  /* 11) عکس هیرو کمی بالاتر */
  @media (min-width:981px){
    .hero-grid > div:last-child{transform:translateY(-28px);}
  }
  @media (max-width:980px){
    .hero-grid > div:last-child{margin-top:-16px;}
  }

  /* 12) عکس هیرو باز هم کمی بزرگ‌تر */
  @media (min-width:981px){
    .hero-grid{grid-template-columns:.86fr 1.14fr; gap:44px;}
  }
  .hero-photo img{max-height:720px;}
  @media (max-width:980px){
    .hero-grid > div:last-child{max-width:760px;}
  }
  @media (max-width:560px){
    .hero-photo img{max-height:480px;}
  }


  /* ===== پولیش نهایی ظاهر سایت ===== */
  html{ scroll-behavior:smooth; }
  section[id]{ scroll-margin-top:84px; }
  ::selection{ background:rgba(47,107,208,.22); color:var(--ink); }
  :focus-visible{ outline:2px solid var(--sun); outline-offset:3px; }
  h1,h2,h3{ text-wrap:balance; }
  p{ text-wrap:pretty; }
  img{ image-rendering:auto; }

  /* خط رنگی زیر عنوان بخش‌ها */
  .section-head h2::after{
    content:""; display:block; width:52px; height:3px; margin-top:16px; border-radius:3px;
    background:linear-gradient(90deg,var(--sun),var(--glass));
  }

  /* دکمه‌ها: گرادیان ملایم و سایه‌ی نرم موقع هاور */
  .btn-primary{ background:linear-gradient(135deg,#1b2a4a,var(--ink)); }
  .btn-primary:hover, .btn-sun:hover, .ct-btn-sun:hover{
    box-shadow:0 10px 26px rgba(31,69,146,.28); transform:translateY(-2px);
  }
  .btn:active{ transform:translateY(0); }

  /* کارت‌ها: سایه‌ی عمیق‌تر و حرکت نرم‌تر */
  .why-card:hover, .prod-card:hover, .proj-card:hover, .cert-card:hover{
    box-shadow:var(--shadow-md); transform:translateY(-4px);
  }
  .blog-card:hover, .expo-card:hover{ box-shadow:var(--shadow-md); border-color:rgba(47,107,208,.35); }
  .proj-shot{ overflow:hidden; }

  /* ظاهر ورود بخش‌ها هنگام اسکرول */
  .reveal{ transition:opacity .7s var(--ease,cubic-bezier(.2,.8,.2,1)), transform .7s var(--ease,cubic-bezier(.2,.8,.2,1)); }

  /* اسکرول‌بار ظریف */
  html{ scrollbar-width:thin; scrollbar-color:#9fb4d8 transparent; }
  ::-webkit-scrollbar{ width:10px; }
  ::-webkit-scrollbar-thumb{ background:#b9c8e4; border-radius:10px; border:2px solid var(--paper); }
  ::-webkit-scrollbar-thumb:hover{ background:var(--sun); }

  @media (prefers-reduced-motion:reduce){
    html{ scroll-behavior:auto; }
    .reveal, .btn, .why-card, .prod-card, .proj-card, .cert-card{ transition:none; }
  }

/* ===== استایل‌هایی که قبلاً inline داخل HTML بودند ===== */
.header-cta-sm{font-size:14px !important; padding:10px 20px !important;}
#mobile-menu.mm-list{display:none; flex-direction:column !important; gap:0 !important; padding:0 20px 20px !important; align-items:flex-start !important;}
.mm-dd{width:100% !important; border-top:1px solid var(--panel-line) !important;}
.mm-item{width:100% !important; padding:12px 0 !important; border-top:1px solid var(--panel-line) !important;}
.m-24-0-0{margin:24px 0 0 !important;}
.bb-none{border-bottom:none !important;}
.mt-56{margin-top:56px !important;}
.mt-18{margin-top:18px !important;}
.mt-22{margin-top:22px !important;}
.hero-pt{padding-top:64px !important;}
.btn-sun-white{background:var(--sun) !important; color:#ffffff !important;}
.mt-0{margin-top:0 !important;}
.mt-8{margin-top:8px !important;}
.agency-title{margin-top:14px !important; color:#fff !important;}
.hp-field{position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important;}
.ok-title{color:#fff !important; font-size:19px !important;}
.ok-text{color:#d3dae8 !important; font-size:14.5px !important; margin-top:8px !important;}

/* هدر صفحه‌ی محصولات: متن‌ها پشت‌سرهم در سمت راست، تصویر کوچک بالا سمت چپ */
.prod-head{display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:40px; align-items:start;}
.prod-head .section-head{max-width:none; margin-bottom:0;}
.prod-head-photo{margin:0; align-self:start;}
.prod-head-photo img{display:block; width:100%; height:auto; object-fit:contain;}
@media (max-width:860px){
  .prod-head{grid-template-columns:minmax(0,1fr) 150px; gap:20px;}
}
@media (max-width:520px){
  .prod-head{grid-template-columns:minmax(0,1fr) 105px; gap:12px;}
}