/* ===== صفحه‌های داخلی، منوی موبایل، نوار پایین و اجزای مشترک =====
   رنگ‌ها با متغیر تعریف شده‌اند تا حالت تاریک فقط همین متغیرها را عوض کند. */
:root{--h:#232323;--tx:#43454D;--muted:#7b7d85;--bg2:#F6F6F7;--card:#fff;--line:#E9E9EC;--soft:#F3F3F3}
html.theme-dark{--h:#fff;--tx:rgba(255,255,255,.78);--muted:rgba(255,255,255,.55);--bg2:#1b1b1b;--card:#222;--line:#333;--soft:#2b2b2b}
.ui{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico-y{color:var(--yellow)}

/* ---------- دکمه‌ها ---------- */
.btn-y,.btn-o{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:100px;font:600 15px/22px var(--fa);transition:filter .25s,box-shadow .25s,background .25s,border-color .25s,color .25s;cursor:pointer;white-space:nowrap}
.btn-y{background:linear-gradient(90deg,#FFD037 0%,#FFF27A 100%);color:var(--ink);box-shadow:0 7px 17px -8px var(--yellow);border:0}
.btn-y:hover{box-shadow:0 12px 24px -10px var(--yellow);filter:saturate(1.15)}
.btn-o{border:1.5px solid var(--line);color:var(--h);background:var(--card)}
.btn-o:hover{border-color:var(--yellow);color:var(--h)}
.btn-y.sm,.btn-o.sm{height:40px;padding:0 16px;font-size:14px}
.btn-y.block,.btn-o.block{display:flex;width:100%}
.btn-y:disabled{opacity:.6;cursor:wait;transform:none}

/* ---------- هدر: آیتم‌های اضافهٔ منوی موبایل ---------- */
.menu-head,.menu-foot{display:none}
.nav-overlay{display:none}
.lang-btn{order:0}
@media (max-width:1100px){
  .menu,.menu.open{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:fixed;top:0;bottom:0;inset-inline-start:0;left:auto;right:auto;z-index:200;
    width:min(86vw,340px);height:auto;min-width:0;margin:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:0;background:#111;overflow-y:auto;
    transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);visibility:hidden}
  html[dir=rtl] .menu{right:0}
  html[dir=ltr] .menu{left:0;transform:translateX(-100%)}
  .menu.open{transform:none!important;visibility:visible}
  .menu>a,.menu .has-sub>a{padding:12px 10px;border-radius:12px;font-size:16px}
  .menu>a.active,.menu .has-sub>a.active{background:rgba(255,204,38,.1)}
  .menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 14px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font:600 17px/24px var(--fa)}
  .menu-close{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff}
  .menu .chev{display:none}
  .has-sub .submenu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;margin:0 0 6px;padding:2px 0;padding-inline-start:38px;border:0;background:none;box-shadow:none}
  .has-sub .submenu::before{display:none}
  .submenu a{padding:7px 10px;font-size:14px;color:rgba(255,255,255,.7);white-space:normal}
  .menu-foot{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:18px}
  .menu-cta{display:flex!important;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:14px;background:var(--yellow);color:var(--ink)!important;font:600 15px/22px var(--fa)}
  .menu-cta.ghost{background:rgba(255,255,255,.08);color:#fff!important}
  .nav-overlay{display:block;position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s}
  body.nav-open{overflow:hidden}
  body.nav-open .nav-overlay{opacity:1;pointer-events:auto}
  .burger{width:44px;height:44px;align-items:center;justify-content:center;padding:0}
}

/* ---------- نوار پایین موبایل ---------- */
.mobile-nav{display:none}
@media (max-width:768px){
  .mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;height:calc(62px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);
    background:rgba(17,17,17,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08)}
  .mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:rgba(255,255,255,.62);font:500 11px/14px var(--fa);-webkit-tap-highlight-color:transparent}
  .mobile-nav a .ui{width:22px;height:22px}
  .mobile-nav a.active{color:var(--yellow)}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .mobile-price{bottom:calc(70px + env(safe-area-inset-bottom))!important}
  .topbar p{display:none}
  .topbar{height:44px}
  .mainbar{height:72px}
  .mainbar-in{padding:0 14px}
  .lang-btn{margin-inline-end:6px}
  .btn-login{height:46px;padding:0 6px;border-width:3px;min-width:0}
}

/* ---------- فوتر: ضمانت‌ها و پیام خبرنامه ---------- */
.guarantees{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.guarantees li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#303030;color:#eee;font:500 13px/19px var(--fa)}
.guarantees .ui{width:22px;height:22px;color:var(--yellow)}
.news-msg{min-height:20px;margin-top:8px;font:500 13px/20px var(--fa);color:#bbb}
.news-msg.ok{color:#7ad48f}.news-msg.err{color:#ff8a8a}
.socials a .ui{width:20px;height:20px;color:#fff}
@media (max-width:600px){.guarantees{grid-template-columns:1fr}}

/* ---------- بخش‌های صفحه‌های داخلی ---------- */
.pg{padding:60px 0;color:var(--tx)}
.pg.alt{background:var(--bg2)}
.pg-h2{margin-bottom:28px;font:700 30px/42px var(--title);color:var(--h);text-align:center}
.narrow{max-width:860px}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.side{display:flex;flex-direction:column;gap:20px}
.side-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--card)}
.side-card h3{margin-bottom:14px;font:600 18px/28px var(--title);color:var(--h)}
.side-card .btn-y,.side-card .btn-o{margin-top:10px}
.sticky{position:sticky;top:20px}
.empty{padding:40px 0;text-align:center;color:var(--muted)}
.muted{color:var(--muted)}
.chips-row{display:flex;flex-wrap:wrap;gap:8px}
.chips-row.center{justify-content:center}
.chip{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid var(--line);border-radius:100px;background:var(--card);font:500 14px/20px var(--fa);color:var(--tx);transition:border-color .25s,background .25s}
.chip:hover{border-color:var(--yellow)}
.chip.on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.chip-y{display:inline-block;padding:0 10px;border-radius:10px;background:var(--yellow);color:var(--ink);font:600 13px/24px var(--fa)}
.note{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:var(--soft);color:var(--muted);font-size:15px}
.links{margin:0;padding:0;list-style:none}
.links li a{display:block;padding:8px 0;border-bottom:1px dashed var(--line);font:500 15px/22px var(--fa);color:var(--tx)}
.links li:last-child a{border:0}
.links a:hover{color:#c79a00}
.checks{margin:0;padding:0;list-style:none}
.checks li{display:flex;gap:8px;padding:6px 0;font:400 15px/24px var(--fa);color:var(--tx)}
.checks .ui{width:18px;height:18px;margin-top:3px;color:#1aa260}

/* متن مقاله‌ها و صفحه‌های خدمات */
.prose{font:400 17px/32px var(--fa);color:var(--tx);min-width:0}
.prose h2{margin:34px 0 12px;font:700 25px/38px var(--title);color:var(--h);scroll-margin-top:20px}
.prose h3{margin:24px 0 8px;font:600 20px/32px var(--title);color:var(--h)}
.prose>:first-child{margin-top:0}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{margin:0 0 16px;padding-inline-start:22px}
.prose li{margin-bottom:6px}
.prose li::marker{color:#d9a800}
.prose a{color:#b38600;text-decoration:underline;text-underline-offset:4px}
html.theme-dark .prose a{color:var(--yellow)}
.prose strong{color:var(--h)}
.prose blockquote{margin:18px 0;padding:14px 18px;border-inline-start:4px solid var(--yellow);border-radius:12px;background:var(--soft)}
.prose figure{margin:20px 0}
.prose figure img{border-radius:16px}
.prose figcaption{margin-top:8px;text-align:center;font-size:14px;color:var(--muted)}
.prose .cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;margin-bottom:26px;background:var(--soft)}
.post-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;font:500 15px/24px var(--fa-num)}
.post-meta>span:not(.chip-y){opacity:.6}

/* پرسش‌های پرتکرار */
.faq{margin-top:34px}
.faq h2{margin:0 0 14px;font:700 24px/36px var(--title);color:var(--h)}
.faq details{margin-bottom:10px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.faq summary{position:relative;padding:16px 20px;padding-inline-end:46px;font:600 16px/26px var(--fa);color:var(--h);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;inset-inline-end:18px;top:50%;transform:translateY(-50%);font:400 24px/1 var(--fa);color:#c79a00;transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details>div{padding:0 20px 16px;font-size:15.5px;line-height:28px}
.faq details>div p{margin:0}

/* اشتراک‌گذاری و فهرست مطالب */
.share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:15px}
.share a,.share button{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;background:var(--soft);color:var(--h);font:600 14px/1 var(--fa);text-decoration:none}
.share .ico svg{width:18px;height:18px;fill:currentColor}
.share a:hover,.share button:hover{background:var(--yellow);color:var(--ink)}
.toc ol{margin:0;padding-inline-start:20px}
.toc li{padding:5px 0;font:500 14.5px/22px var(--fa)}
.toc a:hover{color:#c79a00}
.cta-card p{margin-bottom:6px;font:400 15px/26px var(--fa);color:var(--tx)}

/* ---------- خدمات ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.svc-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--card);transition:box-shadow .35s ease,border-color .35s ease}
.svc-card:hover{border-color:var(--yellow);box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.svc-card img{width:72px;height:72px}
.svc-card h2{margin-top:16px;font:700 21px/32px var(--title);color:var(--h)}
.svc-card>p{margin-top:8px;font:400 15px/26px var(--fa);color:var(--muted)}
.svc-card ul{flex:1;margin:16px 0 20px;padding:0;list-style:none}
.svc-card li{display:flex;gap:8px;padding:4px 0;font:400 14.5px/24px var(--fa)}
.svc-card li .ui{width:18px;height:18px;margin-top:3px;color:#1aa260}
.svc-btns{display:flex;gap:10px}
.svc-btns>*{flex:1}
.service h4 a{color:inherit}
.guar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:50px}
.guar-i{padding:22px;border-radius:20px;background:var(--bg2);text-align:center}
.pg.alt .guar-i{background:var(--card)}
.guar-i .ui{width:34px;height:34px;padding:7px;box-sizing:content-box;border-radius:14px;background:var(--yellow);color:var(--ink)}
.guar-i h3{margin-top:12px;font:600 16px/26px var(--title);color:var(--h)}
.guar-i p{margin-top:4px;font:400 14px/23px var(--fa);color:var(--muted)}

/* ---------- نمونه‌کارها ---------- */
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}
.pg-h2+.pf-grid{margin-top:0}
.pf-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden;transition:box-shadow .35s ease,border-color .35s ease}
.pf-card:hover{border-color:rgba(255,204,38,.7);box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.pf-thumb{position:relative;display:block;aspect-ratio:16/10;background:var(--soft);overflow:hidden}
.pf-thumb img{width:100%;height:100%;object-fit:cover;transition:filter .4s ease}
.pf-card:hover .pf-thumb img{filter:brightness(1.06)}
.pf-badge{position:absolute;top:12px;inset-inline-start:12px;padding:0 10px;border-radius:10px;background:rgba(0,0,0,.65);color:#fff;font:500 12.5px/26px var(--fa)}
.pf-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.pf-body h3{font:600 17px/28px var(--title);color:var(--h)}
.pf-meta{margin-top:4px;font:400 13.5px/22px var(--fa-num);color:var(--muted)}
.pf-btns{display:flex;gap:8px;margin-top:auto;padding-top:16px}
.pf-btns>*{flex:1}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.g-item{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--soft);cursor:zoom-in}
.g-item.big{grid-column:1/-1;aspect-ratio:16/9}
.g-item img{width:100%;height:100%;object-fit:cover}
.facts{margin:0 0 8px}
.facts div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:15px}
.facts dt{color:var(--muted)}
.facts dd{margin:0;color:var(--h);font-weight:500;text-align:end}
.facts a{color:#b38600}
.lightbox{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.88)}
.lightbox img{max-width:100%;max-height:90vh;border-radius:12px}
.lb-close{position:absolute;top:16px;inset-inline-end:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}

/* صفحهٔ دمو */
.demo-body{display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0;padding:0!important;background:#2a2a2a;overflow:hidden}
.demo-bar{display:flex;align-items:center;gap:16px;flex-shrink:0;height:64px;padding:0 16px;background:#000;color:#fff}
.demo-brand{display:flex;align-items:center;gap:10px;font:600 16px/1 var(--fa);color:#fff;white-space:nowrap}
.demo-title{display:flex;flex-direction:column;min-width:0;padding-inline-start:16px;border-inline-start:1px solid rgba(255,255,255,.15)}
.demo-title b{overflow:hidden;font:600 14.5px/22px var(--fa);white-space:nowrap;text-overflow:ellipsis}
.demo-title span{font:400 12px/18px var(--fa);color:rgba(255,255,255,.55)}
.demo-dev{display:flex;gap:4px;margin-inline-start:auto;padding:4px;border-radius:12px;background:rgba(255,255,255,.08)}
.demo-dev button{display:grid;place-items:center;width:38px;height:34px;border-radius:9px;color:rgba(255,255,255,.6)}
.demo-dev button.on{background:var(--yellow);color:var(--ink)}
.demo-act{display:flex;align-items:center;gap:8px}
.d-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff}
.demo-stage{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;overflow:auto}
.demo-frame{flex:1;width:100%;max-width:100%;min-height:400px;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 20px 50px -20px rgba(0,0,0,.6);transition:max-width .4s}
.demo-frame iframe{display:block;width:100%;height:100%;border:0}
.demo-frame.shots{flex:none;overflow:visible}
.demo-frame.shots img{width:100%;height:auto}
.demo-hint{margin-top:10px;font:400 13px/20px var(--fa);color:rgba(255,255,255,.6)}
.demo-hint a{color:var(--yellow)}
@media (max-width:700px){.demo-title,.demo-dev{display:none}.demo-act{margin-inline-start:auto}.demo-brand span{display:none}}

/* ---------- مقالات ---------- */
.blog-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.search{display:flex;align-items:center;width:320px;max-width:100%;height:46px;padding-inline:16px 4px;border:1px solid var(--line);border-radius:100px;background:var(--card)}
.search input{flex:1;min-width:0;border:0;background:none;outline:0;font:400 15px/22px var(--fa);color:var(--h)}
.search button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--yellow);color:var(--ink)}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden;transition:box-shadow .35s ease,border-color .35s ease}
.post-card:hover{border-color:rgba(255,204,38,.7);box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.pc-img{position:relative;display:block;aspect-ratio:16/10;background:var(--soft);overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:cover}
.pc-chip{position:absolute;bottom:12px;inset-inline-start:12px;padding:0 10px;border-radius:10px;background:var(--yellow);color:var(--ink);font:600 12.5px/26px var(--fa)}
.pc-body{padding:18px 20px 22px}
.pc-meta{display:flex;gap:8px;font:400 13px/20px var(--fa-num);color:var(--muted)}
.pc-body h2{margin-top:8px;font:700 18px/30px var(--title);color:var(--h)}
.pc-body h2 a:hover{color:#c79a00}
.pc-body p{margin-top:8px;font:400 14.5px/25px var(--fa);color:var(--muted)}
.pager{display:flex;justify-content:center;gap:8px;margin-top:36px}
.pager a{display:grid;place-items:center;min-width:42px;height:42px;padding:0 8px;border:1px solid var(--line);border-radius:12px;font:600 15px/1 var(--fa-num);color:var(--h)}
.pager a.on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}

/* ---------- درباره ما و مسیر همکاری ---------- */
.about .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 12px;border-radius:22px;background:var(--bg2);text-align:center}
.stat b{font:700 34px/44px var(--fa-num);color:#d9a800}
.stat span{font:500 14px/22px var(--fa);color:var(--muted)}
.vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.val{padding:24px;border-radius:22px;background:var(--card);border:1px solid var(--line)}
.val .ui{width:28px;height:28px;color:#d9a800}
.val h3{margin-top:12px;font:600 17px/28px var(--title);color:var(--h)}
.val p{margin-top:6px;font:400 14.5px/25px var(--fa);color:var(--muted)}
.vsteps{position:relative;max-width:820px;margin:0 auto;padding:0;list-style:none}
.vsteps::before{content:"";position:absolute;top:20px;bottom:20px;inset-inline-start:27px;width:2px;background:var(--line)}
.vsteps li{position:relative;display:flex;gap:22px;padding-bottom:30px}
.vs-num{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:18px;background:var(--yellow);color:var(--ink);font:700 18px/1 var(--fa-num);box-shadow:0 8px 20px -8px var(--yellow)}
.vsteps h2{font:700 21px/32px var(--title);color:var(--h)}
.vs-sub{font:500 14.5px/24px var(--fa);color:#c79a00}
.vsteps p{margin-top:6px;font:400 16px/28px var(--fa)}

/* ---------- تماس ---------- */
.c-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:border-color .3s ease,box-shadow .3s ease}
a.c-card:hover{border-color:var(--yellow);box-shadow:0 12px 26px -20px rgba(0,0,0,.3)}
.c-card>.ui{width:44px;height:44px;padding:10px;box-sizing:border-box;border-radius:14px;background:var(--soft);color:#c79a00}
.c-card>span{display:flex;flex-direction:column;min-width:0}
.c-card b{font:600 15px/24px var(--fa);color:var(--h)}
.c-card span span{font:400 14px/22px var(--fa-num);color:var(--muted);overflow-wrap:anywhere}
.c-card.hl{grid-column:1/-1;background:linear-gradient(90deg,rgba(255,204,38,.16),rgba(255,204,38,.04));border-color:rgba(255,204,38,.5)}
.c-form h2{font:700 22px/34px var(--title);color:var(--h)}
.c-form .muted{margin:2px 0 14px;font-size:14px}
.c-form label,.auth-card label{display:block;margin-bottom:12px;font:500 14px/22px var(--fa);color:var(--h)}
.c-form input,.c-form textarea,.auth-card input,.auth-card textarea{display:block;width:100%;margin-top:6px;padding:11px 14px;border:1px solid transparent;border-radius:12px;background:var(--soft);font:400 15px/24px var(--fa);color:var(--h);outline:0;transition:border-color .25s,background .25s}
.c-form input:focus,.c-form textarea:focus,.auth-card input:focus{border-color:var(--yellow);background:var(--card)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-msg{min-height:22px;margin-top:10px;font:500 14px/22px var(--fa);text-align:center}
.form-msg.ok{color:#1aa260}.form-msg.err{color:#E5484D}
.hp{position:absolute!important;inset-inline-start:0;width:1px!important;height:1px;padding:0!important;border:0!important;opacity:0;pointer-events:none;clip-path:inset(50%);overflow:hidden}

/* ---------- دعوت پایین صفحه ---------- */
.pg-cta{padding:10px 0 70px}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 40px;border-radius:30px;background:#111 url(../img/hero-bg.png) 50% 100%/cover;color:#fff}
.cta-box h2{font:700 28px/40px var(--title);color:var(--yellow)}
.cta-box p{margin-top:6px;font:400 16px/26px var(--fa);color:rgba(255,255,255,.8)}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.cta-box .btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}

/* ---------- ورود و ثبت‌نام ---------- */
.auth-wrap{display:flex;justify-content:center;padding:50px 16px 70px;background:var(--bg2)}
.auth-card{width:100%;max-width:440px;padding:30px;border-radius:28px;background:var(--card);box-shadow:0 30px 60px -40px rgba(0,0,0,.4);color:var(--tx)}
.auth-card h1{font:700 26px/38px var(--title);color:var(--h);text-align:center}
.auth-card .sub{margin:6px 0 22px;text-align:center;font:400 14.5px/24px var(--fa);color:var(--muted)}
.auth-tabs{display:flex;gap:4px;margin-bottom:22px;padding:4px;border-radius:14px;background:var(--soft)}
.auth-tabs button{flex:1;height:42px;border-radius:11px;font:600 14.5px/1 var(--fa);color:var(--muted)}
.auth-tabs button.on{background:var(--card);color:var(--h);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.auth-card .row-between{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 14px;font-size:14px}
.auth-card .link{color:#b38600;font:500 14px/22px var(--fa);cursor:pointer}
html.theme-dark .auth-card .link{color:var(--yellow)}
.check{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;line-height:24px!important}
.check input{width:18px!important;height:18px;margin:3px 0 0!important;flex-shrink:0;accent-color:#d9a800}
.check a{color:#b38600;text-decoration:underline}
.code-in{letter-spacing:10px;text-align:center;font:700 22px/30px var(--fa-num)!important;direction:ltr}
.pw-wrap{position:relative}
/* دکمهٔ نمایش رمز همیشه سمت راست کادر (رمز خودش چپ‌به‌راست تایپ می‌شود) */
.pw-wrap button{position:absolute;right:8px;left:auto;bottom:6px;display:grid;place-items:center;width:36px;height:36px;color:var(--muted)}
.pw-wrap input{padding-right:48px}
.auth-card .hint{margin:-6px 0 12px;font:400 12.5px/20px var(--fa);color:var(--muted)}
.steps-dots{display:flex;justify-content:center;gap:6px;margin-bottom:18px}
.steps-dots i{width:28px;height:5px;border-radius:5px;background:var(--line)}
.steps-dots i.on{background:var(--yellow)}
.dev-code{margin-bottom:12px;padding:8px 12px;border-radius:10px;background:#fff6d6;color:#6b5300;font:500 13px/20px var(--fa);text-align:center}

/* ---------- پاسخ‌گویی ---------- */
@media (max-width:1100px){
  .two-col{grid-template-columns:1fr}
  .sticky{position:static}
  .svc-grid,.pf-grid,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guar,.vals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-box{flex-direction:column;align-items:flex-start;padding:30px}
}
@media (max-width:640px){
  .pg{padding:40px 0}
  .pg-h2{font-size:24px;line-height:34px}
  .svc-grid,.pf-grid,.post-grid,.c-cards,.f-row{grid-template-columns:1fr}
  .guar,.vals{grid-template-columns:1fr}
  .svc-card{padding:22px}
  .prose{font-size:16px;line-height:30px}
  .prose h2{font-size:22px;line-height:34px}
  .gallery{grid-template-columns:1fr 1fr}
  .cta-box{padding:26px 20px;border-radius:24px}
  .cta-box h2{font-size:22px;line-height:32px}
  .cta-btns,.cta-btns>*{width:100%}
  .blog-tools{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
  .blog-tools>*{min-width:0}
  .search{width:100%}
  .chips-row{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
  .chips-row::-webkit-scrollbar{display:none}
  .chip{flex-shrink:0}
  .auth-card{padding:24px 18px;border-radius:22px}
  .vsteps li{gap:14px}
  .vs-num{width:46px;height:46px;border-radius:14px}
  .vsteps::before{inset-inline-start:22px}
}

/* صفحهٔ اول: لینک جزئیات نمونه‌کار و نشان مشتری تأییدشده */
.pf-more{display:inline-flex;align-items:center;margin-top:10px;padding:0 12px;border-radius:10px;background:var(--yellow);color:var(--ink);font:600 13px/30px var(--fa)}
.tm-verified{display:inline-block;margin-top:4px;padding:0 8px;border-radius:8px;background:rgba(26,162,96,.12);color:#1aa260;font:600 11.5px/22px var(--fa)}
.sec-more{display:flex;justify-content:center;margin-top:26px}

/* فرم‌های قیمت و رزرو: تیک قوانین و یادداشت گفتگو */
.terms-row{margin-top:6px}
.terms-row .check{font:400 14.5px/24px var(--fa);color:var(--ink)}
html.theme-dark .terms-row .check{color:#eee}
.terms-row .err{display:block;min-height:18px;font:400 12px/18px var(--fa);color:#E5484D}
.chat-note{margin-top:12px;padding:12px 16px;border-radius:14px;background:rgba(255,204,38,.14);font:400 14.5px/25px var(--fa);color:var(--ink)}
html.theme-dark .chat-note{color:#eee}
.chat-note a,.acc-hint a{color:#a07800;font-weight:600;text-decoration:underline}
.acc-hint{max-width:480px;margin:16px auto 0;font:400 15px/26px var(--fa);color:var(--gray)}

/* بنر فوتر ۱۰۰ پیکسل روی بخش آخر صفحه می‌آید؛ بخش آخر جای آن را خالی نگه می‌دارد */
main>section:last-child,main>.lightbox:last-child{padding-bottom:150px}
main>.pg-cta:last-child{padding-bottom:160px}
main>.lightbox:last-child{padding-bottom:20px}
main:has(>.lightbox:last-child)>section:nth-last-child(2){padding-bottom:150px}

/* جعبهٔ نویسندهٔ مقاله */
.author-box{display:flex;align-items:flex-start;gap:14px;margin-top:30px;padding:18px;border-radius:20px;background:var(--bg2);border:1px solid var(--line)}
.author-box img,.author-ic{flex-shrink:0;width:64px;height:64px;border-radius:50%;object-fit:cover}
.author-ic{display:grid;place-items:center;background:var(--yellow);color:var(--ink)}
.author-ic .ui{width:30px;height:30px}
.author-box .muted{display:block;font-size:13px;line-height:20px}
.author-box b{display:block;font:700 17px/28px var(--title);color:var(--h)}
.author-box p{margin:4px 0 0;font-size:14.5px;line-height:26px;color:var(--muted)}

/* ورود لازم برای ثبت درخواست قیمت و رزرو نوبت */
.login-gate{margin-top:18px;padding:20px;border:1px dashed rgba(255,204,38,.8);border-radius:18px;background:rgba(255,204,38,.08);text-align:center}
.login-gate p{font:400 15px/26px var(--fa);color:var(--tx,var(--ink))}
.gate-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:14px}
html.theme-dark .login-gate p{color:#ddd}

/* دموی چندبخشی نمونه‌کار (سایت، پنل، افزونه، بات) */
.demo-tabs{display:flex;gap:6px;flex-shrink:0;padding:10px 16px;background:#111;overflow-x:auto;scrollbar-width:none}
.demo-tabs::-webkit-scrollbar{display:none}
.demo-tabs button{display:flex;align-items:center;gap:8px;flex-shrink:0;height:38px;padding:0 16px;border-radius:10px;background:rgba(255,255,255,.07);font:500 14px/1 var(--fa);color:rgba(255,255,255,.75);transition:background .25s,color .25s}
.demo-tabs button small{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:rgba(255,255,255,.12);font:600 11px/1 var(--fa-num)}
.demo-tabs button:hover{color:#fff}
.demo-tabs button.on{background:var(--yellow);color:var(--ink)}
.demo-tabs button.on small{background:rgba(0,0,0,.12)}
.demo-frame.shots{background:#1c1c1c}
.demo-sec{display:flex;flex-direction:column;gap:18px;padding:18px}
.demo-note{margin:0;padding:12px 16px;border-radius:12px;background:rgba(255,204,38,.12);font:400 15px/26px var(--fa);color:#f2f2f2}
.demo-shot{margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 30px -16px rgba(0,0,0,.7)}
.demo-shot figcaption{padding:10px 14px;background:#262626;font:500 13.5px/22px var(--fa);color:#fff}
.demo-shot img{display:block;width:100%;height:auto}

/* بخش‌های پروژه در صفحهٔ نمونه‌کار */
.pf-secs{margin:30px 0 10px}
.pf-sec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.pf-sec{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}
.pf-sec:hover{border-color:rgba(255,204,38,.7);box-shadow:0 14px 30px -22px rgba(0,0,0,.35)}
.pf-sec-img{display:block;aspect-ratio:16/9;background:#f3f3f3;overflow:hidden}
.pf-sec-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.pf-sec-txt{display:flex;flex-direction:column;gap:4px;padding:14px 16px}
.pf-sec-txt b{font:600 16px/26px var(--fa);color:var(--h)}
.pf-sec-txt span{font:400 13.5px/22px var(--fa);color:var(--tx)}
.pf-sec-txt small{margin-top:4px;font:500 12.5px/20px var(--fa);color:#b38600}
.facts-url{margin:-4px 0 14px;font:500 14px/22px var(--fa)}
.facts-url a{color:#b38600;text-decoration:underline}
@media (max-width:700px){.pf-sec-grid{grid-template-columns:1fr}.demo-sec{padding:10px;gap:12px}}

/* مسیر بالای صفحه با عنوان بلند در یک خط می‌ماند و آخرش «…» می‌خورد */
.hero-pill{max-width:100%;min-width:0}
.hero-pill .crumbs{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:36px}
.hero-pill .crumbs a,.hero-pill .crumbs .sep{display:inline}

/* بخش دموی زنده */
.demo-sec.live{padding:0;gap:0}
.demo-sec.live iframe{display:block;width:100%;height:calc(100dvh - 190px);min-height:520px;border:0;background:#fff}
.demo-live-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#2a2a2a;font:500 13.5px/22px var(--fa);color:#eee}
.demo-live-bar.sample{background:linear-gradient(90deg,#3a2f05,#2a2a2a)}
.demo-live-bar .dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:#1aa260;box-shadow:0 0 0 4px rgba(26,162,96,.25)}
.demo-live-bar.sample .dot{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,204,38,.25)}
.demo-live-bar span:nth-child(2){flex:1}
.demo-live-bar a{flex-shrink:0;color:var(--yellow);text-decoration:underline}
.demo-tabs button small.lv{background:#1aa260;color:#fff}
.pf-sec-img{position:relative}
.pf-live{position:absolute;top:10px;inset-inline-start:10px;padding:3px 10px;border-radius:20px;background:#1aa260;font:600 12px/18px var(--fa);font-style:normal;color:#fff}

/* دمو روی موبایل */
.demo-shot a{display:block}
.demo-live-bar .st{display:none;font-weight:500}
.demo-live-bar .lt{font-weight:500}
.live-wrap{position:relative;overflow:hidden}
.live-wrap iframe{display:block;width:100%;height:calc(100dvh - 190px);min-height:520px;border:0;background:#fff}
.demo-sec.live iframe{height:calc(100dvh - 190px)}
@media (max-width:700px){
  .demo-stage{padding:8px}
  .demo-live-bar{padding:8px 12px;font-size:13px}
  .demo-live-bar .lt{display:none}
  .demo-live-bar .st{display:inline}
  .live-wrap iframe{height:calc(100dvh - 170px);min-height:0}
  .demo-tabs{padding:8px}
  .demo-tabs button{height:36px;padding:0 12px;font-size:13.5px}
  .demo-bar{gap:10px;padding:0 10px}
}

/* ===== تور خودکار قابلیت‌ها در صفحهٔ دمو ===== */
.demo-tabs .tour-tab{gap:6px}
.demo-tabs .tour-tab .ui{width:16px;height:16px}
.tour-sec{padding:22px 18px 26px}
.tour{--d:5200ms;position:relative;width:100%;max-width:min(1100px,calc((100dvh - 290px) * 1.6));margin:0 auto}
.tour-bars{display:flex;gap:5px;margin-bottom:14px}
.tour-bars i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.tour-bars b{display:block;width:0;height:100%;border-radius:inherit;background:var(--yellow)}
.tour-bars i.done b{width:100%}
.tour-bars i.cur b{animation:tour-fill var(--d) linear forwards}
.tour.paused .tour-bars i.cur b,.tour.paused .tour-view img.on{animation-play-state:paused}
@keyframes tour-fill{to{width:100%}}
.tour-win{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -28px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.tour-chrome{display:flex;align-items:center;gap:12px;height:34px;padding:0 12px;background:#ececef;direction:ltr}
.tour-dots{display:flex;gap:6px}
.tour-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}
.tour-dots i:nth-child(2){background:#febc2e}.tour-dots i:nth-child(3){background:#28c840}
.tour-url{flex:1;max-width:420px;margin:0 auto;padding:3px 12px;border-radius:8px;background:#fff;font:500 12px/18px var(--fa-num);color:#666;text-align:center;direction:ltr}
.tour-win.bare .tour-chrome{display:none}
.tour-view{position:relative;aspect-ratio:16/10;background:#f3f3f3;overflow:hidden;cursor:pointer}
.tour-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:0;transform-origin:50% 0;transition:opacity .7s ease}
.tour-view img.on{opacity:1;animation:tour-zoom var(--d) ease-out forwards}
.tour-view img.on.tall{animation:tour-pan var(--d) ease-in-out forwards}
@keyframes tour-zoom{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes tour-pan{0%,12%{object-position:50% 0}88%,100%{object-position:50% 100%}}
.tour-cap{position:absolute;inset-inline:0;bottom:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:40px 18px 14px;background:linear-gradient(0deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.75) 55%,transparent);color:#fff;pointer-events:none}
.tour-cap.in{animation:tour-cap .6s ease both}
@keyframes tour-cap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tour-n{padding:2px 10px;border-radius:20px;background:rgba(255,204,38,.16);font:600 12.5px/22px var(--fa-num);color:var(--yellow)}
.tour-sec{font:500 13.5px/22px var(--fa);color:rgba(255,255,255,.6)}
.tour-t{flex-basis:100%;font:700 19px/30px var(--title);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.tour-ctl{display:flex;align-items:center;gap:8px;margin-top:14px}
.tour-ctl button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;transition:background .25s}
.tour-ctl button:hover{background:rgba(255,255,255,.16)}
.tour-ctl button .ui{width:20px;height:20px}
.tour-ctl [data-t=play] .i-pause{width:14px;height:14px;border-inline:4px solid currentColor;box-sizing:border-box}
.tour.paused [data-t=play] .i-pause{width:0;height:0;border:0;border-block:8px solid transparent;border-inline-start:13px solid currentColor}
html[dir=rtl] .tour.paused [data-t=play] .i-pause{transform:scaleX(-1)}
.tour-ctl .tour-try{width:auto;margin-inline-start:auto;padding:0 20px;border-radius:24px;background:var(--yellow);font:600 14px/1 var(--fa);color:var(--ink)}
.tour-ctl .tour-try:hover{background:#ffd84d}
@media (max-width:700px){
  .tour{max-width:100%}
  .tour-sec{padding:12px 6px 18px}
  .tour-chrome{height:26px}.tour-dots i{width:8px;height:8px}.tour-url{font-size:11px;line-height:16px}
  .tour-t{font-size:14.5px;line-height:23px}
  .tour-cap{padding:28px 12px 10px}
  .tour-ctl .tour-try{padding:0 14px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.tour-view img.on,.tour-view img.on.tall{animation:none}}

/* گالری صفحهٔ نمونه‌کار: عکس اصلی در قاب مرورگر، بقیه در شبکهٔ یکدست */
.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.g-hero{position:relative;grid-column:1/-1}
.g-item{aspect-ratio:16/10;border:1px solid var(--line);border-radius:14px;background:#f3f3f3;transition:border-color .3s ease,box-shadow .3s ease}
.g-item:hover{border-color:rgba(255,204,38,.8);box-shadow:0 12px 28px -20px rgba(0,0,0,.4)}
.g-item img{object-position:50% 0}
.g-item.big{display:flex;flex-direction:column;width:100%;aspect-ratio:auto;border-radius:16px;box-shadow:0 24px 50px -30px rgba(0,0,0,.45)}
.g-item.big img{aspect-ratio:16/9;height:auto}
.g-chrome{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#ececef;direction:ltr}
.g-chrome i{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.g-chrome i:nth-child(2){background:#febc2e}.g-chrome i:nth-child(3){background:#28c840}
.g-chrome em{margin:0 auto;padding:1px 14px;border-radius:7px;background:#fff;font:500 11.5px/18px var(--fa-num);font-style:normal;color:#666}
.g-play{position:absolute;bottom:16px;inset-inline-start:16px;display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 8px;border-radius:24px;background:rgba(20,20,20,.86);backdrop-filter:blur(6px);font:600 14px/1 var(--fa);color:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.6);transition:background .25s}
.g-play .ui{width:30px;height:30px;padding:8px;border-radius:50%;background:var(--yellow);color:var(--ink);fill:currentColor;box-sizing:border-box}
.g-play:hover{background:#000}
html[dir=rtl] .g-play{padding:0 8px 0 18px}
.lb-nav{position:absolute;top:50%;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.lb-nav:hover{background:rgba(255,255,255,.22)}
.lb-prev{inset-inline-start:14px}.lb-next{inset-inline-end:14px}
.lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:500 13px/1 var(--fa-num);color:rgba(255,255,255,.7)}
@media (max-width:700px){
  .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .g-play{bottom:10px;inset-inline-start:10px;height:38px;font-size:13px}
  .lb-nav{width:40px;height:40px}
}

/* ===== منوی پایین موبایل: نوار شیشه‌ای شناور و گرد به سبک iOS ===== */
@media (max-width:768px){
  .mobile-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;padding:6px;gap:4px;border:1px solid rgba(255,255,255,.65);border-radius:26px;
    background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(246,246,248,.72));
    backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);
    box-shadow:0 14px 34px -12px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9)}
  .mobile-nav a{position:relative;isolation:isolate;border-radius:20px;color:#6e6f76;font:600 11px/14px var(--fa);transition:color .3s ease}
  .mobile-nav a .ui{width:22px;height:22px;stroke-width:1.9}
  .mobile-nav a:active{color:var(--ink)}
  /* مورد فعال: کپسول زرد براق */
  .mobile-nav a.active{color:#2b2100}
  .mobile-nav a.active::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
    background:linear-gradient(180deg,#FFE885 0%,#FFD23A 48%,#F7B500 100%);
    box-shadow:0 8px 18px -8px rgba(247,181,0,.85),inset 0 1px 1px rgba(255,255,255,.95),inset 0 -2px 4px rgba(170,110,0,.22)}
  .mobile-nav a.active::after{content:"";position:absolute;inset:3px 8px 55% 8px;z-index:-1;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0))}
  .mobile-nav a.active .ui{stroke-width:2.2}
  html.theme-dark .mobile-nav{border-color:rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(44,44,48,.78),rgba(24,24,26,.72));box-shadow:0 14px 34px -12px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08)}
  html.theme-dark .mobile-nav a{color:rgba(255,255,255,.62)}
  html.theme-dark .mobile-nav a.active{color:#2b2100}
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  /* نوار قیمت و نوبت هم شناور و هم‌خانواده، بالای منو */
  .mobile-price{left:12px!important;right:12px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;padding:10px 12px 10px 14px!important;border-radius:20px;
    background:rgba(43,44,48,.9)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 28px -12px rgba(0,0,0,.5)!important}
}
@media (prefers-reduced-transparency:reduce){.mobile-nav{background:#fff}html.theme-dark .mobile-nav{background:#1c1c1e}}

.lightbox.tall{place-items:start center;overflow-y:auto;padding:60px 20px 40px}
.lightbox.tall img{width:min(1100px,100%);max-height:none}
.lightbox.tall .lb-close,.lightbox.tall .lb-nav{position:fixed}