/*
Theme Name: Hamta - همتا
Theme URI: https://hamtaa.org
Author: Hamta Institute
Description: پوسته فارسی و راست‌چین مؤسسه همتا (هوش مصنوعی و تمدن اسلامی). محصولات و آخرین اخبار به‌صورت داینامیک از پست‌های وردپرس خوانده می‌شوند. همراه با درون‌ریزی خودکار دیتای نمونه هنگام فعال‌سازی.
Version: 1.9.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hamta
Tags: rtl-language-support, custom-menu, featured-images, blog
*/

/* ============ WordPress core helpers ============ */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.aligncenter{display:block;margin:0 auto}
.aligncenter{display:block;margin:0 auto}
img.alignright{float:left;margin:0 0 12px 12px}
img.alignleft{float:right;margin:0 12px 12px 0}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:12px;color:#7d7a70;text-align:center}

:root{
  --font-abar:'Abar Mid FaNum','Vazirmatn','Noto Sans Arabic',Tahoma,Arial,sans-serif;
  --cream:#f2ecdf;
  --cream-2:#faf6ec;
  --ink:#17211f;
  --teal:#0f8377;
  --teal-dark:#0a5a52;
  --teal-deep:#06332e;
  --gold:#c9a227;
  --night:#050d0c;
  --card-radius:26px;
}
/* ================================================================
 * فونت وزیرمتن (Vazirmatn FD-NL) — میزبانی آفلاین داخل خود قالب
 * فونت متن اصلی و بدنه سایت
 * ================================================================ */
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:100;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-Thin.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:200;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-ExtraLight.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:300;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-Light.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-Regular.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:500;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-Medium.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:600;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:700;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-Bold.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:800;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-ExtraBold.woff2') format('woff2')}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:900;font-display:swap;
  src:url('assets/fonts/vazirmatn/Vazirmatn-FD-NL-Black.woff2') format('woff2')}

/* ================================================================
 * فونت ابَر (Abar Mid FaNum) — میزبانی آفلاین داخل خود قالب
 * برای تیترها و عناصر مهم استفاده می‌شود
 * ================================================================ */
@font-face{font-family:'Abar Mid FaNum';font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/abar/woff2/AbarMidFaNum-Regular.woff2') format('woff2'),url('assets/fonts/abar/woff/AbarMidFaNum-Regular.woff') format('woff')}
@font-face{font-family:'Abar Mid FaNum';font-style:normal;font-weight:500;font-display:swap;
  src:url('assets/fonts/abar/woff2/AbarMidFaNum-Medium.woff2') format('woff2'),url('assets/fonts/abar/woff/AbarMidFaNum-Medium.woff') format('woff')}
@font-face{font-family:'Abar Mid FaNum';font-style:normal;font-weight:600;font-display:swap;
  src:url('assets/fonts/abar/woff2/AbarMidFaNum-SemiBold.woff2') format('woff2'),url('assets/fonts/abar/woff/AbarMidFaNum-SemiBold.woff') format('woff')}
@font-face{font-family:'Abar Mid FaNum';font-style:normal;font-weight:700;font-display:swap;
  src:url('assets/fonts/abar/woff2/AbarMidFaNum-Bold.woff2') format('woff2'),url('assets/fonts/abar/woff/AbarMidFaNum-Bold.woff') format('woff')}
@font-face{font-family:'Abar Mid FaNum';font-style:normal;font-weight:800;font-display:swap;
  src:url('assets/fonts/abar/woff2/AbarMidFaNum-ExtraBold.woff2') format('woff2'),url('assets/fonts/abar/woff/AbarMidFaNum-ExtraBold.woff') format('woff')}
@font-face{font-family:'Abar Mid FaNum';font-style:normal;font-weight:900;font-display:swap;
  src:url('assets/fonts/abar/woff2/AbarMidFaNum-Black.woff2') format('woff2'),url('assets/fonts/abar/woff/AbarMidFaNum-Black.woff') format('woff')}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  font-family:'Vazirmatn','Noto Sans Arabic',Tahoma,Arial,sans-serif;
  background:var(--cream);
  color:var(--ink);
  font-size:16px;
  line-height:1.9;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--font-abar);font-weight:800;line-height:1.5}
/* جاهای مهم: زیرتیتر هیرو، دکمه‌ها، آیتم‌های منو، لیبل محصولات و فرم تماس */
.hero-title p,.btn-contact,.hero-menu-fab,.menu-item,.pr-label,.cform-head,.cform-submit{font-family:var(--font-abar)}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container-x{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---------- reveal animation ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
.reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}.reveal.d3{transition-delay:.36s}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none}
  *{animation-duration:.001s !important;transition-duration:.001s !important}
}

/* ---------- header ---------- */
.site-header{
  position:fixed;inset-inline:0;top:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 28px;
  transition:background .35s ease, box-shadow .35s ease;
}
/* هنگام اسکرول، نوار بالا بدون پس‌زمینه و سایه باقی می‌ماند؛ فقط دکمه‌ها دیده می‌شوند */
.site-header.scrolled{background:transparent;backdrop-filter:none;box-shadow:none}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo-mark{width:52px;height:52px}
.brand .brand-text{line-height:1.35}
.brand .brand-text b{display:block;font-size:15px;color:#3c3a33}
.brand .brand-text span{font-size:11.5px;color:#8a8578;letter-spacing:.02em}
.header-actions{display:flex;align-items:center;gap:12px}
.btn-contact{
  display:inline-flex;align-items:center;gap:10px;
  background:#fffdf7;border:1px solid rgba(23,33,31,.12);
  border-radius:999px;padding:9px 20px;font-weight:700;font-size:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04);
  transition:transform .25s ease, background .25s ease;
}
.btn-contact:hover{transform:translateY(-2px);background:#fff}
.btn-contact .ic{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px}
.menu-btn{
  width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;
  background:var(--ink);color:#f5f1e6;display:grid;place-items:center;
  transition:transform .25s ease,background .25s ease;
}
.menu-btn:hover{transform:scale(1.06);background:#000}
.menu-btn svg{width:20px;height:20px}
.site-header .menu-btn{opacity:0;pointer-events:none;transition:opacity .35s ease}
.site-header.scrolled .menu-btn{opacity:1;pointer-events:auto}

/* ---------- hero ---------- */
.hero{
  position:relative;min-height:calc(100vh - 28px);
  margin:14px;border-radius:36px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:url('assets/hero2.jpg') center/cover no-repeat;
  isolation:isolate;
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(242,236,223,0) 62%,rgba(20,16,6,.28) 100%);
}
.hero-title{
  position:absolute;top:6vh;right:5vw;text-align:right;
  animation:heroIn 1.2s ease both .2s;
}
.hero-title h1{font-size:clamp(40px,5.6vw,72px);color:#0b6b60;margin:0;text-shadow:0 2px 20px rgba(255,255,255,.45)}
.hero-title p{font-size:clamp(18px,2.2vw,28px);font-weight:800;color:#16352f;margin:4px 0 0;text-shadow:0 2px 14px rgba(255,255,255,.5)}
@keyframes heroIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.hero-desc{
  position:absolute;bottom:5vh;right:4vw;max-width:430px;text-align:right;
  animation:heroIn 1.2s ease both .55s;
}
.hero-desc .brandmark{display:flex;flex-direction:column;align-items:center;width:max-content;gap:6px;margin-bottom:14px}
.hero-desc .brandmark img{width:180px;height:auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.35))}
.hero-desc .txt{
  margin:0;color:#fff;font-weight:700;font-size:13.5px;line-height:2.15;
  text-shadow:0 1px 3px rgba(0,0,0,.6),0 4px 18px rgba(0,0,0,.5);
}
.hero-trust{
  position:absolute;bottom:5vh;left:4vw;text-align:left;color:#fff;
  animation:heroIn 1.2s ease both .8s;
}
.hero-trust .t{font-weight:800;font-size:19px;text-shadow:0 2px 12px rgba(0,0,0,.55);display:block;margin-bottom:12px;text-align:right}
.hero-trust .logos{width:min(370px,44vw);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.hero-trust .logos .track{display:flex;align-items:center;gap:40px;width:max-content;animation:scrollX 16s linear infinite}
.hero-trust .logos img{height:62px;width:auto;filter:brightness(0) invert(1);opacity:.95}
.hero-menu-fab{
  position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:75;
  display:flex;align-items:center;gap:16px;color:var(--ink);font-weight:800;font-size:16px;
  background:#f5f1e6;border:none;cursor:pointer;border-radius:999px;
  padding:7px 8px 7px 30px;box-shadow:0 12px 34px rgba(0,0,0,.28);
  animation:heroIn 1.2s ease both 1s;transition:transform .25s ease,opacity .35s ease,visibility .35s ease;
}
.hero-menu-fab:hover{transform:translateX(-50%) scale(1.05)}
.hero-menu-fab .menu-btn{width:44px;height:44px}
/* وقتی منو باز است، دکمه شناور پنهان شود */
#pageWrap.pushed .hero-menu-fab{display:none}
/* وقتی کاربر از سکشن هیرو خارج شد، دکمه شناور محو شود */
.hero-menu-fab.fab-hidden{animation:none;opacity:0;visibility:hidden;pointer-events:none}

/* ---------- section headings ---------- */
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px;margin-bottom:34px}
.section-head h2{font-size:clamp(26px,3.4vw,40px);margin:0;display:flex;align-items:center;gap:14px}
.section-head .logo-mark{width:46px;height:46px;flex:none}
.slider-nav{display:flex;gap:10px}
.nav-circle{
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  border:1.5px solid rgba(23,33,31,.25);background:transparent;color:var(--ink);
  display:grid;place-items:center;transition:all .25s ease;
}
.nav-circle:hover{background:var(--ink);color:#fff;transform:scale(1.06)}
.nav-circle.on-dark{border-color:rgba(133,231,205,.55);color:#9ff0dc}
.nav-circle.on-dark:hover{background:#9ff0dc;color:#06332e}
.nav-circle svg{width:18px;height:18px}

/* ---------- products coverflow ---------- */
/* اسلاید��ها: عرض خودکار داخل کانتینر، فقط کمی فاصله از دو طرف */
.products .container-x,
.missions .container-x,
.news .container-x,
.trusted .container-x{max-width:none;width:auto;margin:0 clamp(24px,6vw,110px)}
.products{padding:110px 0 70px}
.pr-stage{position:relative;overflow:hidden;padding:30px 0 26px}
.pr-track{display:flex;gap:26px;align-items:center;height:446px;will-change:transform;transition:transform .65s cubic-bezier(.33,.9,.35,1)}
.pr-card{
  flex:0 0 292px;border-radius:22px;overflow:hidden;
  background:#fff;box-shadow:0 10px 30px rgba(31,26,12,.10);
  transform:scale(.87);
  transition:transform .65s ease,box-shadow .65s ease;
  cursor:pointer;
}
.pr-card.active{transform:scale(1.05);box-shadow:0 18px 50px rgba(31,26,12,.20)}
.pr-card img{display:block;width:100%;height:330px;object-fit:cover;object-position:center}
.pr-label{background:var(--teal);color:#fff;text-align:center;font-weight:800;font-size:14.5px;line-height:1.9;padding:0 16px;height:0;opacity:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:height .55s ease,opacity .55s ease}
.pr-card.active .pr-label{height:92px;opacity:1}
.pr-nav{display:flex;justify-content:center;gap:14px;margin-top:36px}
.pr-nav .nav-circle.solid{background:var(--ink);color:#fff;border-color:var(--ink)}
.pr-nav .nav-circle.solid:hover{background:#000}

/* ---------- courses coverflow ---------- */
.courses .container-x{max-width:none;width:auto;margin:0 clamp(24px,6vw,110px)}
.courses{padding:40px 0 80px}
.cr-stage{position:relative;overflow:hidden;padding:30px 0 26px}
.cr-track{display:flex;gap:26px;align-items:center;height:420px;will-change:transform;transition:transform .65s cubic-bezier(.33,.9,.35,1)}
.cr-card{
  position:relative;flex:0 0 400px;border-radius:22px;overflow:hidden;
  background:#0c1a24;box-shadow:0 10px 30px rgba(31,26,12,.10);
  transform:scale(.87);filter:grayscale(1) brightness(.8);opacity:.55;
  transition:transform .65s ease,box-shadow .65s ease,filter .65s ease,opacity .65s ease;
  cursor:pointer;
}
.cr-card.active{transform:scale(1.05);filter:none;opacity:1;box-shadow:0 18px 50px rgba(31,26,12,.22)}
.cr-card img{display:block;width:100%;height:300px;object-fit:cover;object-position:center}
.cr-noimg{display:flex;align-items:center;justify-content:center;height:300px;color:#5b7182}
.cr-noimg svg{width:72px;height:72px}
.cr-label{
  position:absolute;right:16px;bottom:16px;max-width:82%;
  display:flex;align-items:center;gap:12px;
  background:rgba(9,20,27,.9);color:#fff;
  padding:10px 14px;border-radius:14px;
  font-family:var(--font-abar);
  opacity:0;transform:translateY(8px);
  transition:opacity .55s ease,transform .55s ease;
}
.cr-card.active .cr-label{opacity:1;transform:none}
.cr-title{font-weight:800;font-size:15.5px;line-height:1.9;text-align:right}
.cr-arrow{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.12)}
.cr-arrow svg{width:15px;height:15px}
.cr-nav{display:flex;justify-content:center;gap:14px;margin-top:36px}
.cr-nav .nav-circle.solid{background:var(--ink);color:#fff;border-color:var(--ink)}
.cr-nav .nav-circle.solid:hover{background:#000}
@media (max-width:560px){.cr-card{flex-basis:80vw}.cr-card img{height:240px}}


/* ---------- missions ---------- */
.missions{
  background:
    radial-gradient(1000px 460px at 82% 8%,rgba(15,131,119,.20),transparent 60%),
    radial-gradient(900px 500px at 12% 92%,rgba(201,162,39,.10),transparent 60%),
    var(--night);
  color:#eef5f1;padding:96px 0 130px;position:relative;overflow:hidden;
}
.missions .container-x{position:relative;z-index:1}
.missions .stars{position:absolute;inset:0;pointer-events:none;opacity:.7}
.missions .stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#cfe9dd;opacity:.5;animation:tw 4s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.15}50%{opacity:.75}}
.missions .section-head h2{color:#f4f9f6}
.ms-watermark{
  position:absolute;bottom:-14px;right:0;left:0;z-index:0;
  white-space:nowrap;overflow:hidden;text-align:center;direction:ltr;
  font-weight:900;font-size:clamp(80px,11vw,150px);line-height:1;letter-spacing:.02em;
  color:transparent;-webkit-text-stroke:2px rgba(170,225,205,.12);
  pointer-events:none;user-select:none;
}
.ms-viewport{overflow:hidden;padding:10px 0 6px}
.ms-track{display:flex;gap:26px;align-items:stretch;transition:transform .7s cubic-bezier(.3,.85,.3,1);will-change:transform}
.ms-card{
  flex:0 0 min(680px,74%);
  position:relative;border-radius:32px;padding:40px 44px;min-height:300px;
  display:flex;align-items:center;gap:26px;
  border:1px solid rgba(140,220,200,.14);
  overflow:hidden;
  opacity:.55;transform:scale(.86);
  transition:transform .6s cubic-bezier(.3,.85,.3,1),opacity .6s ease;
}
.ms-card.active{opacity:1;transform:scale(1)}
.ms-txt{flex:1.15;display:flex;flex-direction:column;gap:14px;text-align:right}
.ms-card h3{margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:900;color:#fff}
.ms-card p{margin:0;font-size:14.5px;color:#c9dcd5;line-height:2.15}
.ms-img{flex:1;display:grid;place-items:center;min-width:0}
.ms-img img{width:100%;max-width:300px;max-height:250px;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.45))}
/* بک‌گراند اختصاصی هر کارت */
.ms-bg-1{background:linear-gradient(140deg,#143c34 0%,#0a2620 55%,#04120f 100%)}
.ms-bg-2{background:linear-gradient(140deg,#0f4a41 0%,#0b332c 55%,#061b17 100%)}
.ms-bg-3{background:linear-gradient(140deg,#232a5c 0%,#141840 55%,#0a0c24 100%)}
.ms-bg-4{background:radial-gradient(520px 300px at 68% 40%,rgba(31,183,155,.30),transparent 65%),linear-gradient(140deg,#0b1d22 0%,#04100e 100%)}
.ms-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}
.ms-dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.25);cursor:pointer;transition:all .3s}
.ms-dots button.active{background:#7be8cf;transform:scale(1.25)}

/* vision strip */
.vision{
  margin-top:70px;border-radius:30px;padding:44px 46px;
  background:linear-gradient(120deg,rgba(15,131,119,.24),rgba(201,162,39,.10));
  border:1px solid rgba(140,220,200,.22);
  display:flex;align-items:center;gap:30px;flex-wrap:wrap;
}
.vision .v-ic{width:74px;height:74px;flex:none;border-radius:50%;background:rgba(201,162,39,.16);border:1px solid rgba(201,162,39,.5);display:grid;place-items:center}
.vision .v-ic svg{width:36px;height:36px;color:#e8c65a}
.vision h3{margin:0 0 6px;font-size:24px;color:#f6efdc}
.vision p{margin:0;font-size:14.5px;color:#cfe0d8;max-width:760px}

/* ---------- news ---------- */
.news{padding:100px 0}
/* خط ممتد بعد از تیتر «آخرین اخبار» تا فلش‌ها */
.news .section-head h2{order:1}
.news .section-head::after{content:"";order:2;flex:1;height:2px;background:rgba(23,33,31,.6);border-radius:2px;margin:0 22px}
.news .slider-nav{order:3}
.news .slider-nav .nav-circle:last-child{background:var(--ink);color:#fff;border-color:var(--ink)}
.news .slider-nav .nav-circle:last-child:hover{background:#000}
.nw-viewport{overflow:hidden;padding:8px 4px 26px}
.nw-track{display:flex;gap:26px;transition:transform .65s cubic-bezier(.33,.9,.35,1)}
.nw-card{
  flex:0 0 calc((100% - 52px)/3);
  background:transparent;border:none;
  border-radius:0;padding:0;display:flex;flex-direction:column;gap:14px;
  box-shadow:none;
  transition:transform .3s ease;
}
.nw-card:hover{transform:translateY(-7px)}
.nw-fig{background:#fff;border-radius:20px;height:200px;display:grid;place-items:center;border:1px solid rgba(23,33,31,.06);overflow:hidden;box-shadow:0 8px 26px rgba(31,26,12,.10)}
.nw-fig img{width:100%;height:100%;object-fit:cover;display:block}
.nw-fig svg{width:88%;height:82%}
.nw-card h3{font-size:19px;margin:8px 0 0;text-align:right;font-weight:900;line-height:1.75}
.nw-card h3 a{color:var(--ink)}
.nw-card h3 a:hover{color:var(--teal-dark)}
.nw-ex{margin:0;font-size:13px;color:#7d7a70;line-height:2.1;text-align:right}
.nw-card .more{
  margin-top:auto;align-self:flex-end;display:inline-flex;align-items:center;gap:8px;
  border:1.5px solid rgba(23,33,31,.22);color:var(--ink);font-size:13px;font-weight:700;
  border-radius:999px;padding:7px 20px;transition:all .25s ease;background:#fffdf7;cursor:pointer;
}
.nw-card .more span{color:var(--teal)}
.nw-card .more:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.nw-card .more:hover span{color:#fff}

/* ---------- trusted ---------- */
.trusted{padding:20px 0 90px}
.trusted h2{text-align:right;font-size:clamp(24px,3.2vw,38px);margin-bottom:48px}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:56px;width:max-content;animation:scrollX 28s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes scrollX{from{transform:translateX(0)}to{transform:translateX(50%)}}
.t-logo{display:flex;align-items:center;justify-content:center;width:170px;flex:none}
.t-logo img{width:100%;height:150px;object-fit:contain;transition:transform .3s ease}
.t-logo:hover img{transform:scale(1.06)}

/* ---------- footer ---------- */
.footer{
  background:
    radial-gradient(1100px 620px at 50% 118%,rgba(32,192,139,.30),transparent 70%),
    radial-gradient(620px 300px at 8% 0%,rgba(15,131,119,.22),transparent 60%),
    linear-gradient(180deg,#0b2b25,#051a16 55%,#03110e);
  color:#e9f4ef;margin:0 18px 18px;border-radius:38px;padding:64px 0 clamp(170px,19vw,290px);position:relative;overflow:hidden;
  /* حداقل ارتفاع = ارتفاع صفحه؛ تا لینک «تماس با ما» دقیقاً روی ابتدای سکشن بایستد */
  min-height:calc(100vh - 18px);
  display:flex;flex-direction:column;justify-content:center;
}
.footer .container-x{width:100%}
.f-globe{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;display:block;pointer-events:none}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:48px;position:relative;z-index:1}
.f-brand-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.f-logo-img{width:88px;height:auto;flex:none}
.f-brand h3{color:#4ce5ad;font-size:30px;font-weight:900;margin:0 0 5px}
.f-brand .sub{color:#fff;font-weight:800;font-size:13.5px;white-space:nowrap}
.f-brand p{font-size:13.5px;color:#e2efe9;line-height:2.25;text-align:justify}
.f-col h4{color:#43e0a8;font-size:17.5px;font-weight:900;margin:6px 0 22px}
.f-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.f-col a{font-size:14px;color:#f2faf6;font-weight:600;transition:color .2s,padding .2s}
.f-col a:hover{color:#4ce5ad;padding-right:6px}
.f-contact li{display:flex;gap:10px;font-size:13.5px;color:#f2faf6;align-items:flex-start}
.f-contact svg{width:17px;height:17px;flex:none;margin-top:5px;color:#43e0a8}
.socials{display:inline-flex;align-items:center;gap:8px;margin-top:26px;background:#f2ecdf;border-radius:999px;padding:6px 16px 6px 7px;position:relative;z-index:1}
.socials .lbl{font-size:13px;font-weight:800;color:#17211f;margin-inline-start:4px}
.socials a{width:34px;height:34px;border-radius:50%;background:#1fae7d;display:grid;place-items:center;transition:all .25s;color:#fff}
.socials a:hover{background:#0a5a52;color:#fff}
.socials svg{width:16px;height:16px}
.copyright{position:absolute;bottom:16px;left:0;right:0;margin:0;text-align:center;font-size:12.5px;font-weight:700;color:rgba(233,250,243,.85);text-shadow:0 1px 8px rgba(3,20,16,.6);z-index:1}

/* ---------- side push menu ---------- */
:root{--drawer-w:min(400px,88vw)}
#pageWrap{position:relative;transition:transform .55s cubic-bezier(.32,.72,.32,1)}
#pageWrap.pushed{transform:translateX(calc(var(--drawer-w) * -1))}
.page-backdrop{
  position:fixed;inset:0;z-index:90;border:none;padding:0;
  background:rgba(5,16,14,.45);
  opacity:0;visibility:hidden;cursor:pointer;
  transition:opacity .5s ease,visibility .5s ease;
}
.page-backdrop.show{opacity:1;visibility:visible}
.menu-drawer{
  position:fixed;top:0;bottom:0;right:0;width:var(--drawer-w);z-index:100;
  background:var(--cream);
  box-shadow:0 0 80px rgba(0,0,0,.28);
  border-inline-start:1px solid rgba(23,33,31,.08);
  transform:translateX(102%);
  transition:transform .55s cubic-bezier(.32,.72,.32,1);
  display:flex;flex-direction:column;gap:4px;
  padding:100px 30px 26px;overflow-y:auto;
}
.menu-drawer.open{transform:none}
.drawer-head{position:absolute;top:20px;right:26px;left:22px;display:flex;align-items:center;justify-content:space-between}
.drawer-head .logo-mark{width:46px;height:46px}
.menu-close{
  width:44px;height:44px;border-radius:50%;
  border:1.5px solid rgba(23,33,31,.2);background:transparent;color:var(--ink);
  display:grid;place-items:center;cursor:pointer;transition:all .25s;
}
.menu-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
.menu-item{
  display:flex;align-items:center;justify-content:flex-start;gap:16px;
  font-size:18px;font-weight:800;color:#2c332f;padding:12px 10px;border-radius:14px;
  transform:translateX(-26px);opacity:0;transition:background .25s ease,color .25s ease;
}
.menu-drawer.open .menu-item{animation:mi .5s ease forwards}
.menu-drawer.open .menu-item:nth-child(3){animation-delay:.05s}
.menu-drawer.open .menu-item:nth-child(4){animation-delay:.10s}
.menu-drawer.open .menu-item:nth-child(5){animation-delay:.15s}
.menu-drawer.open .menu-item:nth-child(6){animation-delay:.20s}
.menu-drawer.open .menu-item:nth-child(7){animation-delay:.25s}
.menu-drawer.open .menu-item:nth-child(8){animation-delay:.30s}
@keyframes mi{to{transform:none;opacity:1}}
.menu-item:hover{background:rgba(15,131,119,.10);color:var(--teal-dark)}
.menu-item .mi-ic{width:40px;height:40px;flex:none;border-radius:12px;border:1.5px solid rgba(23,33,31,.2);display:grid;place-items:center;transition:all .25s}
.menu-item:hover .mi-ic{background:var(--teal);border-color:var(--teal);color:#fff}
.menu-item .mi-ic svg{width:19px;height:19px}
.drawer-foot{margin-top:auto;padding-top:18px;border-top:1px solid rgba(23,33,31,.12);display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:#7d7a70}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .f-grid{grid-template-columns:1fr 1fr;gap:34px}
  .nw-card{flex:0 0 calc((100% - 26px)/2)}
}
@media (max-width:900px){
  .ms-card{flex:0 0 88%}
  .hero-desc{max-width:300px;font-size:12.5px}
}
@media (max-width:640px){
  .nw-card{flex:0 0 100%}
  .f-grid{grid-template-columns:1fr}
  .hero-trust{display:none}
  .hero-desc{position:static;margin:0 20px 110px;max-width:none}
  .hero{padding-top:58px}
  .hero-title{position:static;padding:0 20px;margin-bottom:auto}
  .hero-title h1{font-size:32px}
  .hero-title p{font-size:14.5px;text-shadow:0 1px 10px rgba(255,255,255,.85)}
  .ms-card{flex:0 0 92%;flex-direction:column-reverse;padding:26px 24px;min-height:0;text-align:right}
  .ms-img img{max-height:170px}
  .btn-contact span.txt{display:none}
  .vision{padding:30px 24px}
  .section-head{flex-wrap:wrap}
}

/* ---------- benefits (مزیت‌ها) ---------- */
.benefits{padding:80px 0 24px}
.bn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bn-card{
  display:flex;align-items:center;gap:6px;
  background:#b7d8d2;
  border-radius:var(--card-radius);
  padding:20px 26px;
  min-height:150px;
  box-shadow:0 8px 20px rgba(6,51,46,.07);
}
.bn-txt{flex:1;text-align:right}
.bn-txt h3{margin:0 0 6px;font-size:clamp(19px,2vw,26px);font-weight:900;color:var(--teal-deep);line-height:1.45}
.bn-txt p{margin:0;font-size:14.5px;font-weight:500;color:#1d403a;line-height:1.9}
.bn-img{flex:none;width:min(34%,140px)}
.bn-img img{width:100%;height:auto;display:block}
@media (max-width:900px){
  .bn-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .bn-card{flex-direction:column-reverse;padding:22px}
  .bn-txt{text-align:center}
  .bn-img{width:46%}
}

/* ============ Blog post page styles ============ */
/* ---------- header ---------- */
/* هدر صفحات مطالب: بدون نوار و متن؛ فقط آیکون منو و دکمه بازگشت به خانه */
.blog-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 28px;
}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo-mark{width:46px;height:46px}
.brand b{display:block;font-size:15px;color:#3c3a33;line-height:1.3}
.brand span{font-size:11.5px;color:#8a8578}
.btn-back{
  display:inline-flex;align-items:center;gap:10px;
  background:#fffdf7;border:1px solid rgba(23,33,31,.12);
  border-radius:999px;padding:8px 18px;font-weight:700;font-size:13.5px;
  transition:transform .25s ease;
}
.btn-back:hover{transform:translateY(-2px)}
.btn-back .ic{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.btn-back .ic svg{width:14px;height:14px}

/* ---------- layout ---------- */
.blog-wrap{max-width:1280px;margin:26px auto 60px;padding:0 20px;display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}
@media (max-width:991px){.blog-wrap{grid-template-columns:1fr}}

/* ---------- article ---------- */
.post{background:var(--cream-2);border:1px solid rgba(23,33,31,.08);border-radius:var(--card-radius);padding:30px clamp(18px,3.4vw,44px) 40px;box-shadow:0 10px 34px rgba(23,33,31,.06)}
.post-head{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:start;margin-bottom:26px}
@media (max-width:767px){.post-head{grid-template-columns:1fr}}
.post-head h1{font-size:clamp(30px,3.6vw,44px);font-weight:800;color:var(--teal-dark);margin:0 0 6px}
.post-head .sub{font-size:clamp(18px,2vw,24px);font-weight:800;margin:0 0 12px}
.post-head .lead-txt{font-size:14.5px;color:#4d4a41;margin:0 0 18px}
.link-pill{
  display:inline-flex;align-items:center;gap:8px;direction:ltr;
  background:rgba(15,131,119,.12);color:var(--teal-dark);
  border-radius:999px;padding:7px 22px;font-weight:800;font-size:15px;letter-spacing:.04em;
}
.post-date{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:#7d7a70;font-weight:700}
.post-date svg{width:17px;height:17px;color:var(--teal)}

/* featured image — like the sample */
.post-cover{position:relative}
.post-cover img{width:100%;aspect-ratio:4/4.6;object-fit:cover;border-radius:26px;display:block;box-shadow:0 18px 44px rgba(23,33,31,.18)}
.post-cover .tag{
  position:absolute;top:14px;right:14px;
  background:rgba(5,13,12,.72);color:#e7f5ef;backdrop-filter:blur(6px);
  border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;
}
.post-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.post-stats .st{background:#fff;border:1px solid rgba(23,33,31,.08);border-radius:14px;text-align:center;padding:8px 4px}
.post-stats .st b{display:block;font-size:16px;color:var(--teal-dark)}
.post-stats .st span{font-size:11px;color:#8a8578}

.post h2{font-size:19px;font-weight:800;color:var(--teal-dark);margin:30px 0 10px;display:flex;align-items:center;gap:10px}
.post h2::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--gold);flex:none}
.post p{font-size:14px;color:#3d3a32;margin:0 0 12px;text-align:justify}
.post ul{padding-right:20px;margin:0 0 12px}
.post ul li{font-size:14px;color:#3d3a32;margin-bottom:6px}
.post .foot-link{text-align:center;margin-top:34px}

/* ---------- sidebar ---------- */
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:86px}
@media (max-width:991px){.side{position:static}}
.side-card{background:var(--cream-2);border:1px solid rgba(23,33,31,.08);border-radius:22px;padding:20px;box-shadow:0 8px 26px rgba(23,33,31,.05)}

/* contact card */
.c-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-weight:800;font-size:14px;margin-bottom:10px}
.c-row .num{direction:ltr;letter-spacing:.06em}
.c-row svg{width:18px;height:18px;color:var(--teal);flex:none}
.btn-consult{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  background:var(--teal-dark);color:#eafbf5;border:none;cursor:pointer;
  border-radius:14px;padding:11px 10px;font-weight:800;font-size:14px;font-family:inherit;
  transition:background .25s ease,transform .25s ease;margin-top:6px;
}
.btn-consult:hover{background:var(--teal-deep);transform:translateY(-2px)}
.btn-consult svg{width:17px;height:17px}

/* comments card — like the sample corner list */
.cm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cm-head .cnt{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}
.cm-head .cnt svg{width:18px;height:18px;color:var(--teal)}
.cm-head .write{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--teal-dark);background:rgba(15,131,119,.1);border-radius:999px;padding:5px 12px}
.cm-head .write svg{width:13px;height:13px}
.cm-list{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:auto;padding-left:4px}
.cm{background:#fff;border:1px solid rgba(23,33,31,.08);border-radius:16px;padding:10px 12px}
.cm .who{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.cm .av{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.cm .who b{font-size:13px}
.cm .txt{font-size:12.5px;color:#4d4a41;margin:0}
.cm .meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:11px;color:#8a8578}
.cm .meta .like{display:inline-flex;align-items:center;gap:4px;color:var(--teal-dark);font-weight:700}
.cm .meta .like svg{width:12px;height:12px}

/* related news — like the second sample */
.rel-head{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;margin-bottom:14px}
.rel-head::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--gold)}
.rel-list{display:flex;flex-direction:column;gap:12px}
.rel{
  display:grid;grid-template-columns:1fr 92px;gap:12px;align-items:center;
  background:#fff;border:1px solid rgba(23,33,31,.08);border-radius:18px;padding:12px;
  transition:transform .25s ease,box-shadow .25s ease;
}
.rel:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,33,31,.1)}
.rel img{width:92px;height:92px;object-fit:cover;border-radius:12px;display:block}
.rel h4{font-size:13px;font-weight:800;color:var(--teal-dark);margin:0 0 4px;line-height:1.7}
.rel p{font-size:11.5px;color:#7d7a70;margin:0 0 8px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rel .more{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;background:var(--ink);color:#f5f1e6;border-radius:999px;padding:4px 12px}
.rel .more svg{width:11px;height:11px}

/* ============ Blog archive grid (index.php) ============ */
.archive-wrap{max-width:1180px;margin:30px auto 70px;padding:0 20px}
.archive-title{font-size:clamp(24px,3.2vw,36px);font-weight:800;color:var(--teal-dark);margin:8px 0 30px;display:flex;align-items:center;gap:12px}
.archive-title::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--gold)}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media (max-width:1100px){.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.archive-grid{grid-template-columns:1fr}}
.archive-grid .nw-card{flex:none}
.nw-fig img{width:100%;height:100%;object-fit:cover;display:block}
.nw-card .nw-date{font-size:12px;color:#8a8578;text-align:center;font-weight:700}
.hamta-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}
.hamta-pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(23,33,31,.25);font-weight:800;font-size:14px;padding:0 8px;transition:all .25s}
.hamta-pagination .page-numbers.current,.hamta-pagination .page-numbers:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ============ Single post content (WordPress the_content) ============ */
.post .post-content h2{font-size:19px;font-weight:800;color:var(--teal-dark);margin:30px 0 10px;display:flex;align-items:center;gap:10px}
.post .post-content h2::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--gold);flex:none}
.post .post-content h3{font-size:17px;font-weight:800;margin:24px 0 8px}
.post .post-content p{font-size:14px;color:#3d3a32;margin:0 0 12px;text-align:justify}
.post .post-content ul,.post .post-content ol{padding-right:20px;margin:0 0 12px}
.post .post-content li{font-size:14px;color:#3d3a32;margin-bottom:6px}
.post .post-content img{border-radius:16px;height:auto}
.post .post-content a{color:var(--teal-dark);font-weight:700}
.post .post-content blockquote{border-right:4px solid var(--gold);background:#fff;border-radius:12px;margin:0 0 14px;padding:12px 18px}

/* products fallback image */
.pr-card .pr-noimg{width:100%;height:330px;display:grid;place-items:center;background:linear-gradient(150deg,#0f8377,#06332e);color:#eafbf5}
.pr-card .pr-noimg svg{width:80px;height:80px;opacity:.7}

/* ============ Categories section (front page) — compact / typographic ============ */
.cats{padding:20px 0 70px}
.cats .container-x{max-width:none;width:auto;margin:0 clamp(24px,6vw,110px)}
.cats h2{text-align:right;font-size:clamp(24px,3.2vw,38px);margin-bottom:38px}
.cat-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px}
.cat-chip{display:inline-flex;align-items:center;gap:12px;background:var(--cream-2);border:1px solid rgba(23,33,31,.1);border-radius:999px;padding:8px 14px 8px 22px;color:var(--ink);box-shadow:0 6px 18px rgba(23,33,31,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cat-chip:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(23,33,31,.12);border-color:var(--teal)}
.cat-thumb{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none;border:2px solid rgba(15,131,119,.25);background:linear-gradient(150deg,#0f8377,#06332e)}
.cat-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cat-name{font-size:clamp(16px,1.8vw,21px);font-weight:900;letter-spacing:-.01em;transition:color .25s ease}
.cat-chip:hover .cat-name{color:var(--teal-dark)}
.cat-count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 9px;border-radius:999px;background:rgba(15,131,119,.12);color:var(--teal-dark);font-size:12px;font-weight:800;flex:none}
@media (max-width:560px){
  .cat-strip{gap:10px}
  .cat-chip{padding:6px 10px 6px 16px;gap:9px}
  .cat-thumb{width:36px;height:36px}
}

/* ============ Category archive page (category.php) ============ */
.cat-hero{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;background:var(--cream-2);border:1px solid rgba(23,33,31,.08);border-radius:26px;padding:22px;margin-bottom:34px;box-shadow:0 8px 26px rgba(23,33,31,.05)}
@media (max-width:767px){.cat-hero{grid-template-columns:1fr}}
.cat-hero-fig img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;display:block}
.cat-hero .archive-title{margin:0 0 10px}
.cat-desc{font-size:14px;color:#4d4a41;margin-bottom:12px;line-height:1.9}
.cat-desc p{margin:0}
.cat-count-pill{display:inline-flex;background:rgba(15,131,119,.12);color:var(--teal-dark);border-radius:999px;padding:6px 18px;font-weight:800;font-size:13px}
.cat-empty{text-align:center;font-weight:700;color:#7d7a70;padding:40px 0}

/* ================================================================
 * فرم تماس با ما
 * ================================================================ */
/* دقت فرود anchorها زیر نوار مدیریت وردپرس */
body.admin-bar #home,body.admin-bar #products,body.admin-bar #news,body.admin-bar #missions,body.admin-bar #benefits,body.admin-bar #about,body.admin-bar #cats,body.admin-bar #contact,body.admin-bar #contact-form{scroll-margin-top:32px}
@media (max-width:782px){
  body.admin-bar #home,body.admin-bar #products,body.admin-bar #news,body.admin-bar #missions,body.admin-bar #benefits,body.admin-bar #about,body.admin-bar #cats,body.admin-bar #contact,body.admin-bar #contact-form{scroll-margin-top:46px}
}
.contact-sec{padding:30px 0 90px}
.contact-sec .container-x{max-width:1060px;margin-inline:auto}
.cform{
  background:#f5f1e6;border-radius:34px;
  padding:clamp(24px,4vw,44px);
  box-shadow:0 24px 70px rgba(23,33,31,.10);
}
.cform-head{
  text-align:center;color:var(--teal-dark);font-weight:800;
  font-size:clamp(14px,1.8vw,17px);margin:0 0 26px;
}
.cform-notice{
  border-radius:16px;padding:12px 18px;font-weight:700;font-size:14px;margin-bottom:18px;text-align:center;
}
.cform-notice.ok{background:rgba(15,131,119,.12);color:var(--teal-dark)}
.cform-notice.err{background:rgba(180,60,40,.10);color:#a13c26}
.cform form{display:flex;flex-direction:column;gap:14px}
.cform-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cform-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform input,.cform textarea{
  width:100%;border:none;outline:none;font:inherit;font-size:14.5px;font-weight:600;
  color:var(--ink);background:#dfe7e0;border-radius:999px;padding:15px 24px;
  transition:box-shadow .25s ease,background .25s ease;
}
.cform textarea{border-radius:26px;resize:vertical;min-height:150px}
.cform input::placeholder,.cform textarea::placeholder{color:#8fa39a;font-weight:600}
.cform input:focus,.cform textarea:focus{background:#d8e2da;box-shadow:0 0 0 2px rgba(15,131,119,.35)}
.cform-submit{
  align-self:flex-end;display:inline-flex;align-items:center;gap:10px;
  background:var(--teal);color:#fff;border:none;cursor:pointer;
  font:inherit;font-size:15px;font-weight:800;
  border-radius:999px;padding:13px 30px;
  box-shadow:0 10px 26px rgba(15,131,119,.35);
  transition:transform .25s ease,background .25s ease;
}
.cform-submit:hover{transform:translateY(-2px);background:var(--teal-dark)}
.cform-submit .ic{display:grid;place-items:center}
@media (max-width:640px){
  .cform-grid{grid-template-columns:1fr}
  .cform{border-radius:26px}
}

/* کد امنیتی فرم تماس (کاربران میهمان) */
.cform-captcha{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cform-captcha label{
  font-weight:800;font-size:14.5px;color:var(--teal-dark);
  background:#dfe7e0;border-radius:999px;padding:14px 24px;margin:0;
}
.cform-captcha input{max-width:150px;text-align:center}

/* لوگوی همتا در بالای منوی کشویی */
.drawer-head img.logo-mark{width:auto;height:52px;object-fit:contain}