/* Fonts — Vazirmatn (self-hosted). Only 2 files for faster first paint. */
@font-face{font-family:Yekanbakh;font-display:swap;font-style:normal;font-weight:300;src:url('/assets/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2')}
@font-face{font-family:Yekanbakh;font-display:swap;font-style:normal;font-weight:400;src:url('/assets/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2')}
@font-face{font-family:Yekanbakh;font-display:swap;font-style:normal;font-weight:500;src:url('/assets/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2')}
@font-face{font-family:Yekanbakh;font-display:swap;font-style:normal;font-weight:700;src:url('/assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2')}
@font-face{font-family:Yekanbakh;font-display:swap;font-style:normal;font-weight:800;src:url('/assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2')}
@font-face{font-family:Yekanbakh;font-display:swap;font-style:normal;font-weight:900;src:url('/assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2')}
@font-face{font-family:IRANSans;font-display:swap;font-style:normal;font-weight:400;src:url('/assets/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2')}
@font-face{font-family:IRANSans;font-display:swap;font-style:normal;font-weight:500;src:url('/assets/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2')}
@font-face{font-family:IRANSans;font-display:swap;font-style:normal;font-weight:700;src:url('/assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2')}
@font-face{font-family:IRANSans;font-display:swap;font-style:normal;font-weight:900;src:url('/assets/fonts/vazirmatn/Vazirmatn-ExtraBold.woff2') format('woff2')}

:root{
  --bg:#f6f6f8;
  --surface:#fff;
  --ink:#292b39;
  --muted:#4a4c5a;
  --muted2:#6b6d7b;
  --line:#e5e5ee;
  --purple:#380e94;
  --purple-deep:#442b7a;
  --green:#0da21b;
  --green-dark:#0a9400;
  --green-soft:#38a815;
  --radius:12px;
  --shadow:0 8px 28px rgba(41,43,57,.08);
  --container:1180px;
  --corp-green:#0a2e1a;
  --corp-green-deep:#0a2e1a;
  --corp-green-mid:#0a2e1a;
  --corp-green-soft:#0a2e1a;
  --corp-on-green:#fff;
}

*{box-sizing:border-box;
  -webkit-tap-highlight-color:transparent !important;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
html{
  scroll-behavior:auto;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:clip;
  overflow-y:auto;
  width:100%
}
@supports not (overflow:clip){
  html{overflow-x:hidden;overflow-y:auto}
  body{overflow-x:hidden;overflow-y:visible}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
html,body{
  min-height:100%;
  min-height:100dvh
}
body{
  margin:0;
  font-family:IRANSans,Tahoma,sans-serif;
  background:#fff;
  color:var(--ink);
  line-height:1.7;
  min-height:100vh;
  min-height:100dvh;
  height:auto;
  display:flex;
  flex-direction:column;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:auto;
  width:100%;
  max-width:100%;
  overflow-x:clip;
  overflow-y:visible;
  position:relative
}
#main-content{
  flex:1 0 auto;
  width:100%;
  min-width:0;
  max-width:100%
}
input,textarea,select,[contenteditable="true"],.allow-select{
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
}
/* هیچ هایلایت سلکت در کل سایت */
::selection{background:transparent;color:inherit}
::-moz-selection{background:transparent;color:inherit}
mark,.content-html mark,.content-single__training-package .content-html mark{
  background:transparent !important;
  color:inherit !important;
  padding:0 !important;
}
a{color:inherit;text-decoration:none}
img,svg,video,canvas,picture{
  max-width:100%;height:auto;display:block;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  -webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none
}
a img,button img,.free-slide img,.blog-card img,.product-card img{pointer-events:none}
ul{margin:0;padding:0;list-style:none}
button,input,textarea,select{font:inherit}
.container{width:min(100% - 32px,var(--container));margin-inline:auto}

/* ========== Header (exact nabegheha layout) ========== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:#fff;
  padding-top:8px;
  transition:box-shadow .25s ease;
}
.site-header.is-scrolled{
  box-shadow:0 1px 2px rgba(41,43,57,.05),0 8px 20px -12px rgba(41,43,57,.16);
}
.header-bar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:12px 0 8px;
}
.header-right,.header-left{
  display:flex;align-items:center;gap:8px;
}
.header-right{justify-content:flex-start;gap:6px}
.header-left{justify-content:flex-end;gap:8px}
.header-logo{
  display:flex;align-items:center;justify-content:center;
}
.header-logo img{width:56px;height:56px;object-fit:contain}
.menu-btn{
  display:inline-flex;align-items:center;gap:8px;
  color:#292b39;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.02rem
}
.menu-text{
  background:none;border:0;cursor:pointer;color:inherit;
  font:inherit;font-weight:800;padding:0;margin:0
}
.menu-text:hover{color:var(--purple)}
.grid-icon{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:16px;height:16px;pointer-events:none}
.grid-icon i{
  display:block;background:transparent;border:1.5px solid #292b39;border-radius:2px;width:100%;height:100%;box-sizing:border-box
}
.header-sep{
  color:#292b39;opacity:.22;font-weight:300;
  margin:0 4px;font-size:.95rem;line-height:1;
  user-select:none;pointer-events:none
}
.header-link{
  color:#292b39;font-size:1.02rem;font-family:Yekanbakh,sans-serif;font-weight:400;
  transition:color .2s ease;padding:0 2px
}
.header-link:hover,.header-link.is-active{color:var(--purple)}

.expand-item{position:relative;display:inline-flex;align-items:center;color:#292b39;text-decoration:none}
.expand-btn{
  display:inline-flex;align-items:center;gap:0;border:0;background:transparent;cursor:pointer;
  color:inherit;padding:8px 6px;border-radius:10px;font:inherit;transition:color .45s ease
}
.expand-btn svg{width:26px;height:26px;flex-shrink:0}
.expand-label{
  display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;
  font-size:1.05rem;font-family:Yekanbakh,sans-serif;font-weight:400;color:#292b39;
  transition:max-width .85s cubic-bezier(.25,.1,.25,1),opacity .7s ease,margin .85s cubic-bezier(.25,.1,.25,1);
  margin-left:0
}
/* fallback: first option, last selected, or momentary hover */
.expand-item.is-default .expand-label,
.expand-item.is-pinned .expand-label,
.expand-item:hover .expand-label,
.expand-item:focus-within .expand-label{
  max-width:190px;opacity:1;margin-left:16px
}
.cart-icon-wrap{position:relative;display:inline-flex}
.cart-badge{
  position:absolute;top:-8px;left:-10px;min-width:18px;height:18px;border-radius:5px;
  background:var(--green);color:#fff;font-size:12px;font-family:Yekanbakh,sans-serif;font-weight:800;
  display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1
}
.social-expand .social-mini{display:none}
.social-expand.is-open .social-mini{display:flex}
.social-mini{
  position:absolute;top:calc(100% + 6px);left:0;flex-direction:column;gap:2px;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;min-width:140px;
  box-shadow:0 12px 30px rgba(41,43,57,.12);z-index:130
}
.social-mini a{padding:8px 10px;border-radius:8px;font-size:.84rem;color:var(--muted)}
.social-mini a:hover{background:#f0ebfa;color:var(--purple)}

.menu-dropdown{position:relative}
.dropdown-panel{
  position:absolute;top:calc(100% + 12px);right:0;min-width:240px;
  background:#f7f7fa;border-radius:16px;padding:6px;z-index:140;
  box-shadow:0 18px 40px rgba(41,43,57,.14);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s;
  pointer-events:none
}
.dropdown-panel.open{
  opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto
}
.dropdown-panel a{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;
  color:#3a3c4a;font-size:.92rem;font-weight:600;
  border-bottom:1px dashed #d8d9e4;transition:background .18s ease,color .18s ease,transform .18s ease
}
.dropdown-panel a:last-child{border-bottom:0}
.dropdown-panel a:hover,.dropdown-panel a.active{
  background:var(--purple);color:#fff;border-bottom-color:transparent;transform:translateX(-2px)
}
.menu-item-icon{
  flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease
}
.menu-item-icon svg{width:20px;height:20px}
.menu-item-label{flex:1;line-height:1.45}
.menu-item-icon.is-home{background:#eceeff;color:#5b63f2}
.menu-item-icon.is-rules{background:#fff0e8;color:#e67e22}
.menu-item-icon.is-guide{background:#e8f7ef;color:#1fa855}
.menu-item-icon.is-discount{background:#fce8ff;color:#a855f7}
.menu-item-icon.is-contact{background:#e8f4ff;color:#3b82f6}
.menu-item-icon.is-about{background:#efe9ff;color:#380e94}
.dropdown-panel a:hover .menu-item-icon,
.dropdown-panel a.active .menu-item-icon{
  background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)
}

.search-ticker-bar{
  display:flex;align-items:stretch;justify-content:space-between;gap:0;
  margin:6px auto 14px;border:1px solid #e8e8f0;border-radius:16px;overflow:hidden;background:#fff;
  min-height:52px;height:52px
}
.ticker,.search-box{
  border:0;border-radius:0;background:transparent;
  min-height:0;height:100%;display:flex;align-items:center;gap:8px;padding:0 16px
}
.ticker{overflow:hidden;border-left:1px solid #eef0f5;min-width:0;flex:1}
.ticker-icon{color:#292b39;flex-shrink:0;display:flex}
.typewriter-link{
  flex:1;min-width:0;color:#292b39;font-size:.98rem;text-decoration:none;
  display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;
  font-family:Yekanbakh,sans-serif;font-weight:800
}
.typewriter-link:hover{color:var(--purple)}
.ticker-prefix{flex-shrink:0;font-weight:800}
#typewriterText{
  font-weight:800;overflow:hidden;text-overflow:ellipsis;min-width:0;
  transition:opacity .3s ease
}
#typewriterText.fade-out{opacity:0}
.search-box{
  color:var(--muted2);flex:0 0 auto;max-width:118px;padding:0 10px;justify-content:center;
  overflow:hidden;transition:max-width .35s ease,flex-basis .35s ease,padding .35s ease;
  border-right:0;position:relative;gap:0
}
.search-box.is-open{
  flex:0 0 min(42%,300px);max-width:300px;padding:0 14px 0 10px;justify-content:flex-start;gap:8px
}
.search-toggle{
  border:0;background:transparent;color:#292b39;cursor:pointer;padding:10px 4px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;
  font-family:Yekanbakh,sans-serif;font-size:.92rem;font-weight:700
}
.search-label{white-space:nowrap}
.search-box.is-open .search-label{display:none}
.search-box input{
  border:0;outline:0;background:transparent;width:0;opacity:0;color:var(--ink);text-align:right;
  transition:width .3s ease,opacity .25s ease;pointer-events:none
}
.search-box.is-open input{width:100%;opacity:1;pointer-events:auto}
.search-box input::placeholder{color:var(--muted2)}

.mobile-drawer{display:none}
.mobile-drawer.open{display:block;border-top:1px solid var(--line);background:#fff}
.mobile-drawer-inner{padding:8px 0 16px}
.mobile-drawer a{
  display:block;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--muted)
}

/* Section heads like original */
.section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:22px;flex-wrap:nowrap
}
.section-head h2{
  font-family:Yekanbakh,sans-serif;font-size:1.35rem;margin:0;font-weight:800;
  display:inline-flex;align-items:center;gap:10px;
  flex:1 1 auto;min-width:0
}
.section-head h2 .sec-icon{
  width:28px;height:28px;border-radius:8px;background:#f0ebfa;color:var(--purple);
  display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0
}
.section-head h2 .sec-icon svg{display:block;width:16px;height:16px}
.btn-more{
  background:var(--purple);color:#fff;border:0;border-radius:12px;
  padding:10px 18px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.9rem;
  box-shadow:0 8px 20px rgba(56,14,148,.28);
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;white-space:nowrap;line-height:1;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent
}
.btn-more:hover{filter:brightness(1.05);color:#fff}

/* ردیف عنوان + مشاهده بیشتر در آموزش رایگان و بقیه سکشن‌ها */
.section-free .section-head,
.section .section-head,
.section-head.with-dots{
  display:flex;flex-wrap:nowrap !important;align-items:center;justify-content:space-between;gap:10px
}
.section-free .section-head h2,
.section .section-head h2{
  flex:1 1 auto;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.section-free .section-head .btn-more,
.section .section-head .btn-more{
  flex:0 0 auto;flex-shrink:0;white-space:nowrap;align-self:center
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:10px;padding:11px 18px;cursor:pointer;font-family:Yekanbakh,sans-serif;font-weight:800;
  transition:.2s transform,.2s box-shadow,.2s background
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--purple);color:#fff;box-shadow:0 10px 24px rgba(56,14,148,.25)}
.btn-green{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 10px 24px rgba(13,162,27,.25)}
.btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}

/* Hero */
.hero{
  padding:48px 0 28px;
  background:
    radial-gradient(circle at 85% 20%,rgba(56,14,148,.12),transparent 40%),
    radial-gradient(circle at 10% 80%,rgba(13,162,27,.1),transparent 35%),
    linear-gradient(180deg,#fff 0%,#f6f6f8 100%);
}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.hero-brand{font-family:Yekanbakh,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.25;margin:0 0 12px;color:var(--purple)}
.hero h1{font-family:Yekanbakh,sans-serif;font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:800;margin:0 0 12px}
.hero p{color:var(--muted);margin:0 0 22px;max-width:36ch}
.hero-visual{
  border-radius:24px;overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(145deg,#292b39,#442b7a 60%,#0da21b);
  min-height:320px;display:flex;align-items:center;justify-content:center;position:relative
}
.hero-visual img{width:100%;height:100%;object-fit:cover;min-height:320px;opacity:.95}
.hero-visual::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(41,43,57,.55));
}

/* Sections */
.section{padding:40px 0}
.section-sub{color:var(--muted);margin:6px 0 0;font-size:.95rem}


/* Cards grids */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}

.free-card,.blog-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);transition:.25s transform,.25s box-shadow;height:100%
}
.free-card:hover,.blog-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(41,43,57,.12)}
.free-card img,.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.free-card .body,.blog-card .body{padding:14px 16px 18px}
.free-card h3,.blog-card h3{font-family:Yekanbakh,sans-serif;font-size:1.05rem;margin:0 0 8px;font-weight:800;line-height:1.5}
.meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted2);font-size:.82rem;margin-bottom:8px}
.meta span{display:inline-flex;align-items:center;gap:4px}
.tag{display:inline-block;padding:3px 10px;border-radius:999px;background:#f0ebfa;color:var(--purple);font-size:.75rem}

.product-card{
  background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.25s transform,.25s box-shadow
}
.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(41,43,57,.12)}
.product-card .cover{aspect-ratio:1/1.15;background:#23252f;position:relative}
.product-card .cover img{width:100%;height:100%;object-fit:cover}
.product-card .body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-card h3{font-family:Yekanbakh,sans-serif;margin:0;font-size:1.02rem;font-weight:800;text-align:center}
.pc-row{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:var(--muted)}
.pc-meta{display:inline-flex;align-items:center;gap:5px}
.pc-meta.rating{color:#f5a623;font-weight:700}
.product-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.82rem;color:var(--muted)}
.product-specs{
  margin-top:12px;border:1px solid #ebecef;border-radius:14px;overflow:hidden;background:#fff
}
.product-specs__row{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:12px 16px;border-bottom:1px solid #f0f1f4;font-size:.9rem
}
.product-specs__row:last-child{border-bottom:0}
.product-specs__label{color:var(--muted);font-weight:600}
.product-specs__value{color:#292b39;font-weight:700;text-align:left;direction:ltr}
.price-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:8px}
.price-row--cta{flex-wrap:wrap;justify-content:center;gap:8px}
.price{font-family:Yekanbakh,sans-serif;font-weight:900;color:var(--green);font-size:1.05rem;display:inline-flex;align-items:center;gap:6px;direction:ltr;unicode-bidi:plaintext}
.price .plus{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;align-items:center;justify-content:center;font-size:12px;box-shadow:0 3px 8px rgba(13,162,27,.28)}
.pc-cta{
  display:none;
  align-items:center;justify-content:center;
  min-height:32px;padding:6px 12px;border-radius:10px;
  background:linear-gradient(145deg,#5b21b6,#41169f);color:#fff;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.72rem;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(65,22,159,.28), inset 0 1px 0 rgba(255,255,255,.18)
}
@media (max-width:992px){
  .product-card--cta .pc-cta{display:inline-flex}
  .product-card--cta .price-row--cta{
    flex-direction:column;align-items:stretch;gap:7px
  }
}
.rating{color:#f5a623;font-weight:700}
.grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.home-featured-courses{
  position:relative;
  overflow-x:clip;
  overflow-y:visible;
  padding:28px 0 36px;
  background:
    radial-gradient(circle at 12% 20%, rgba(65,22,159,.05) 0 1.2px, transparent 2px),
    radial-gradient(circle at 78% 70%, rgba(13,162,27,.04) 0 1px, transparent 2px),
    linear-gradient(180deg,#f7f6fb 0%,#fff 70%)
}
.home-featured-courses::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg, rgba(65,22,159,.03) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(0deg, rgba(65,22,159,.025) 0 1px, transparent 1px 22px);
  opacity:.7
}
.home-featured-courses .container{position:relative;z-index:1}

/* Home services — recessed 3D well */
.home-services{
  padding:32px 0 40px;
  background:linear-gradient(180deg,#fff 0%,#f5f3fa 100%)
}
.home-services__lede{
  margin:-2px 0 18px;max-width:54ch;font-size:.95rem;line-height:1.85;color:var(--muted)
}
.home-services__lede strong{color:var(--ink);font-weight:800}
.home-services__well{
  padding:18px;
  border-radius:22px;
  background:
    linear-gradient(160deg,#ebe6f5 0%,#f1eef8 45%,#e6ecf2 100%);
  box-shadow:
    inset 0 2px 4px rgba(65,22,159,.08),
    inset 0 10px 28px rgba(41,43,57,.08),
    inset 0 -1px 0 rgba(255,255,255,.65),
    0 1px 0 rgba(255,255,255,.8);
  border:1px solid rgba(65,22,159,.1)
}
.home-services__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px
}
.home-service{
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
  padding:16px 14px 15px;border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#f7f5fc 100%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95),
    0 8px 18px rgba(65,22,159,.08),
    inset 0 -2px 0 rgba(65,22,159,.05);
  transition:transform .18s ease,box-shadow .18s ease
}
.home-service:hover{
  transform:translateY(-2px);
  color:inherit;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95),
    0 12px 24px rgba(65,22,159,.12),
    inset 0 -2px 0 rgba(65,22,159,.07)
}
.home-service__ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(145deg,#5b21b6,#41169f);color:#fff;
  font-size:.9rem;font-weight:800;
  box-shadow:0 6px 12px rgba(65,22,159,.26), inset 0 1px 0 rgba(255,255,255,.22)
}
.home-service__ico svg{display:block;width:16px;height:16px}
.home-service__text{display:flex;flex-direction:column;gap:6px;min-width:0}
.home-service h3{
  margin:0;font-family:Yekanbakh,sans-serif;font-size:.9rem;font-weight:900;line-height:1.45;color:#292b39
}
.home-service p{
  margin:0;font-size:.76rem;line-height:1.75;color:#5f6372
}
.home-services__seo{
  padding:16px 18px;border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(65,22,159,.08);
  box-shadow:inset 0 1px 2px rgba(65,22,159,.05)
}
.home-services__seo h3{
  margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-size:1.05rem;font-weight:900;color:#292b39
}
.home-services__seo p{
  margin:0;font-size:.9rem;line-height:1.95;color:#4f5363
}
.home-services__seo strong{color:#292b39;font-weight:800}
@media (max-width:992px){
  .home-services__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media (max-width:640px){
  .home-services{padding:18px 0 24px}
  .home-services__lede{font-size:.88rem;margin-bottom:14px}
  .home-services__well{padding:12px;border-radius:18px}
  .home-services__grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  .home-service{padding:12px 11px 11px;border-radius:13px;gap:8px}
  .home-service__ico{width:28px;height:28px;border-radius:8px;font-size:.78rem}
  .home-service h3{font-size:.8rem}
  .home-service p{font-size:.7rem;line-height:1.55}
  .home-services__seo{padding:12px}
  .home-services__seo h3{font-size:.88rem}
  .home-services__seo p{font-size:.78rem;line-height:1.75}
}

/* Free tutorial slider */
.free-slider{position:relative;display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center}
.free-viewport{overflow:hidden}
.free-track{display:flex;gap:18px;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.free-slide{
  flex:0 0 calc((100% - 36px)/3);min-width:0;
  opacity:0;filter:blur(12px);transform:translateY(22px) scale(.94);
  animation:freeCardIn .75s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:calc(.08s + var(--i,0) * .12s);
  overflow:visible
}
.free-slide-img{
  border-radius:18px;overflow:hidden;aspect-ratio:16/10;
  background:linear-gradient(110deg,#eceef5 25%,#f7f8fc 37%,#eceef5 63%);
  background-size:200% 100%;
  box-shadow:0 10px 28px rgba(41,43,57,.08);
  transition:box-shadow .25s ease,transform .25s ease
}
.free-slide:hover .free-slide-img{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(41,43,57,.14)
}
.free-slide-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .45s ease
}
.free-slide:hover .free-slide-img img{transform:scale(1.04)}
.free-slide h3{
  font-family:Yekanbakh,sans-serif;font-size:1rem;margin:12px 0 6px;font-weight:800;line-height:1.5;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;
  word-break:break-word
}
.free-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted2);font-size:.8rem;margin-bottom:6px}
.free-slide p{
  margin:0;color:var(--muted);font-size:.86rem;line-height:1.7;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;
  word-break:break-word
}
.slider-arrow{
  width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:0;background:var(--purple);color:#fff;
  font-size:1.4rem;cursor:pointer;box-shadow:0 8px 20px rgba(56,14,148,.3);line-height:1;
  transition:transform .2s ease,box-shadow .2s ease
}
.slider-arrow:hover{transform:scale(1.06);box-shadow:0 10px 24px rgba(56,14,148,.38)}
.slider-dots{display:flex;justify-content:center;gap:4px;margin-top:16px;align-items:center}
.slider-dots .dot{
  width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999px;border:0;
  background:transparent;cursor:pointer;padding:0;position:relative;
  transition:background .2s ease
}
.slider-dots .dot::after{
  content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:999px;background:#d7d8e4;
  transition:width .2s ease,background .2s ease
}
.slider-dots .dot.active::after{width:28px;background:var(--purple)}
.slider-dots .dot:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@keyframes freeCardIn{
  from{opacity:0;filter:blur(12px);transform:translateY(22px) scale(.94)}
  to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .free-slide{animation:none;opacity:1;filter:none;transform:none}
}

/* Special deals - full-width product rail */
.section-deals{
  width:100%;
  max-width:100%;
  margin:8px 0 20px;
  padding:0;
}
.deals-band{
  width:100%;
  background:
    radial-gradient(1200px 280px at 85% -20%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(105deg,#2d0b6e 0%,#4c1d95 38%,#6d28d9 72%,#86198f 100%);
  padding:22px 0 26px;
  position:relative;overflow:visible
}
.deals-band::after{
  content:"";position:absolute;inset:auto -10% -40% auto;width:420px;height:420px;
  border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none
}
.deals-head{
  width:min(100% - 40px,var(--container));
  margin:0 auto 16px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  position:relative;z-index:1
}
.deals-head__text h2{
  margin:0 0 4px;font-family:Yekanbakh,sans-serif;font-weight:900;font-size:1.35rem;color:#fff
}
.deals-head__text p{
  margin:0;color:rgba(255,255,255,.78);font-size:.88rem;font-weight:500
}
.deals-head__link{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  color:#fff;text-decoration:none;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.9rem;
  min-height:40px;padding:8px 14px;border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:background .2s ease
}
.deals-head__link:hover{background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.14))}
.deals-head__actions{
  display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative;z-index:30
}
.deals-filter{position:relative;z-index:31}
.deals-filter__btn{
  display:inline-flex;align-items:center;gap:7px;
  color:#fff;font-family:Yekanbakh,sans-serif;font-weight:700;font-size:.86rem;
  min-height:40px;padding:9px 15px;border-radius:999px;cursor:pointer;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.1));
  border:1px solid rgba(255,255,255,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 8px 20px rgba(20,8,50,.18);
  backdrop-filter:blur(14px) saturate(1.25);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease
}
.deals-filter__btn:hover,
.deals-filter.is-open .deals-filter__btn{
  background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.16));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 10px 24px rgba(20,8,50,.22)
}
.deals-filter__chev{transition:transform .25s ease;opacity:.85}
.deals-filter.is-open .deals-filter__chev{transform:rotate(180deg)}
.deals-filter__menu{
  position:absolute;top:calc(100% + 10px);left:0;right:auto;z-index:40;
  min-width:198px;max-width:min(220px, calc(100vw - 32px));padding:8px;
  background:rgba(255,255,255,.94);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(20,10,50,.28),0 0 0 1px rgba(65,22,159,.08);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  display:flex;flex-direction:column;gap:2px;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px) scale(.96);
  transform-origin:top left;
  transition:
    opacity .28s cubic-bezier(.22,1,.36,1),
    transform .32s cubic-bezier(.22,1,.36,1),
    visibility .28s
}
.deals-filter.is-open .deals-filter__menu{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0) scale(1);
  animation:dealsFilterPop .38s cubic-bezier(.22,1.2,.36,1)
}
@keyframes dealsFilterPop{
  0%{opacity:0;transform:translateY(-10px) scale(.94)}
  70%{opacity:1;transform:translateY(2px) scale(1.02)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
.deals-filter__option{
  border:0;background:transparent;cursor:pointer;text-align:right;
  padding:10px 12px;border-radius:10px;
  font-family:Yekanbakh,sans-serif;font-size:.86rem;font-weight:700;color:#292b39;
  display:flex;align-items:center;gap:8px;justify-content:flex-start;
  transition:background .15s ease,color .15s ease,transform .15s ease;
  opacity:0;transform:translateY(6px)
}
.deals-filter__ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:8px;flex-shrink:0;
  background:rgba(65,22,159,.08);color:#41169f
}
.deals-filter.is-open .deals-filter__option{
  opacity:1;transform:none;
  transition-delay:.04s
}
.deals-filter.is-open .deals-filter__option:nth-child(2){transition-delay:.07s}
.deals-filter.is-open .deals-filter__option:nth-child(3){transition-delay:.1s}
.deals-filter.is-open .deals-filter__option:nth-child(4){transition-delay:.13s}
.deals-filter.is-open .deals-filter__option:nth-child(5){transition-delay:.16s}
.deals-filter__option:hover{background:rgba(65,22,159,.08);color:#41169f;transform:translateX(-2px)}
.deals-filter__option.is-active{background:rgba(65,22,159,.12);color:#41169f}
.deals-filter__option.is-active .deals-filter__ico{background:#41169f;color:#fff}
.deals-rail{
  position:relative;z-index:1;
  width:100%;
  display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:4px
}
.deals-viewport{
  overflow:hidden;min-width:0;
  padding:4px 0
}
.deals-track{
  display:flex;gap:14px;
  transition:transform .4s cubic-bezier(.22,.7,.25,1);will-change:transform;
  padding-inline:2px
}
.deal-card{
  flex:0 0 188px;width:188px;min-width:188px;max-width:188px;
  background:
    radial-gradient(circle at 12% 18%, rgba(65,22,159,.06) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 72%, rgba(13,162,27,.05) 0 1px, transparent 2px),
    linear-gradient(165deg,#ffffff 0%,#f8f7fc 100%);
  background-size:14px 14px, 18px 18px, auto;
  border-radius:16px;
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;
  box-shadow:0 10px 28px rgba(20,10,50,.18);
  overflow:hidden;
  transition:transform .28s ease,box-shadow .28s ease;
  align-self:stretch;
  border:1px solid rgba(255,255,255,.5)
}
.deal-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(20,10,50,.24)
}
.deal-card__media{
  position:relative;aspect-ratio:1 / 1.05;background:#f3f4f8;overflow:hidden;
  display:block;line-height:0;flex:0 0 auto
}
.deal-card__media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease
}
.deal-card:hover .deal-card__media img{transform:scale(1.04)}
.deal-card__badge{
  position:absolute;top:8px;left:8px;
  background:linear-gradient(135deg,#22c55e,#0a9400);color:#fff;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.72rem;
  padding:4px 8px;border-radius:999px;
  box-shadow:0 4px 12px rgba(10,148,0,.28)
}
.deal-card__body{
  padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0
}
.deal-card__cat{
  display:inline-flex;align-items:center;gap:4px;
  font-size:.68rem;font-weight:700;color:#7c3aed;letter-spacing:.01em
}
.deal-card__title{
  margin:0;font-family:Yekanbakh,sans-serif;font-size:.84rem;font-weight:800;line-height:1.45;
  color:#242836;min-height:0
}
.deal-card__title a{
  color:inherit;text-decoration:none;
  display:flex;align-items:flex-start;gap:6px
}
.deal-card__title a svg{flex:0 0 auto;margin-top:2px;color:#41169f;opacity:.75}
.deal-card__title a span{
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.deal-card:hover .deal-card__title a{color:#0a7a18}
.deal-card__foot{
  margin-top:auto;padding-top:8px;
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:42px
}
.deal-card__old{
  display:block;color:#9aa0b0;text-decoration:line-through;font-size:.72rem;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:plaintext
}
.deal-card__price{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:nowrap;
  font-family:Yekanbakh,sans-serif;color:var(--green,#0da21b);direction:ltr;unicode-bidi:plaintext
}
.deal-card__price strong{
  font-size:1.12rem;font-weight:900;line-height:1.15;color:var(--green,#0da21b);
  letter-spacing:-.015em;font-variant-numeric:tabular-nums
}
.deal-card__price span{font-size:.78rem;font-weight:800;color:#1f9a3a;font-family:Yekanbakh,sans-serif}
.deal-card__cta{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  margin-top:8px;min-height:34px;padding:7px 10px;border-radius:10px;
  background:linear-gradient(135deg,#5b21b6,#41169f);color:#fff;text-decoration:none;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.76rem;
  transition:background .2s ease,transform .2s ease;box-shadow:0 6px 14px rgba(65,22,159,.22)
}
.deal-card__cta:hover{background:linear-gradient(135deg,#4c1d95,#2f0f78);color:#fff;transform:translateY(-1px)}
.deal-card--more{
  align-items:center;justify-content:center;gap:10px;padding:18px 12px;
  background:
    radial-gradient(circle at 20% 30%, rgba(124,58,237,.08) 0 1px, transparent 2px),
    linear-gradient(160deg,#fff 0%,#f5f3ff 100%);
  background-size:16px 16px, auto;
  border:1px dashed #c4b5fd;box-sizing:border-box
}
.deal-card--more:hover{background:#f5f3ff}
.deal-card__more-ring{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(145deg,#7c3aed,#5b21b6);color:#fff;
  box-shadow:0 8px 18px rgba(91,33,182,.28)
}
.deal-card__more-label{
  font-family:Yekanbakh,sans-serif;font-weight:800;color:#5b21b6;font-size:.8rem;text-align:center;line-height:1.4
}
.deals-nav{
  width:44px;height:44px;min-width:44px;min-height:44px;border-radius:9px;border:0;cursor:pointer;justify-self:center;
  background:rgba(255,255,255,.92);color:#4c1d95;
  display:grid;place-items:center;
  box-shadow:0 8px 20px rgba(20,10,50,.2);
  transition:transform .2s ease,opacity .2s ease
}
.deals-nav:hover{transform:scale(1.04)}
.deals-nav:disabled{opacity:.35;cursor:default;transform:none}

@media (max-width:900px){
  .deal-card,.deal-card--more{flex-basis:164px;width:164px;min-width:164px;max-width:164px}
  .deals-head__text h2{font-size:1.15rem}
}
@media (max-width:640px){
  .deals-band{padding:18px 0 22px}
  .deals-head{width:min(100% - 24px,var(--container));margin-bottom:14px;align-items:center}
  .deals-head__text p{display:none}
  .deals-head__actions{gap:6px}
  .deals-filter__btn{padding:8px 12px;font-size:.78rem;gap:5px;min-height:36px}
  .deals-filter__btn svg:first-child{width:13px;height:13px}
  .deals-head__link{padding:8px 12px;font-size:.78rem;min-height:36px}
  .deals-filter__menu{min-width:180px;left:0;right:auto;transform-origin:top left;max-width:min(200px, calc(100vw - 28px))}
  .deals-rail{grid-template-columns:26px 1fr 26px;gap:2px}
  .deals-nav{width:22px;height:34px;border-radius:7px}
  .deal-card,.deal-card--more{flex-basis:152px;width:152px;min-width:152px;max-width:152px;border-radius:14px}
  .deal-card__body{padding:10px 10px 12px;gap:5px}
  .deal-card__title{font-size:.78rem}
  .deal-card__foot{min-height:40px;padding-top:6px}
  .deal-card__price strong{font-size:1.02rem;font-weight:900}
  .deal-card__price span{font-size:.72rem;font-weight:800}
  .deal-card__cta{min-height:32px;font-size:.7rem;margin-top:6px;border-radius:9px}
  .deal-card__more-ring{width:38px;height:38px}
  .deal-card__more-label{font-size:.74rem}
}

/* How-to collection — nabegheha.com pattern (2 full columns + swipe) */
.section-howto{padding-top:8px;padding-bottom:12px}
.collection__pagination.howto-head{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative
}
.collection__how{
  font-family:Yekanbakh,sans-serif;font-size:1.28rem;font-weight:800;
  white-space:nowrap;color:#292b39;letter-spacing:-.5px
}
.howto-dots-line{
  flex:1;min-height:1px;min-width:24px;
  background:repeating-linear-gradient(90deg,#c9cad6 0 4px,transparent 4px 10px);
  background-position:center;background-size:100% 1px;background-repeat:no-repeat
}
.pagination-post-slide{
  display:flex;align-items:center;gap:2px;flex-shrink:0;
  background:#fff;padding:2px 4px 0;z-index:2;margin-top:6px
}
.pagination-post-slide .swiper-pagination-bullet,
.pagination-post-slide button.dot{
  width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999px;padding:0;cursor:pointer;
  background:transparent;border:0;box-sizing:border-box;position:relative;
  opacity:1;transition:.3s;appearance:none
}
.pagination-post-slide .swiper-pagination-bullet::after,
.pagination-post-slide button.dot::after{
  content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-radius:50%;
  background:transparent;border:1.5px solid #41169f;box-sizing:border-box
}
.pagination-post-slide .swiper-pagination-bullet-active::after,
.pagination-post-slide button.dot.active::after{
  width:29px;height:9px;border-radius:14px;
  background:#41169f;border-color:#41169f;border-width:0
}
.collection__slid{margin-bottom:8px}
.howto-viewport{
  overflow:hidden;width:100%;direction:rtl;
  touch-action:pan-y;cursor:grab
}
.howto-viewport:active{cursor:grabbing}
.howto-track{
  display:flex;gap:30px;will-change:transform;
  transition:transform .45s cubic-bezier(.22,.8,.25,1);direction:rtl;
  align-items:stretch;width:max-content
}
.howto-slide{
  flex:0 0 auto;min-width:0;box-sizing:border-box
}
.howto-slide.is-stack{
  display:flex;flex-direction:column;gap:12px;justify-content:flex-start
}
.collection__index-slider{margin:0}
.collection__slider-image,
.collection__how-img a{
  display:block;position:relative;line-height:0
}
.collection__how-img{margin:0}
.collection__slider-image img,
.collection__how-img img,
.img-shadow{
  display:block;width:100%;height:auto;border-radius:15px;
  box-shadow:
    0 10px 24px rgba(41,43,57,.12),
    0 2px 0 rgba(65,22,159,.04);
  vertical-align:top
}
.collection__slider-image:hover .img-shadow,
.collection__how-img a:hover .img-shadow{
  box-shadow:0 14px 28px rgba(41,43,57,.16)
}
@media (max-width:768px){
  .howto-track{gap:14px}
  .howto-slide.is-stack{gap:10px}
  .img-shadow{border-radius:12px}
  .collection__pagination.howto-head{margin-bottom:14px}
  .pagination-post-slide{margin-top:8px}
}
@media (max-width:576px){
  .howto-track{gap:10px}
  .collection__how{font-size:1.05rem}
  .collection__slider-image,
  .collection__how-img a{
    border-radius:12px;overflow:hidden;background:#f3f3f7
  }
  .img-shadow{
    width:100%;height:auto;object-fit:contain;
    border-radius:12px;background:#f3f3f7
  }
  .howto-slide.is-stack{gap:8px}
}

.testimonial{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)
}
.testimonial .name{font-family:Yekanbakh,sans-serif;font-weight:800;margin:0}
.testimonial .role{color:var(--muted2);font-size:.82rem;margin:2px 0 10px}
.testimonial p{margin:0;color:var(--muted);font-size:.92rem}

.section-head.with-dots{gap:12px}
.head-dots{flex:1;height:1px;background:repeating-linear-gradient(90deg,#c9cad6 0 4px,transparent 4px 10px)}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.testimonial-card{
  display:grid;grid-template-columns:110px 1fr;border:1px solid var(--line);border-radius:16px;
  overflow:hidden;background:#fff;box-shadow:var(--shadow);min-height:160px
}
.avatar-col{
  position:relative;display:flex;align-items:stretch;justify-content:center;
  min-height:100%;overflow:hidden
}
.avatar-col.tone-yellow{background:#f7b733}
.avatar-col.tone-green{background:#2faa4a}
.avatar-photo{
  display:block;width:100%;height:100%;min-height:160px;object-fit:cover;object-position:center top
}
.avatar-fallback{
  width:70px;height:70px;border-radius:50%;margin:auto;background:rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.5rem;color:#fff
}
.testimonial-body{padding:14px 16px}
.t-head{margin-bottom:8px}
.t-head strong{display:block;font-family:Yekanbakh,sans-serif}
.t-head span{color:var(--muted2);font-size:.8rem}
.testimonial-body p{margin:0 0 12px;color:var(--muted);font-size:.9rem}
.audio-player{
  display:flex;align-items:center;gap:10px;
  -webkit-user-select:none !important;user-select:none !important;-webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation
}
.audio-play{
  width:34px;height:34px;border-radius:50%;border:0;background:var(--purple);color:#fff;cursor:pointer;
  -webkit-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;flex-shrink:0;touch-action:manipulation;outline:none
}
.audio-play:focus,.audio-play:active{outline:none;-webkit-tap-highlight-color:transparent}
.audio-bar{flex:1;height:4px;background:#e7e8f0;border-radius:999px;overflow:hidden;pointer-events:none}
.audio-bar span{display:block;width:18%;height:100%;background:#c5c7d6;pointer-events:none}
.audio-time{
  font-size:.75rem;color:var(--muted2);
  -webkit-user-select:none;user-select:none
}
.testimonial-card,.testimonial-body,.t-head,.avatar-col,.csound-card,
.free-slide,.free-slider,.slider-arrow,.howto-slide,.deal-card{
  -webkit-user-select:none !important;user-select:none !important;-webkit-touch-callout:none !important;
  -webkit-tap-highlight-color:transparent !important
}
.slider-arrow,.free-slide,.testimonial-card a,.csound-card a{
  touch-action:manipulation;outline:none
}
.aparat-banner{
  display:block;width:100%;line-height:0;border-radius:999px;overflow:hidden;
  box-shadow:0 12px 30px rgba(30,10,60,.22);transition:transform .2s ease,box-shadow .2s ease
}
.aparat-banner:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(30,10,60,.28)}
.aparat-banner img{
  display:block;width:100%;height:auto;border-radius:999px
}
@media (max-width:640px){
  .aparat-banner{
    border-radius:22px;min-height:78px;
    box-shadow:0 10px 24px rgba(30,10,60,.2)
  }
  .aparat-banner img{
    border-radius:22px;min-height:78px;height:78px;object-fit:cover;object-position:center
  }
}

.blog-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.blog-home-card{
  display:grid;grid-template-columns:160px 1fr;gap:14px;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow)
}
.blog-home-img{position:relative;min-height:120px;background:#eee}
.blog-home-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.read-tag{
  position:absolute;top:10px;right:10px;background:#292b39;color:#fff;font-size:.72rem;
  padding:4px 8px;border-radius:8px;z-index:1
}
.blog-home-body{padding:12px 12px 12px 0}
.blog-home-body h3{font-family:Yekanbakh,sans-serif;margin:0 0 8px;font-size:1rem;font-weight:800}
.blog-home-body p{margin:0 0 10px;color:var(--muted);font-size:.86rem}
.blog-home-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted2);font-size:.78rem}
.blog-home-meta__item{display:inline-flex;align-items:center;gap:4px}
.blog-home-meta__item svg{flex-shrink:0;opacity:.85}

/* ========== Blog magazine (nabegheha zig-zag) ========== */
.blog-magazine-page{padding:28px 0 56px;background:#fff}
.blog-mag-crumb{margin-bottom:10px}
.blog-mag-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:8px 0 22px;flex-wrap:wrap
}
.blog-mag-head h1{
  margin:0;font-family:Yekanbakh,sans-serif;font-size:1.45rem;font-weight:400;color:#1a1a1a;
  display:inline-flex;align-items:center;gap:12px;letter-spacing:0;
  order:0
}
.blog-mag-head .blog-cats-wrap{order:1;margin-inline-start:auto}
.blog-mag-icon{
  display:inline-flex;align-items:center;justify-content:center;color:var(--purple);flex-shrink:0
}
.blog-cats-wrap{position:relative}
.blog-cats-btn{
  display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid rgba(229,229,238,.9);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-radius:14px;padding:11px 14px;cursor:pointer;color:#292b39;font-size:.9rem;
  font-family:Yekanbakh,sans-serif;font-weight:700;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 16px rgba(41,43,57,.05);
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease
}
.blog-cats-btn__text{display:inline-flex;align-items:center;gap:8px}
.blog-cats-btn__chev{transition:transform .3s ease;flex:0 0 auto;color:var(--purple)}
.blog-cats-btn[aria-expanded="true"] .blog-cats-btn__chev{transform:rotate(180deg)}
.blog-cats-panel{
  display:block;position:absolute;top:calc(100% + 8px);left:0;min-width:260px;z-index:40;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(16px) saturate(1.15);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);
  border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:0 0 8px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.85) inset,
    0 18px 40px rgba(41,43,57,.14);
  overflow:hidden;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-10px) scale(.97);
  transform-origin:top center;
  transition:
    opacity .28s ease,
    transform .34s cubic-bezier(.22,1,.36,1),
    visibility 0s linear .28s
}
.blog-cats-panel.open{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0) scale(1);
  transition:
    opacity .28s ease,
    transform .34s cubic-bezier(.22,1,.36,1),
    visibility 0s linear 0s
}
.blog-cats-head{
  background:linear-gradient(135deg,#5b21b6,#41169f);
  color:#fff;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:.92rem;padding:12px 14px;text-align:center;
  display:flex;align-items:center;justify-content:center;gap:8px
}
.blog-cats-panel a{
  display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 8px;border-radius:10px;
  color:var(--muted);font-size:.9rem;text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .18s ease
}
.blog-cats-panel a:first-of-type{margin-top:8px}
.blog-cats-panel a:hover,.blog-cats-panel a.active{
  background:rgba(91,33,182,.08);color:var(--purple);transform:translateX(-2px)
}
.blog-cat-thumb{
  width:28px;height:28px;border-radius:8px;object-fit:cover;flex-shrink:0;display:grid;place-items:center
}
.blog-cat-thumb--rank{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#ede9fe,#ddd6fe);color:var(--purple)
}
.blog-cat-thumb--rank svg{display:block}

.blog-magazine{
  display:flex;flex-direction:column;gap:56px
}
.mag-row{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:36px;
  align-items:stretch
}
.mag-row.is-flip{grid-template-columns:.95fr 1.05fr}
.mag-row.is-flip .mag-card.feature{order:2}
.mag-row.is-flip .mag-stack{order:1}
.mag-stack{
  display:flex;flex-direction:column;gap:0;min-height:100%;height:100%
}
.mag-stack .mag-card.side{
  flex:1 1 0;min-height:0;padding:24px 0
}
.mag-stack .mag-card.side:first-child{padding-top:0}
.mag-stack .mag-card.side:last-child{padding-bottom:0}
.mag-stack .mag-card.side + .mag-card.side{
  border-top:1px solid #ececf2
}
.mag-card{
  display:grid;gap:14px;color:inherit;text-decoration:none;min-width:0;
  animation:magCardIn .55s cubic-bezier(.22,1,.36,1) both
}
.mag-row .mag-card.feature{animation-delay:.04s}
.mag-row .mag-stack .mag-card.side:nth-child(1){animation-delay:.12s}
.mag-row .mag-stack .mag-card.side:nth-child(2){animation-delay:.2s}
@keyframes magCardIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .mag-card{animation:none}
}
.mag-card.feature{
  grid-template-columns:1fr;height:100%;
  grid-template-rows:minmax(0,1fr) auto
}
.mag-card.side{
  grid-template-columns:minmax(130px,.85fr) minmax(0,1.2fr);
  align-items:stretch;gap:22px;height:100%
}
.mag-card.side .mag-body{
  justify-content:flex-start;gap:12px;min-height:0
}
.mag-card.side .mag-meta{margin-top:auto}
.mag-media{
  position:relative;border-radius:18px;overflow:hidden;background:#edeee6
}
.mag-card.feature .mag-media{aspect-ratio:auto;min-height:260px;height:100%}
.mag-card.side .mag-media{
  aspect-ratio:auto;min-height:0;height:100%;align-self:stretch
}
.mag-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.mag-card:hover .mag-media img{transform:scale(1.04)}
.mag-time-badge{
  position:absolute;top:12px;right:12px;z-index:2;
  background:rgba(41,43,57,.9);color:#fff;font-size:.76rem;font-family:Yekanbakh,sans-serif;
  font-weight:400;padding:5px 10px;border-radius:9px;line-height:1.2;white-space:nowrap
}
.mag-body{
  min-width:0;display:flex;flex-direction:column;gap:12px
}
.mag-card.feature .mag-body{padding-top:6px;gap:12px}
.mag-body h2{
  margin:0;font-family:Yekanbakh,sans-serif;font-size:1.12rem;font-weight:500;color:#1a1a1a;line-height:1.65
}
.mag-card.side .mag-body h2{font-size:1rem;font-weight:500}
.mag-card:hover .mag-body h2{color:var(--purple)}
.mag-body p{
  margin:0;color:#8a8b9a;font-size:.86rem;line-height:1.85;font-weight:400;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.mag-card.feature .mag-body p{-webkit-line-clamp:3;line-clamp:3}

.mag-meta{
  display:flex;flex-wrap:nowrap;align-items:center;
  gap:10px;
  margin:8px 0 0;padding:0 0 10px;list-style:none;
  border-bottom:1px solid #ececf2;width:100%;
  overflow:hidden
}
.mag-meta-item{
  display:inline-flex;flex-direction:row;align-items:center;gap:5px;
  color:#6b6c78;font-size:.72rem;font-weight:400;line-height:1;
  flex:0 0 auto;white-space:nowrap
}
.mag-meta-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:13px;height:13px;flex:0 0 13px;opacity:.9;line-height:0;color:#8a8b9a
}
.mag-meta-ico svg{display:block;width:13px;height:13px;flex-shrink:0}
.mag-meta-txt{
  display:inline-block;white-space:nowrap;line-height:1;font-weight:400;color:#6b6c78
}
.mag-time-pill{
  display:inline-flex;align-items:center;justify-content:center;
  background:#292b39;color:#fff;font-size:.68rem;font-family:Yekanbakh,sans-serif;font-weight:400;
  padding:4px 8px;border-radius:7px;line-height:1.15;white-space:nowrap
}
.mag-meta-item.is-time-badge{gap:0}
.mag-meta.is-compact{gap:12px}
.mag-card.feature .mag-meta{margin-top:8px;gap:12px}
.mag-card.feature .mag-meta-item{font-size:.74rem}
.mag-card.side .mag-meta{gap:11px}

.pag-circles,
.pagination.pag-circles{
  margin:40px auto 28px;display:flex;align-items:center;justify-content:center;
  gap:12px;flex-wrap:nowrap;width:100%;direction:rtl
}
.pag-circles a,
.pag-circles span,
.pagination.pag-circles a,
.pagination.pag-circles span{
  width:44px;height:44px;min-width:44px;max-width:44px;border-radius:50% !important;padding:0 !important;
  border:1px solid #e2e2ea;background:#fff;color:#4a4b57;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-family:Yekanbakh,sans-serif;font-weight:500;font-size:.95rem;line-height:1;
  box-sizing:border-box;flex:0 0 44px;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease
}
.pag-circles a:hover,
.pagination.pag-circles a:hover{
  background:var(--purple);border-color:var(--purple);color:#fff;transform:translateY(-1px)
}
.pag-circles .active,
.pagination.pag-circles .active{
  background:var(--purple) !important;color:#fff !important;border-color:var(--purple) !important;font-weight:700
}
.pag-circles .pag-dots,
.pagination.pag-circles .pag-dots{
  background:#ececf3;border-color:#ececf3;color:#8a8b9a;font-size:1rem;letter-spacing:1px;font-weight:700;
  pointer-events:none
}
.pag-circles .pag-nav,
.pagination.pag-circles .pag-nav{color:#5a5b68}
.pag-circles .pag-nav.is-disabled,
.pagination.pag-circles .pag-nav.is-disabled{opacity:.35;pointer-events:none;transform:none}

.blog-strip-banners{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0 40px
}
.blog-strip-banner{
  display:block;border-radius:16px;overflow:hidden;background:#edeee6;
  transition:transform .35s ease,box-shadow .35s ease
}
.blog-strip-banner:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(41,43,57,.12)}
.blog-strip-banner img{width:100%;height:auto;display:block;object-fit:cover}

.blog-hot-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:28px 0 28px;padding-top:28px;border-top:1px solid #e8e8ef
}
.blog-hot-head h2{
  margin:0;font-family:Yekanbakh,sans-serif;font-size:1.2rem;font-weight:500;color:#1a1a1a;display:flex;align-items:center;gap:10px
}
.hot-icon{color:var(--purple);display:inline-flex;align-items:center}
.blog-hot-head .btn-more{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--purple);color:#fff;border-radius:12px;padding:10px 18px;
  font-family:Yekanbakh,sans-serif;font-weight:500;font-size:.9rem;text-decoration:none
}
.blog-hot-head .btn-more:hover{filter:brightness(1.06)}
.blog-hot-magazine{margin-bottom:40px}
.blog-hot-magazine .mag-stack .mag-card.side{padding:22px 0}
.blog-hot-magazine .mag-stack .mag-card.side + .mag-card.side{border-top:1px solid #ececf2}

.blog-random-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0 48px
}
.blog-random-card{
  display:grid;grid-template-columns:112px 1fr;align-items:center;gap:16px;padding:12px;
  background:#fff;border:1px solid #e6e6ee;border-radius:12px;
  text-decoration:none;color:inherit;transition:border-color .25s ease,box-shadow .25s ease
}
.blog-random-card:hover{border-color:#d5d0e6;box-shadow:0 8px 20px rgba(56,14,148,.08)}
.blog-random-media{
  position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:#edeee6
}
.blog-random-media img{width:100%;height:100%;object-fit:cover;display:block}
.blog-random-num{
  position:absolute;top:8px;right:8px;z-index:1;
  min-width:1.5em;height:1.5em;padding:0 6px;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(41,43,57,.88);color:#fff;
  font-family:Yekanbakh,sans-serif;font-size:.85rem;font-weight:800;line-height:1
}
.blog-random-card h3{
  margin:0;font-family:Yekanbakh,sans-serif;font-size:1rem;font-weight:800;
  color:#292b39;line-height:1.55
}

.purchase-toast{
  position:fixed;bottom:24px;left:24px;z-index:130;width:min(360px,calc(100vw - 40px));
  background:linear-gradient(145deg,#ffffff 0%,#f7f8fd 100%);border-radius:14px;
  box-shadow:0 14px 34px rgba(20,24,33,.16);
  display:flex;gap:10px;padding:12px 14px 12px 40px;align-items:flex-start;border:1px solid var(--line);
  overflow:hidden;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(0,18px,0) scale(.985);
  transition:box-shadow .3s ease
}
.purchase-toast::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;
  background:linear-gradient(180deg,#0da21b,#380e94);
  transform-origin:center top
}
.purchase-toast.show{
  visibility:visible;pointer-events:auto;
  animation:toastIn .7s cubic-bezier(.22,.9,.32,1) forwards
}
.purchase-toast.show::before{animation:toastBarPulse 2.6s ease-in-out infinite .5s}
.purchase-toast.is-hiding{
  animation:toastOut .55s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none
}
@keyframes toastIn{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(2px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes toastOut{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);visibility:visible}
  100%{opacity:0;transform:translate3d(0,14px,0) scale(.985);filter:blur(1.5px);visibility:hidden}
}
@keyframes toastBarPulse{
  0%,100%{filter:brightness(1);transform:scaleY(1)}
  50%{filter:brightness(1.18);transform:scaleY(1.015)}
}
@keyframes toastImgPop{
  0%{transform:scale(.88);opacity:.55}
  100%{transform:scale(1);opacity:1}
}
.purchase-toast.show img{animation:toastImgPop .65s cubic-bezier(.22,.9,.32,1) .06s both}
.purchase-toast img{
  width:54px;height:64px;object-fit:cover;border-radius:10px;flex:0 0 auto;
  box-shadow:0 6px 14px rgba(56,14,148,.12);transition:transform .35s ease
}
.purchase-toast__body{min-width:0;flex:1;padding-left:2px;padding-right:2px}
.purchase-toast:hover{box-shadow:0 22px 48px rgba(20,24,33,.22)}
.purchase-toast:hover img{transform:scale(1.06) rotate(-2deg)}
.purchase-toast p{
  margin:0 0 6px;font-size:.85rem;line-height:1.55;color:#2c3040;font-weight:600;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  overflow:hidden;white-space:normal;word-break:break-word
}
.purchase-toast a{
  color:var(--purple);font-size:.84rem;font-family:Yekanbakh,sans-serif;font-weight:800;
  display:inline-flex;align-items:center;gap:4px;transition:transform .25s ease,color .25s ease
}
.purchase-toast a::after{content:"←";opacity:0;transform:translateX(4px);transition:opacity .25s ease,transform .25s ease}
.purchase-toast a:hover{transform:translateX(-2px);color:#2f0a7a}
.purchase-toast a:hover::after{opacity:1;transform:translateX(0)}
.toast-close{
  position:absolute;top:8px;left:8px;z-index:3;width:26px;height:26px;border:1px solid #ececf2;border-radius:8px;
  background:#fff;box-shadow:0 2px 8px rgba(20,24,33,.08);
  font-size:1.05rem;line-height:1;cursor:pointer;color:#5a5d6c;
  display:inline-flex;align-items:center;justify-content:center;
  transition:transform .2s ease,color .2s ease,background .2s ease
}
.toast-close:hover{color:#292b39;transform:rotate(90deg);background:#fff}
@media (prefers-reduced-motion:reduce){
  .purchase-toast,.purchase-toast.show,.purchase-toast.is-hiding,.purchase-toast.show img,.purchase-toast.show::before{
    animation:none!important;transition:opacity .2s ease;filter:none!important
  }
  .purchase-toast.show{opacity:1;transform:none}
}

/* Product page */
.product-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
.product-cover{border-radius:18px;overflow:hidden;background:#23252f;box-shadow:var(--shadow)}
.product-cover img{width:100%;display:block}
.product-info h1{font-family:Yekanbakh,sans-serif;font-size:1.8rem;margin:0 0 12px;font-weight:800}
.buy-box{
  margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)
}
.buy-box .big-price{font-family:Yekanbakh,sans-serif;font-size:1.5rem;font-weight:800;color:var(--green);margin-bottom:12px}
.accordion{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;margin:10px 0}
.accordion summary{
  cursor:pointer;padding:14px 16px;font-family:Yekanbakh,sans-serif;font-weight:800;list-style:none;
  background:#fafafa;border-bottom:1px solid var(--line)
}
.accordion summary::-webkit-details-marker{display:none}
.lesson-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 16px;border-bottom:1px solid var(--line);font-size:.92rem
}
.lesson-row:last-child{border-bottom:0}
.badge-free{background:#e8f8ea;color:var(--green);padding:2px 8px;border-radius:6px;font-size:.75rem}

/* Shop / lists */
.page-banner{
  padding:34px 0 18px;
  background:linear-gradient(135deg,rgba(56,14,148,.08),rgba(13,162,27,.06));
  border-bottom:1px solid var(--line)
}
.page-banner h1{font-family:Yekanbakh,sans-serif;margin:0;font-size:1.8rem;font-weight:800}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted2);font-size:.85rem;margin-top:8px}
.breadcrumb a{color:var(--purple)}

/* Forms */
.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);max-width:480px;margin-inline:auto}
.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--muted)}
.form-group input,.form-group textarea,.form-group select{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none
}
.form-group input:focus,.form-group textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(56,14,148,.12)}
.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:.92rem}
.alert-success{background:#e8f8ea;color:#0a6b14}
.alert-error{background:#fdecec;color:#b42318}
.alert-info{background:#f0ebfa;color:var(--purple)}

/* Cart table */
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:right}
.table th{background:#fafafa;font-family:Yekanbakh,sans-serif}

/* Account */
.account-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}
.account-nav{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);height:fit-content}
.account-nav a{display:block;padding:12px 14px;border-radius:10px;color:var(--muted);margin-bottom:4px}
.account-nav a.active,.account-nav a:hover{background:#f0ebfa;color:var(--purple)}
.account-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}

/* Player */
.player-layout{display:grid;grid-template-columns:1fr 320px;gap:18px}
.player-stage{
  background:#1a1b24;border-radius:16px;min-height:360px;color:#fff;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:24px
}
.player-stage--live{display:block;padding:0;overflow:hidden;min-height:0}
.player-stage__frame{position:relative;background:#0e1016;aspect-ratio:16/9}
.player-stage__frame video{width:100%;height:100%;display:block;background:#000;object-fit:contain}
.player-stage__wm{
  position:absolute;inset-inline-end:12px;bottom:12px;pointer-events:none;
  font-size:.72rem;font-weight:800;letter-spacing:.02em;color:rgba(255,255,255,.55);
  background:rgba(0,0,0,.35);padding:4px 8px;border-radius:8px
}
.player-stage__caption{padding:16px 18px;text-align:right;background:linear-gradient(180deg,#222533,#1a1b24)}
.player-stage__caption h2{margin:0 0 4px;font-family:Yekanbakh,sans-serif;font-size:1.15rem;font-weight:800}
.player-stage__caption p{margin:0;opacity:.75;font-size:.88rem}
.player-stage__empty{padding:48px 24px;min-height:320px;display:grid;place-content:center;gap:10px;justify-items:center}
.player-stage__empty h2{margin:0;font-family:Yekanbakh,sans-serif;font-weight:800}
.player-stage__empty p{margin:0;opacity:.8;max-width:36ch}
.player-stage__lock{
  width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:#fff;margin-bottom:6px
}
.player-side{background:#fff;border:1px solid var(--line);border-radius:14px;max-height:70vh;overflow:auto}
.player-side--rich{padding:0}
.player-side__sec{
  padding:12px 14px;background:#f7f8fb;font-family:Yekanbakh,sans-serif;font-weight:800;
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1
}
.player-side__row{
  display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);
  color:inherit;text-decoration:none;transition:background .15s ease
}
a.player-side__row:hover{background:#f3faf4}
.player-side__row.is-active{background:#eaf8ee;color:#0a6b14}
.player-side__row.is-locked{opacity:.55;cursor:not-allowed;background:#fafafa}
.player-side__ico{
  flex:0 0 auto;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:#eef7f0;color:var(--green);margin-top:1px
}
.player-side__row.is-locked .player-side__ico{background:#eee;color:#8b919c}
.player-side__txt{display:grid;gap:2px;min-width:0}
.player-side__txt strong{font-size:.9rem;font-weight:800;line-height:1.45}
.player-side__txt small{color:var(--muted2);font-size:.78rem}
.buy-box__hint{margin:12px 0 0;font-size:.84rem;color:var(--muted2);line-height:1.7}
.player-secure-note{margin:12px 0 0;font-size:.8rem;color:var(--muted2);line-height:1.75;max-width:60ch}
.secure-frame{position:relative;user-select:none;-webkit-user-select:none}
.secure-frame video{pointer-events:auto}
.secure-mark{
  position:absolute;z-index:3;pointer-events:none;padding:5px 10px;border-radius:8px;
  background:rgba(0,0,0,.28);color:rgba(255,255,255,.78);font-size:.72rem;font-weight:800;
  letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.35);transition:top .6s ease,left .6s ease,right .6s ease
}
.secure-veil{
  position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:8px;text-align:center;
  padding:24px;background:rgba(8,10,16,.88);color:#fff;backdrop-filter:blur(6px)
}
.secure-veil[hidden]{display:none!important}
.secure-veil strong{font-family:Yekanbakh,sans-serif;font-size:1.05rem}
.secure-veil span{font-size:.86rem;opacity:.8;max-width:36ch;line-height:1.7}
.secure-frame.is-protected video,.player-stage.is-protected video{filter:blur(14px) brightness(.35)}
.cvb-youtube{position:absolute;inset:0;background:#000}
.cvb-youtube iframe{width:100%;height:100%;border:0;display:block}
.cvb-modal__stage .cvb-youtube{position:absolute;inset:0}


.page-lede a{color:var(--green,#0da21b);font-weight:700;text-decoration:none}
.page-lede a:hover{text-decoration:underline}

/* Compact home SEO head (replaces bulky home-intro) */
.home-seo-head{
  padding:18px 0 6px;text-align:right
}
.home-seo-head h1{
  margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.45;color:var(--ink)
}
.home-seo-head .page-lede{margin:0;font-size:.92rem;max-width:62ch}
@media (max-width:640px){
  .home-seo-head{padding:12px 0 2px}
  .home-seo-head h1{font-size:1.15rem}
  .home-seo-head .page-lede{font-size:.86rem;line-height:1.75}
}

/* Home intro — desktop classic / mobile full-bleed */
.home-intro{
  position:relative;
  width:100%;
  margin:0;
  padding:48px 0 40px;
  overflow:hidden;
  background:
    radial-gradient(820px 300px at 8% 20%,rgba(65,22,159,.08),transparent 58%),
    linear-gradient(180deg,#f4f5f8 0%,#fff 72%);
  box-sizing:border-box
}
.home-intro::after{
  content:"";
  position:absolute;top:0;right:0;left:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(65,22,159,.45) 40%,rgba(13,162,27,.35) 72%,transparent)
}
.home-intro__grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(220px,.72fr);
  gap:clamp(28px,4vw,52px);
  align-items:center;
  direction:rtl;
  text-align:right
}
.home-intro__copy{min-width:0}
.home-intro__text{min-width:0}
.home-intro__brand{
  margin:0 0 16px;
  font-size:.8rem;font-weight:700;letter-spacing:.06em;
  color:#41169f
}
.home-intro__brand [lang="en"]{letter-spacing:.12em;font-weight:600;opacity:.85}
.home-intro h1{
  font-family:Yekanbakh,sans-serif;font-weight:800;margin:0 0 22px;
  font-size:clamp(1.55rem,3.2vw,2.35rem);line-height:1.35;color:var(--ink);
  white-space:nowrap
}
.home-intro__lede{
  margin:0 0 52px;
  font-size:1.02rem;line-height:1.95;color:var(--muted);
  max-width:48ch
}
.home-intro__nav{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 0
}
.home-intro__link{
  position:relative;
  color:var(--ink);font-weight:700;font-size:.95rem;text-decoration:none;
  padding:2px 0;margin-left:22px;
  transition:color .25s ease
}
.home-intro__link:last-child{margin-left:0}
.home-intro__link::after{
  content:"";
  position:absolute;right:0;bottom:-2px;left:0;height:1px;
  background:currentColor;opacity:.28;
  transform:scaleX(1);transform-origin:right center;
  transition:transform .35s ease,opacity .25s ease
}
.home-intro__link:hover{color:#41169f}
.home-intro__link:hover::after{opacity:1;transform:scaleX(.92)}
.home-intro__link:not(:last-child)::before{
  content:"";
  position:absolute;left:-12px;top:50%;
  width:1px;height:12px;margin-top:-6px;
  background:rgba(41,43,57,.22)
}
.home-intro__media{
  margin:0;justify-self:start;width:min(100%,340px);position:relative;
  isolation:isolate;padding:18px 0 18px 28px
}
.home-intro__pattern{
  position:absolute;
  z-index:0;
  inset:0 auto 0 -8%;
  width:72%;
  border-radius:28px;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(120% 90% at 20% 20%,rgba(65,22,159,.14),transparent 58%),
    radial-gradient(90% 80% at 70% 85%,rgba(13,162,27,.1),transparent 55%),
    linear-gradient(160deg,#efeaf8 0%,#f7f8fb 55%,#eef6f1 100%);
  box-shadow:
    inset 0 0 0 1px rgba(65,22,159,.08),
    0 18px 40px rgba(65,22,159,.08);
  transform:rotate(-2.5deg);
  animation:homePatternFloat 7s ease-in-out infinite
}
.home-intro__pattern::before{
  content:"";
  position:absolute;inset:0;
  background-image:url('/assets/images/patterns/home-intro-pattern.svg');
  background-size:92px 92px;
  background-repeat:repeat;
  opacity:.55;
  mix-blend-mode:multiply
}
.home-intro__pattern::after{
  content:"";
  position:absolute;
  inset:12% 16% 12% 8%;
  border-radius:20px;
  border:1px solid rgba(65,22,159,.14);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.45),
    0 0 0 10px rgba(65,22,159,.03);
}
.home-intro__media img{
  position:relative;z-index:1;
  display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;object-position:center;
  border-radius:18px;
  box-shadow:
    0 22px 44px rgba(41,43,57,.18),
    0 0 0 1px rgba(255,255,255,.2);
  background:#12131a;
  max-height:380px
}
@keyframes homePatternFloat{
  0%,100%{transform:rotate(-2.5deg) translateY(0)}
  50%{transform:rotate(-1.5deg) translateY(-6px)}
}

/* Load animation */
.home-intro__brand,
.home-intro h1,
.home-intro__lede,
.home-intro__nav,
.home-intro__media{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .7s cubic-bezier(.22,1,.36,1),
    transform .7s cubic-bezier(.22,1,.36,1)
}
.home-intro__media{transform:translateY(22px) scale(.96)}
.home-intro.is-ready .home-intro__brand{opacity:1;transform:none;transition-delay:.05s}
.home-intro.is-ready h1{opacity:1;transform:none;transition-delay:.16s}
.home-intro.is-ready .home-intro__lede{opacity:1;transform:none;transition-delay:.28s}
.home-intro.is-ready .home-intro__nav{opacity:1;transform:none;transition-delay:.42s}
.home-intro.is-ready .home-intro__media{
  opacity:1;transform:none;transition-delay:.2s;
  transition-duration:.85s
}
@media (prefers-reduced-motion:reduce){
  .home-intro__brand,
  .home-intro h1,
  .home-intro__lede,
  .home-intro__nav,
  .home-intro__media{
    opacity:1;transform:none;transition:none
  }
  .home-intro__pattern{animation:none}
}

@media (max-width:900px){
  .home-intro{
    padding:36px 0 28px;
    background:
      radial-gradient(820px 300px at 8% 20%,rgba(65,22,159,.08),transparent 58%),
      linear-gradient(180deg,#f4f5f8 0%,#fff 72%)
  }
  .home-intro__grid{
    grid-template-columns:1fr;
    gap:28px
  }
  .home-intro h1{white-space:normal}
  .home-intro__lede{margin:0 0 36px;max-width:none}
  .home-intro__media{
    order:2;justify-self:end;width:min(280px,78%);
    margin-inline:auto 10px;padding:14px 20px 14px 0
  }
  .home-intro__pattern{
    inset:0 -8% 0 auto;
    width:70%;
    transform:rotate(2deg);
    animation:none
  }
}
@media (max-width:640px){
  .home-intro{padding:28px 0 28px}
  .home-intro__brand{margin:0 0 12px;font-size:.78rem}
  .home-intro h1{
    white-space:normal;
    font-size:clamp(1.4rem,6vw,1.75rem);
    margin:0 0 14px
  }
  .home-intro__lede{
    margin:0;
    font-size:.92rem;line-height:1.85
  }
  .home-intro__text{
    background:transparent;
    border:0;
    border-radius:0;
    padding:0;
    margin:0 0 8px;
    box-shadow:none
  }
  .home-intro__nav{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:space-between;
    gap:6px;
    width:100%;
    margin:28px 0 0;
    padding-top:4px
  }
  .home-intro__link{
    margin-left:0 !important;
    flex:1 1 0;
    min-width:0;
    width:auto;
    text-align:center;
    padding:9px 6px;
    font-size:clamp(.68rem,.9vw + .55rem,.78rem);font-weight:800;
    white-space:nowrap;
    background:linear-gradient(180deg,#fff 0%,#f6f4fb 100%);
    border:1px solid rgba(65,22,159,.12);
    border-radius:999px;
    box-shadow:
      0 1px 0 rgba(255,255,255,.96) inset,
      0 6px 14px rgba(65,22,159,.09);
    color:#292b39
  }
  .home-intro__link--project{display:none !important}
  .home-intro__link:last-child{margin-left:0 !important}
  .home-intro__link:active{
    transform:translateY(1px);
    box-shadow:0 3px 8px rgba(65,22,159,.1)
  }
  .home-intro__link::before{display:none !important}
  .home-intro__link::after{
    right:20%;left:20%;bottom:6px;opacity:.2
  }
  .home-intro__media{
    order:2;
    justify-self:center;
    width:min(250px,78%);
    margin:8px auto 0;
    padding:22px 26px 18px 18px;
    isolation:isolate
  }
  .home-intro__pattern{
    inset:8px 8px 8px 4px;
    width:auto;
    border-radius:24px;
    transform:rotate(-3deg);
    background:
      radial-gradient(120% 90% at 18% 22%,rgba(65,22,159,.16),transparent 56%),
      radial-gradient(90% 80% at 78% 80%,rgba(13,162,27,.12),transparent 54%),
      linear-gradient(160deg,#e9e2f6 0%,#f4f1fa 52%,#e8f3ec 100%);
    box-shadow:
      inset 0 0 0 1px rgba(65,22,159,.1),
      0 16px 34px rgba(65,22,159,.12)
  }
  .home-intro__pattern::before{
    display:block;
    background-image:url('/assets/images/patterns/home-intro-pattern.svg');
    background-size:52px 52px;
    opacity:.58
  }
  .home-intro__pattern::after{
    display:block;
    inset:14% 14% 14% 12%;
    border-radius:16px;
    border:1px solid rgba(65,22,159,.14);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.4),
      0 0 0 8px rgba(65,22,159,.04)
  }
  .home-intro__media img{
    position:relative;z-index:1;
    max-height:none;
    width:100%;
    aspect-ratio:1 / 1.12;
    margin:0;
    border-radius:16px;
    box-shadow:
      0 18px 36px rgba(41,43,57,.2),
      0 0 0 1px rgba(255,255,255,.22)
  }
}

.footer-full{
  width:100%;
  margin-top:auto;
  padding:0;
  background:#fff;
  flex-shrink:0;
}
.site-footer{
  margin-top:0;padding:0;background:#fff;color:var(--ink);position:relative;width:100%
}
.follow-bar{
  width:min(100% - 32px,var(--container));
  margin:0 auto 32px;
  background:
    url('/assets/images/patterns/follow-bg.svg') center/cover no-repeat,
    linear-gradient(90deg,#3a1a7a,#2f1468 40%,#3d1c86);
  color:#fff;
  border-radius:16px;
  overflow:hidden
}
.follow-inner{
  width:100%;
  display:flex;align-items:center;justify-content:center;gap:110px;
  padding:18px 28px
}
.follow-title{
  font-family:Yekanbakh,sans-serif;font-weight:700;font-size:1.12rem;
  display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;
  flex-wrap:nowrap;gap:8px;line-height:1.4;color:#fff;min-width:0
}
.follow-socials{display:flex;gap:20px;align-items:center;flex-shrink:0}
.follow-fixed{white-space:nowrap;font-weight:700;color:#fff}
.follow-typed-wrap{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:7.5em;gap:3px;flex-shrink:0
}
.follow-typed{
  display:inline-block;min-height:1.25em;white-space:nowrap;color:#fff;
  font-weight:900;font-size:1.32rem;letter-spacing:.01em;text-align:center
}
.follow-caret{
  display:inline-block;width:3.5px;height:1.25em;background:#fff;border-radius:1px;
  margin-inline-start:2px;align-self:center;
  animation:followCaretBlink 1s steps(1) infinite
}
@keyframes followCaretBlink{
  0%,49%{opacity:1}
  50%,100%{opacity:0}
}
.social-circle{
  width:50px;height:50px;border-radius:50%;
  background:transparent;color:#fff;
  border:1.5px solid rgba(255,255,255,.85);
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
  -webkit-user-select:none !important;user-select:none !important;-webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation
}
.social-circle svg{width:22px;height:22px;flex-shrink:0}
.social-circle:hover{color:#fff;transform:translateY(-2px)}
.social-circle.is-aparat:hover{background:#ed145b;border-color:#ed145b}
.social-circle.is-youtube:hover{background:#ff0000;border-color:#ff0000}
.social-circle.is-instagram:hover{
  background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
  border-color:transparent
}
.social-circle.is-telegram:hover{background:#2aabee;border-color:#2aabee}
.social-circle.is-x:hover{background:#111;border-color:#111}
.social-circle.is-linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.social-circle.is-github:hover{background:#24292f;border-color:#24292f}

.footer-shell{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(240px,.95fr);
  gap:10px;
  align-items:stretch;
  min-height:0;
  padding:0
}
.footer-about{
  position:relative;background:#fff;
  padding:0;
  display:flex;flex-direction:row;align-items:stretch;
  box-sizing:border-box;min-height:100%;
  overflow:hidden
}
.footer-about-accent{
  position:relative;
  flex:0 0 28px;
  width:28px;
  align-self:stretch;
  min-height:100%;
  background:var(--green);
  border-radius:0 22px 22px 0;
  margin:0;
  pointer-events:none
}
.footer-about-inner{
  flex:1;min-width:0;display:flex;flex-direction:column;
  align-items:stretch;justify-content:center;
  max-width:none;width:100%;
  padding:28px 30px 26px 20px
}
.footer-about__text{
  position:relative;
  color:#2b2d3e;font-family:Yekanbakh,sans-serif;font-size:.95rem;font-weight:500;
  line-height:2;margin:0 0 22px;text-align:justify;width:100%;align-self:stretch
}
.footer-logo{
  float:right;
  display:block;
  width:64px;height:64px;
  margin:2px 0 10px 16px;
  shape-outside:margin-box
}
.footer-logo img{
  display:block;width:64px;height:64px;object-fit:contain
}
.footer-about__kw{white-space:nowrap;font-weight:700}
.ivahid{
  display:flex;align-items:center;justify-content:center;gap:8px;color:#4a4c5a;
  font-size:.75rem;line-height:1.45;margin-top:8px;text-align:center;width:100%;font-weight:500
}
.trust-slider{
  display:flex;align-items:center;justify-content:center;gap:16px;
  margin:2px auto 8px;width:100%;max-width:420px
}
.trust-viewport{
  --trust-size:58px;
  --trust-gap:8px;
  position:relative;
  flex:0 0 auto;
  width:calc(var(--trust-size) * 4 + var(--trust-gap) * 4);
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)
}
.trust-viewport::before,
.trust-viewport::after{
  content:'';position:absolute;top:0;bottom:0;width:34px;z-index:2;pointer-events:none;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)
}
.trust-viewport::before{
  left:0;
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.4) 55%,transparent 100%)
}
.trust-viewport::after{
  right:0;
  background:linear-gradient(270deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.4) 55%,transparent 100%)
}
.trust-nav{
  width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:50%;
  background:#e8eef8;color:#3a4a6a;font-size:1.05rem;cursor:pointer;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  position:relative;z-index:3;isolation:isolate;
  transition:background .2s ease,color .2s ease
}
.trust-nav:hover{background:var(--purple);color:#fff}
.trust-track{
  display:flex;gap:var(--trust-gap,8px);will-change:transform;justify-content:flex-start;
  transition:transform .45s ease
}
.trust-item{
  flex:0 0 var(--trust-size,58px);width:var(--trust-size,58px);height:var(--trust-size,58px);
  border:1px solid var(--line);border-radius:9px;
  display:flex;align-items:center;justify-content:center;padding:5px;background:#fff
}
.trust-item img{max-width:100%;max-height:100%;object-fit:contain}
.ivahid-mark{
  width:16px;height:16px;border-radius:4px;background:#e31c23;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;flex-shrink:0
}
.footer-links-panel{
  position:relative;
  background:linear-gradient(145deg,#3a1a7a,#2f1468);
  color:#fff;
  border-radius:36px 0 0 36px;
  padding:28px max(28px, calc((100vw - var(--container)) / 2 + 16px)) 28px 28px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:28px 40px;
  min-height:0;
  box-sizing:border-box;align-content:start
}
.footer-col{
  display:flex;flex-direction:column;align-items:stretch;min-width:0
}
.footer-col h4{
  font-family:Yekanbakh,sans-serif;font-weight:800;margin:0 0 16px;font-size:1.02rem;color:#fff;
  letter-spacing:-.01em;display:flex;align-items:center;gap:8px;line-height:1.3
}
.footer-col__icon{
  flex:0 0 auto;width:18px;height:18px;color:rgba(255,255,255,.55);opacity:.9
}
.footer-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 22px;
  align-items:start
}
.footer-link-col{display:flex;flex-direction:column;min-width:0;gap:4px}
.footer-link-col a{
  display:flex;align-items:center;min-height:44px;padding:8px 4px;line-height:1.4
}
.footer-col a{
  display:flex;align-items:flex-start;gap:8px;
  color:rgba(255,255,255,.9);font-size:.9rem;padding:6px 0;
  font-weight:500;line-height:1.7;
  transition:color .15s ease,opacity .15s ease;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent
}
.footer-col a::before{
  content:"";flex:0 0 auto;width:10px;height:1.5px;margin-top:.72em;
  background:rgba(255,255,255,.75);border-radius:1px
}
.footer-col a:hover{color:#fff;opacity:1}
.footer-col a:hover::before{background:#fff}
.footer-col a.is-muted{opacity:.72;font-size:.8rem}
.footer-col--contact .footer-contact-line{
  display:flex;flex-direction:column;gap:4px;align-items:flex-start;
  padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);text-align:right
}
.footer-col--contact .footer-contact-line:last-child{border-bottom:0}
.footer-col--contact a.footer-contact-line{
  text-decoration:none;color:inherit
}
.footer-col--contact a.footer-contact-line::before{display:none}
.footer-contact-label{
  display:block;width:100%;text-align:right;
  font-size:.78rem;font-weight:600;color:rgba(255,255,255,.62);letter-spacing:.01em
}
.footer-col--contact .footer-contact-line strong{
  font-size:.98rem;font-weight:800;color:#fff;line-height:1.7
}
.footer-phones{
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:8px;width:100%;direction:ltr
}
.footer-phones a{
  color:#fff;font-size:.98rem;font-weight:800;text-decoration:none;
  font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:0;line-height:1.7;white-space:nowrap
}
.footer-phones a::before{display:none !important}
.footer-phones a:hover{opacity:.88}
.footer-phones__sep{
  color:rgba(255,255,255,.7);font-weight:700;line-height:1;flex:0 0 auto
}
.footer-contact-line--address strong{
  font-weight:600;font-size:.92rem;color:rgba(255,255,255,.92)
}
.footer-newsletter{
  display:flex;flex-direction:column;gap:8px;
  margin:0 0 12px;padding:0 0 14px;
  border-bottom:1px solid rgba(255,255,255,.12)
}
.footer-newsletter__hint{
  margin:0;font-size:.82rem;line-height:1.65;color:rgba(255,255,255,.78);font-weight:500
}
.footer-newsletter__ok{
  margin:0;font-size:.86rem;font-weight:700;color:#b7f5b0
}
.footer-newsletter__form{
  display:flex;gap:8px;align-items:stretch;margin-top:2px
}
.footer-newsletter__form input{
  flex:1;min-width:0;border:1px solid rgba(255,255,255,.22);border-radius:10px;
  background:rgba(255,255,255,.08);color:#fff;padding:10px 12px;font:inherit;font-size:.86rem
}
.footer-newsletter__form input::placeholder{color:rgba(255,255,255,.45)}
.footer-newsletter__form input:focus{
  outline:none;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12)
}
.footer-newsletter__form button{
  flex:0 0 auto;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;
  background:#fff;color:#2f1468;font:inherit;font-weight:800;font-size:.84rem
}
.footer-newsletter__form button:hover{opacity:.92}
.footer-socials{
  display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;
  border-top:1px solid rgba(255,255,255,.12);align-items:stretch
}
.footer-socials .footer-contact-label{
  width:100%;text-align:right
}
.footer-socials__row{
  display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;
  gap:10px;width:100%;max-width:100%;margin:0 auto;direction:ltr;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:2px 0;box-sizing:border-box
}
.footer-socials__row::-webkit-scrollbar{display:none}
.footer-socials__row .social-circle{
  flex:0 0 auto;width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  color:#fff;text-decoration:none;transition:background .15s,transform .15s,border-color .15s
}
.footer-socials__row .social-circle::before{display:none !important}
.footer-socials__row .social-circle:hover{
  background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);transform:translateY(-1px)
}
.footer-socials__row .social-circle svg{display:block;width:16px;height:16px}

.pagination{display:flex;gap:8px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.pagination a,.pagination span{
  min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);
  display:inline-flex;align-items:center;justify-content:center;background:#fff
}
.pagination .active{background:var(--purple);color:#fff;border-color:var(--purple)}

.content-html{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.content-html h2,.content-html h3{font-family:Yekanbakh,sans-serif}

/* Admin SEO score (Rank Math style) */
.seo-panel{margin-top:12px}
.seo-score{
  display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;
  background:color-mix(in srgb, var(--seo-color,#0da21b) 10%, #fff);
  border:1px solid color-mix(in srgb, var(--seo-color,#0da21b) 28%, #e8e9f0);
  margin-bottom:12px
}
.seo-score__ring{
  width:64px;height:64px;border-radius:50%;
  border:4px solid var(--seo-color,#0da21b);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#fff;flex:0 0 auto
}
.seo-score__ring strong{font-family:Yekanbakh,sans-serif;font-size:1.15rem;line-height:1;color:var(--seo-color,#0da21b)}
.seo-score__ring span{font-size:.68rem;color:var(--muted2)}
.seo-score__meta strong{display:block;font-family:Yekanbakh,sans-serif;color:var(--seo-color,#0da21b);margin-bottom:2px}
.seo-score__meta p{margin:0;font-size:.82rem;color:var(--muted)}
.seo-serp{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px
}
.seo-serp__url{color:#202124;font-size:.78rem;margin-bottom:2px;direction:ltr;text-align:left;opacity:.85}
.seo-serp__title{color:#1a0dab;font-size:1.05rem;font-weight:700;line-height:1.45;margin-bottom:4px}
.seo-serp__desc{color:#4d5156;font-size:.86rem;line-height:1.7}
.seo-checks{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.seo-checks li{
  display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;
  background:#f7f8fb;border:1px solid var(--line);font-size:.84rem
}
.seo-checks li span{
  width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:.75rem;font-weight:800;flex:0 0 auto
}
.seo-checks li.is-ok span{background:rgba(13,162,27,.12);color:#0da21b}
.seo-checks li.is-bad span{background:rgba(220,38,38,.1);color:#dc2626}
.seo-checks strong{display:block;font-weight:700}
.seo-checks small{color:var(--muted2)}
.seo-counter{display:block;margin-top:4px;font-size:.75rem;color:var(--muted2)}
.seo-fields{margin-top:4px}

.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}
.faq-item summary{padding:14px 16px;cursor:pointer;font-family:Yekanbakh,sans-serif;font-weight:800}
.faq-item p{padding:0 16px 14px;margin:0;color:var(--muted)}

/* --- Nabegheha-style info pages (contact / rules / wiki) --- */
.np-page{background:linear-gradient(180deg,#f7f7fb 0%,#fff 42%);padding:0 0 64px}
.np-shell{padding-top:28px}
.np-alert{background:#ffe566;border-bottom:1px solid #f0d44a}
.np-alert-inner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:54px;padding:12px 0
}
.np-alert-inner p{margin:0;font-weight:700;color:#292b39;line-height:1.7}
.np-alert-inner a{color:#380e94;font-weight:800;text-decoration:none}
.np-alert-cta{
  flex-shrink:0;padding:8px 14px;border-radius:8px;background:#fff;
  border:1px solid rgba(41,43,57,.12);box-shadow:0 2px 8px rgba(41,43,57,.06);
  color:#292b39 !important;font-weight:800;white-space:nowrap
}
.np-titlebar{
  display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:14px 18px;margin-bottom:18px;box-shadow:0 6px 18px rgba(41,43,57,.05)
}
.np-titlebar h1{margin:0;font-family:Yekanbakh,sans-serif;font-size:1.35rem;font-weight:800;color:var(--ink)}
.np-titlebar-icon{
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  background:#f3edff;color:var(--purple);flex-shrink:0
}
.np-titlebar-icon svg{width:22px;height:22px}
.np-lede{margin:0 0 22px;line-height:2;color:#3a3c4d;font-size:1.02rem}
.np-lede.is-short{max-width:720px}
.np-closing{margin:28px 0 0;line-height:2;color:#3a3c4d}
.np-closing strong{color:var(--purple)}
.np-flash{
  margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#e8f8ea;color:#0a6b14;font-weight:700
}
.np-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;color:var(--muted2);font-size:.9rem}
.np-crumb a{color:var(--purple);text-decoration:none;font-weight:700}

/* Contact page - mirrored from nabegheha.com/contact-us */
.contact-page{padding:28px 0 40px}
.contact-us-header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background-color:#ffd634;padding:30px 33px 33px 42px;border-radius:13px;margin-bottom:30px
}
.contact-us-header__right{display:flex;align-items:center;gap:0}
.contact-us-header__icon{
  color:#292b39;margin-left:28px;display:grid;place-items:center;flex-shrink:0
}
.contact-us-header__right p{
  margin:0;color:#23252f;font-family:Yekanbakh,sans-serif;font-size:17px;font-weight:500;line-height:1.7
}
.contact-us-header__right p span,
.contact-us-header__right p em,
.contact-us-header__right p a{
  color:#23252f;font-family:Yekanbakh,sans-serif;font-size:19px;font-weight:700;font-style:normal;text-decoration:none
}
.contact-us-header__left{display:flex;align-items:center;flex-shrink:0;margin-right:15px}
.contact-us-header__left a{
  display:flex;align-items:center;gap:12px;text-decoration:none;transition:.3s
}
.contact-us-header__left a span{
  color:#23252f;font-family:Yekanbakh,sans-serif;font-size:19px;font-weight:700;
  position:relative;transition:.3s
}
.contact-us-header__left a span::after{
  content:"";position:absolute;top:-6px;right:-15px;height:36px;background-color:#292b39;opacity:.2;width:1px
}
.contact-us-header__left a:hover span{color:#380e94}

.contact-us{
  box-shadow:0 1px 2px rgb(72 75 98 / 20%);background-color:#fff;
  padding:39px 0 53px;border-radius:10px;margin-bottom:40px
}
.contact-us__title{
  display:flex;align-items:center;position:relative;margin-bottom:30px;padding:0 36px 38px
}
.contact-us__title::before{
  content:"";position:absolute;background-color:#e5e5ee;height:1px;left:0;right:0;top:64px
}
.contact-us__title-icon{color:#292b39;margin-left:32px;display:grid;place-items:center}
.contact-us__title h1{
  margin:6px 0 0;color:#292b39;font-family:Yekanbakh,sans-serif;font-size:18px;font-weight:800;letter-spacing:-1px
}
.contact-us__content .contact-us__story,
.contact-us__content .contact-us__closing{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:17px;font-weight:500;
  line-height:58px;text-align:justify;margin:0 0 40px;padding:0 36px
}
.contact-us__grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;align-items:start;
  position:relative;padding-bottom:40px
}
.contact-us__call{padding:0 36px 0 24px}
.contact-us__titre h2{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:17px;font-weight:700;
  margin:0 0 27px;padding:0
}
.contact-us__ok{
  margin:0 0 14px;padding:12px 14px;border-radius:8px;background:#e8f8ea;color:#0a6b14;
  font-family:Yekanbakh,sans-serif;font-weight:700;font-size:.92rem
}
.contact-us__err{margin:6px 0 0;color:#c0392b;font-size:.85rem;padding:0}
.contact-us__form{display:flex;flex-direction:column;position:relative}
.contact-us__form .gradient{
  width:1px;height:794px;background-image:linear-gradient(to top,#fff 0%,#e2e3e9 50%,#fff 100%);
  position:absolute;left:-12px;top:-126px
}
.contact-us__form > p{margin:0;padding:0;line-height:initial;font-size:initial}
.contact-us__form input,
.contact-us__form textarea{
  display:inline-block;padding:16px 23px;border:1px solid #ddddea;margin-bottom:16px;
  font-family:Yekanbakh,sans-serif;font-size:13px;font-weight:500;max-width:358px;width:100%;
  border-radius:7px;outline:none;background:#fff;color:#292b39
}
.contact-us__form textarea{max-width:358px;height:205px;color:#747789;resize:vertical}
.contact-us__form input:focus,
.contact-us__form textarea:focus{border-color:#380e94}
.contact-us__form .submit-btn-form{margin:10px 0 0}
.contact-us__form .submit-btn-form button{
  color:#fff;font-family:Yekanbakh,sans-serif;font-size:15px;font-weight:500;
  box-shadow:0 5px 10px rgb(44 44 65 / 25%);background-color:#0a9400;
  display:inline-flex;align-items:center;padding:12px 26px;border-radius:5px;
  transition:.3s;border:1px solid transparent;cursor:pointer
}
.contact-us__form .submit-btn-form button:hover{
  box-shadow:none;background-color:#fff;color:#0da21b;border-color:#0da21b
}

.contact-us__address-total{margin:0 20px 80px 0;padding-top:55px;position:relative}
.cu-ico{
  color:#292b39;margin-left:43px;display:grid;place-items:center;flex-shrink:0;width:28px
}
.contact-us__address{display:flex;position:relative;margin-bottom:63px}
.contact-us__address::after,
.contact-us__network-social::after,
.contact-us__email::after,
.contact-us__time-work::after{
  content:"...............";position:absolute;color:#acb5c1;height:1px;letter-spacing:4.8px;right:63px
}
.contact-us__address::after{top:75px}
.contact-us__network-social::after{top:72px}
.contact-us__email::after{top:69px}
.contact-us__time-work::after{top:32px}
.contact-us__text-address{display:flex;flex-direction:column;padding-top:1px}
.contact-us__text-address span,
.contact-us__network > span,
.contact-us__text-email span,
.contact-us__text-social-nework > span,
.contact-us__time-work > span:not(.cu-ico){
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:15px;font-weight:700;margin-bottom:10px
}
.contact-us__text-address em{
  color:#2e3743;font-family:Yekanbakh,sans-serif;font-size:14px;font-weight:500;font-style:normal
}
.contact-us__network-social{display:flex;position:relative;margin-bottom:40px;flex-wrap:wrap;align-items:flex-start}
.contact-us__network{display:flex;flex-direction:column}
.contact-us__link{text-decoration:none}
.contact-us__link em{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:20px;font-weight:800;font-style:normal
}
.contact-us__link em span{
  font-family:Yekanbakh,sans-serif;color:#380e94!important;font-size:30px;font-weight:800;margin-left:2px
}
.contact-us__social-total{display:flex;align-items:center;margin-right:24px;gap:8px}
.contact-us__social-telegram{display:inline-block;text-align:center;text-decoration:none}
.contact-us__text-telegram{display:flex;flex-direction:column;position:relative;transition:.3s;padding:0 18px}
.contact-us__text-telegram::after{
  content:"";position:absolute;height:36px;width:1px;background-color:#e5e6ee;left:0;bottom:0;top:0;margin:auto
}
.contact-us__social-total > a:first-child .contact-us__text-telegram::after{display:none}
.contact-us__text-telegram em{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:19px;font-weight:500;font-style:normal;transition:.3s
}
.contact-us__text-telegram:hover em{color:#380e94}
.contact-us__time-work{
  margin-bottom:66px;font-family:Yekanbakh,sans-serif;position:relative;display:flex;align-items:baseline
}
.contact-us__time-work em{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:18px;font-weight:500;font-style:normal;margin-right:8px
}
.contact-us__email{display:flex;align-items:baseline;position:relative;margin-bottom:61px}
.contact-us__text-email{display:flex;flex-direction:column}
.contact-us__text-email a{text-decoration:none;transition:.3s}
.contact-us__text-email a em{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:16px;font-weight:500;font-style:normal;transition:.3s
}
.contact-us__text-email a:hover em{color:#380e94}
.contact-us__social-network{display:flex;margin-bottom:24px}
.contact-us__text-social-nework{display:flex;flex-direction:column}
.contact-us__icon-social{margin-bottom:40px}
.contact-us__icon-ul{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0
}
.contact-us__icon-ul li{display:flex}
.contact-us__icon-ul li a{
  display:inline-flex;align-items:center;text-decoration:none;color:#292b39;
  padding:7px 8px;border-radius:30px;line-height:1;
  transition:background-color .38s cubic-bezier(.4,0,.2,1), color .38s ease, padding .38s cubic-bezier(.4,0,.2,1), box-shadow .38s ease
}
.contact-us__icon-ul .cu-social-ico{
  display:grid;place-items:center;flex-shrink:0;width:22px;height:22px
}
.contact-us__icon-ul .cu-social-ico svg{display:block}
.contact-us__icon-ul .cu-social-label{
  display:inline-flex;align-items:center;gap:8px;
  max-width:0;opacity:0;overflow:hidden;white-space:nowrap;
  margin-right:0;font-family:Yekanbakh,sans-serif;font-size:14px;font-weight:700;
  transition:
    max-width .42s cubic-bezier(.4,0,.2,1),
    opacity .28s ease,
    margin .38s cubic-bezier(.4,0,.2,1)
}
.contact-us__icon-ul .cu-social-chevron{flex-shrink:0;opacity:.9}
.contact-us__icon-ul li.active a,
.contact-us__icon-ul li a:hover,
.contact-us__icon-ul li a:focus-visible{
  color:#fff;background-color:#380e94;padding:7px 12px 7px 10px;
  box-shadow:0 6px 16px rgba(56,14,148,.22);outline:0
}
.contact-us__icon-ul li.active a .cu-social-label,
.contact-us__icon-ul li a:hover .cu-social-label,
.contact-us__icon-ul li a:focus-visible .cu-social-label{
  max-width:120px;opacity:1;margin-right:10px
}
.contact-us__chat-ico{
  display:grid;place-items:center;margin:0 auto 10px;width:36px;height:36px
}
.contact-us__social-telegram{text-decoration:none}
.contact-us__location{position:relative;margin:10px 0 20px;max-width:583px}
.contact-us__map-link{display:block;position:relative;text-decoration:none}
.contact-us__map-visual{
  height:104px;border-radius:0 50px 50px 0;
  background:
    linear-gradient(120deg,rgba(56,14,148,.12),rgba(13,162,27,.1)),
    repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(172,181,193,.35) 18px,rgba(172,181,193,.35) 19px),
    repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(172,181,193,.25) 18px,rgba(172,181,193,.25) 19px),
    #e8ebf2
}
.contact-us__title-location{
  position:absolute;top:24px;right:31px;
  box-shadow:0 5px 15px rgb(195 197 206 / 95%);background-color:#fff;
  display:flex;align-items:center;padding:17px 26px;border-radius:50px
}
.contact-us__title-location figure{
  display:flex;align-items:center;gap:16px;margin:0
}
.contact-us__title-location span{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:14px;font-weight:700
}
.contact-us__questions{padding:0 35px}
.contact-us__questions-title{display:flex;align-items:center;margin-bottom:31px;padding-top:23px}
.contact-us__questions-title figure{margin:0 0 0 26px;color:#292b39;display:grid;place-items:center}
.contact-us__questions-title h2{
  margin:3px 0 0;color:#292b39;font-family:Yekanbakh,sans-serif;font-size:19px;font-weight:700
}
.contact-us__text-questions h3{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:18px;font-weight:700;margin:0 0 5px;padding:0
}
.contact-us__text-questions p{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:13px;font-weight:500;line-height:35px;
  background-color:#f6f6f8;padding:21px 31px 24px 32px;border-radius:9px 0 9px 9px;margin:0 0 31px
}

@media (max-width:1100px){
  .contact-us__grid{grid-template-columns:1fr;gap:24px}
  .contact-us__form .gradient{display:none}
  .contact-us__call{padding:0 28px}
  .contact-us__address-total{margin:0 28px 40px;padding-top:10px}
  .contact-us__form input,.contact-us__form textarea{max-width:100%}
}
@media (max-width:768px){
  .contact-us-header{flex-direction:column;align-items:flex-start;padding:24px 18px}
  .contact-us-header__icon{margin-left:12px}
  .contact-us-header__right p,
  .contact-us-header__right p span,
  .contact-us-header__right p em,
  .contact-us-header__right p a,
  .contact-us-header__left a span{font-size:14px}
  .contact-us-header__left a span::after{display:none}
  .contact-us__title{padding:0 20px 24px}
  .contact-us__content .contact-us__story,
  .contact-us__content .contact-us__closing{
    line-height:40px;padding:0 20px;font-size:15px;margin-bottom:28px
  }
  .contact-us__call,.contact-us__address-total,.contact-us__questions{padding-left:16px;padding-right:16px;margin-right:0}
  .cu-ico{margin-left:18px}
  .contact-us__address::after,
  .contact-us__network-social::after,
  .contact-us__email::after,
  .contact-us__time-work::after{right:12px;letter-spacing:3px}
  .contact-us__social-total{margin-right:0;width:100%;margin-top:14px;padding-right:46px}
  .contact-us__text-telegram::after{display:none}
  .contact-us__link em span{font-size:24px}
  .contact-us__title-location{right:16px;left:16px;justify-content:center;padding:14px 18px}
  .contact-us__map-visual{border-radius:12px}
}




/* About us — polished company page */
.ab{
  --ab-ink:#141821;
  --ab-muted:#5b6170;
  --ab-line:#e5e8f0;
  --ab-soft:#f4f6fa;
  --ab-green:#0da21b;
  --ab-green-2:#087a14;
  background:var(--ab-soft);color:var(--ab-ink);overflow:clip
}
.ab-eyebrow{
  display:inline-block;margin:0 0 10px;padding:5px 10px;border-radius:999px;
  background:rgba(13,162,27,.1);color:var(--ab-green-2);
  font-family:Yekanbakh,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.04em
}
.ab-brand{
  margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05;letter-spacing:-.03em;color:var(--ab-ink)
}
.ab-brand-sm{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:6px}
.ab-sec-head{margin-bottom:18px}
.ab-sec-head h2,.ab-founder-copy h2,.ab-cta-box h2{
  margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.25rem,2.5vw,1.55rem);line-height:1.4;color:var(--ab-ink)
}

.ab-hero{position:relative;isolation:isolate;padding:36px 0 44px;background:#fff}
.ab-hero-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(720px 280px at 100% 0%,rgba(13,162,27,.12),transparent 60%),
    radial-gradient(520px 260px at 0% 100%,rgba(20,24,33,.05),transparent 55%),
    linear-gradient(180deg,#fff 0%,#f7f9fc 100%);
}
.ab-hero-bg::after{
  content:"";position:absolute;inset:0;opacity:.4;
  background-image:linear-gradient(rgba(20,24,33,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,33,.035) 1px,transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 85%)
}
.ab-hero-inner{position:relative;z-index:1;max-width:760px;animation:abIn .55s ease both}
.ab-hero .breadcrumb-nav{margin-bottom:18px}
.ab-hero .breadcrumb{
  display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;color:var(--ab-muted);font-size:.9rem
}
.ab-hero .breadcrumb a{color:var(--ab-green-2);text-decoration:none;font-weight:700}
.ab-hero .breadcrumb li:not(:last-child)::after{content:"/";margin-inline-start:8px;opacity:.45}
.ab-hero h1{
  margin:0 0 12px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.2rem,2.4vw,1.55rem);color:#2a3140;line-height:1.45
}
.ab-lede{margin:0 0 22px;max-width:40rem;line-height:2;color:var(--ab-muted);font-size:1.05rem}
.ab-actions{display:flex;flex-wrap:wrap;gap:10px}
.ab-btn{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  font-family:Yekanbakh,sans-serif;font-weight:800;border-radius:12px;padding:12px 18px;
  background:var(--ab-green);color:#fff;border:0;
  box-shadow:0 12px 28px rgba(13,162,27,.25);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}
.ab-btn:hover{background:var(--ab-green-2);color:#fff;transform:translateY(-2px)}
.ab-btn-ghost{
  background:transparent;color:var(--ab-ink);border:1.5px solid #c9cfdb;box-shadow:none
}
.ab-btn-ghost:hover{background:#fff;border-color:#9aa3b5;color:var(--ab-ink)}
.ab-btn-ghost.is-on-light{background:#fff}

.ab-sec{padding:52px 0}
.ab-sec-panel{background:#fff;border-block:1px solid var(--ab-line)}
.ab-company{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px;align-items:start
}
.ab-company-text p{margin:0 0 14px;line-height:2;color:#333a4a;font-size:1.02rem}
.ab-focus{display:grid;gap:10px}
.ab-focus article{
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;
  padding:14px;border-radius:16px;background:#fff;border:1px solid var(--ab-line);
  transition:transform .2s ease,box-shadow .2s ease
}
.ab-focus article:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,24,33,.06)}
.ab-focus-num{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(160deg,#12b526,#0a7f16);color:#fff;
  font-family:Yekanbakh,sans-serif;font-weight:800
}
.ab-focus h3{margin:0 0 6px;font-family:Yekanbakh,sans-serif;font-size:.98rem;font-weight:800}
.ab-focus p{margin:0;line-height:1.75;color:var(--ab-muted);font-size:.92rem}

.ab-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ab-panel{
  background:var(--ab-soft);border:1px solid var(--ab-line);border-radius:20px;padding:22px 20px
}
.ab-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ab-chips li{
  padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--ab-line);
  color:#2a3140;font-weight:700;font-size:.9rem;line-height:1.5
}
.ab-process{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ab-process li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
.ab-process-i{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:2px solid var(--ab-green);color:var(--ab-green-2);
  font-family:Yekanbakh,sans-serif;font-weight:800
}
.ab-process strong{display:block;margin-bottom:4px;font-family:Yekanbakh,sans-serif;font-weight:800}
.ab-process p{margin:0;line-height:1.75;color:var(--ab-muted);font-size:.92rem}
.ab-note{margin:0 0 16px;line-height:1.85;color:var(--ab-muted)}
.ab-langs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ab-langs li{
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.9rem;
  padding:10px 14px;border-radius:12px;color:#fff;
  background:linear-gradient(145deg,#1b2230,#2a3348);
  box-shadow:0 8px 18px rgba(20,24,33,.12)
}
.ab-services{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ab-services li{
  display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;
  background:#fff;border:1px solid var(--ab-line);line-height:1.7;font-weight:650;color:#2a3140
}
.ab-services svg{flex:0 0 auto;margin-top:3px;color:var(--ab-green)}

.ab-sec-founder{background:#fff;border-block:1px solid var(--ab-line)}
.ab-founder{
  display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px;align-items:center
}
.ab-founder-media{margin:0;position:relative}
.ab-founder-media::before{
  content:"";position:absolute;inset:16px -12px -12px 16px;border-radius:24px;
  background:linear-gradient(145deg,rgba(13,162,27,.18),rgba(13,162,27,.04));z-index:0
}
.ab-founder-media img{
  position:relative;z-index:1;width:100%;max-width:340px;aspect-ratio:4/5;object-fit:cover;
  object-position:center top;display:block;border-radius:22px;background:#dfe3ea;
  box-shadow:0 24px 48px rgba(20,24,33,.14)
}
.ab-founder-role{margin:8px 0 4px;color:var(--ab-green-2);font-family:Yekanbakh,sans-serif;font-weight:800}
.ab-founder-tag{margin:0 0 14px;color:var(--ab-muted)}
.ab-founder-copy > p{margin:0 0 12px;line-height:1.95;color:#333a4a}
.ab-founder-copy .ab-btn{margin-top:8px}

.ab-cta{padding:20px 0 56px}
.ab-cta-box{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:28px 24px;border-radius:24px;
  background:
    radial-gradient(500px 180px at 100% 0%,rgba(13,162,27,.16),transparent 55%),
    linear-gradient(135deg,#ffffff,#eef8f0);
  border:1px solid #d4ead8;box-shadow:0 18px 40px rgba(13,162,27,.08)
}
.ab-cta-box p{margin:8px 0 0;max-width:34rem;line-height:1.85;color:var(--ab-muted)}

@keyframes abIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (max-width:980px){
  .ab-company,.ab-grid2,.ab-founder{grid-template-columns:minmax(0,1fr);}
  .ab-founder-media{max-width:320px;margin-inline:auto}
  .ab-founder-media img{max-width:100%}
  .ab-founder-media::before{inset:12px -8px -8px 12px}
}
@media (max-width:640px){
  .ab-hero{padding:24px 0 30px}
  .ab-sec{padding:36px 0}
  .ab-panel{padding:18px 14px}
  .ab-cta-box{padding:22px 16px}
  .ab-actions{width:100%}
  .ab-actions .ab-btn{flex:1 1 calc(50% - 10px);min-width:140px}
  .ab-cta-box .ab-actions .ab-btn{flex:1 1 100%}
}

.np-faq{margin-top:36px}
.np-faq-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.np-faq-head h2{margin:0;font-family:Yekanbakh,sans-serif;font-size:1.25rem;font-weight:800}
.np-faq-bulb{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:#fff4c2;color:#b8860b
}
.np-faq-item{
  background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;
  box-shadow:0 4px 14px rgba(41,43,57,.04)
}
.np-faq-item summary{
  list-style:none;cursor:pointer;padding:14px 16px;font-family:Yekanbakh,sans-serif;font-weight:800;
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.np-faq-item summary::-webkit-details-marker{display:none}
.np-faq-item summary::after{content:"+";color:var(--purple);font-size:1.2rem;font-weight:800}
.np-faq-item[open] summary::after{content:"-"}
.np-faq-a{padding:0 16px 14px}
.np-faq-a p{margin:0;padding:12px 14px;border-radius:10px;background:#f5f6fa;line-height:1.85;color:#3a3c4d}

.rules-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}
.rules-toc{
  position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:16px;box-shadow:0 8px 22px rgba(41,43,57,.05)
}
.rules-toc h2{margin:0 0 12px;font-family:Yekanbakh,sans-serif;font-size:1rem;font-weight:800}
.rules-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.rules-toc a{
  display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:#444657;
  font-size:.88rem;line-height:1.5;transition:background .2s,color .2s
}
.rules-toc a:hover{background:#f3edff;color:var(--purple)}
.rules-body{display:grid;gap:14px}
.rules-article{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;
  box-shadow:0 8px 22px rgba(41,43,57,.04)
}
.rules-article-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.rules-num{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;
  background:var(--purple);color:#fff;font-family:Yekanbakh,sans-serif;font-weight:800
}
.rules-article h2{margin:0;font-family:Yekanbakh,sans-serif;font-size:1.05rem;font-weight:800;color:var(--ink)}
.rules-article ul{margin:0;padding:0 1.1em 0 0;line-height:2;color:#3a3c4d}
.rules-article li{margin:.25em 0}

.wiki-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wiki-card{
  display:flex;flex-direction:column;gap:0;overflow:hidden;text-decoration:none;color:inherit;
  background:#fff;border:1px solid var(--line);border-radius:18px;
  box-shadow:0 10px 26px rgba(41,43,57,.06);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.wiki-card:hover{
  transform:translateY(-4px);box-shadow:0 16px 32px rgba(41,43,57,.12);border-color:#d5c4f3
}
.wiki-card-visual{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;
  background:
    radial-gradient(circle at 20% 20%,rgba(56,14,148,.12),transparent 45%),
    linear-gradient(135deg,#f7f3ff,#eef6ff 55%,#f4fff6)
}
.wiki-card-icon{
  width:58px;height:58px;border-radius:16px;display:grid;place-items:center;
  background:#fff;color:var(--purple);box-shadow:0 8px 18px rgba(56,14,148,.12)
}
.wiki-card-icon svg{width:28px;height:28px}
.wiki-card-step{
  position:absolute;inset-inline-start:14px;top:12px;font-family:Yekanbakh,sans-serif;
  font-weight:800;font-size:.85rem;color:rgba(56,14,148,.55)
}
.wiki-card-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}
.wiki-card-title{font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.08rem;color:var(--ink)}
.wiki-card-desc{font-size:.9rem;color:var(--muted);line-height:1.65}
.wiki-card-more{margin-top:4px;font-weight:800;font-size:.88rem;color:var(--purple)}
.wiki-detail-body{margin-top:4px;line-height:2}
.wiki-detail-body.is-wiki-guide{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 28px;
  box-shadow:0 10px 28px rgba(41,43,57,.05)
}
.wiki-detail-body.is-wiki-guide h2{
  margin:1.6em 0 .7em;font-family:Yekanbakh,sans-serif;font-size:1.15rem;font-weight:800;color:#2a1858
}
.wiki-detail-body.is-wiki-guide h2:first-child{margin-top:.2em}
.wiki-detail-body.is-wiki-guide .wiki-intro{margin:0 0 1.2em;color:#3a3c4d;font-size:1.02rem}
.wiki-detail-body.is-wiki-guide a{color:var(--purple);font-weight:800;text-decoration:none}
.wiki-detail-body.is-wiki-guide a:hover{text-decoration:underline;text-underline-offset:3px}
.wiki-steps{margin:0 0 1.2em;padding:0;list-style:none;counter-reset:wiki-step;display:grid;gap:10px}
.wiki-steps li{
  position:relative;padding:12px 14px;padding-inline-start:48px;border:1px solid #eceef5;border-radius:12px;background:#fafafc;line-height:1.85
}
.wiki-steps li::before{
  counter-increment:wiki-step;content:counter(wiki-step);position:absolute;inset-inline-start:12px;top:12px;
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:var(--purple);color:#fff;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.9rem
}
.wiki-tip,.wiki-warn{
  margin:1em 0 1.3em;padding:14px 16px;border-radius:12px;line-height:1.85
}
.wiki-tip{background:#f3edff;border:1px solid #e0d4ff;color:#2a1858}
.wiki-warn{background:#fff6e8;border:1px solid #ffe0a8;color:#6a4a10}
.wiki-faq{
  border:1px solid var(--line);border-radius:12px;margin:0 0 10px;background:#fff;overflow:hidden
}
.wiki-faq summary{
  list-style:none;cursor:pointer;padding:12px 14px;font-family:Yekanbakh,sans-serif;font-weight:800
}
.wiki-faq summary::-webkit-details-marker{display:none}
.wiki-faq summary::after{content:"+";float:left;color:var(--purple)}
.wiki-faq[open] summary::after{content:"-"}
.wiki-faq p{margin:0;padding:0 14px 14px;color:#444657;line-height:1.85}
.wiki-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.wiki-detail-actions .btn{
  display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;
  border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:800
}
.wiki-detail-actions .btn-primary{background:var(--purple);border-color:var(--purple);color:#fff}
.wiki-related{margin-top:28px}
.wiki-related h2{margin:0 0 12px;font-family:Yekanbakh,sans-serif;font-size:1.1rem;font-weight:800}
.wiki-related-grid{display:flex;flex-wrap:wrap;gap:8px}
.wiki-related-grid a{
  display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);
  color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem
}
.wiki-related-grid a:hover{border-color:#d5c4f3;color:var(--purple);background:#faf7ff}

@media (max-width:980px){
  .rules-layout{grid-template-columns:minmax(0,1fr);}
  .rules-toc{position:static}
  .wiki-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-alert-inner{flex-direction:column;align-items:stretch}
  .np-alert-cta{text-align:center}
}
@media (max-width:640px){
  .wiki-grid{grid-template-columns:minmax(0,1fr);}
}
.skip-link{
  position:absolute;inset-inline-start:12px;top:-48px;z-index:10000;
  background:var(--purple);color:#fff;padding:10px 14px;border-radius:10px
}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* --- Single article (corporate) --- */
.article-page{padding:28px 0 64px;background:#f4f5f7}
.article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:28px;
  align-items:stretch
}
.article-main{min-width:0}
.article-breadcrumb ol{
  display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 18px;padding:0;list-style:none;
  font-size:.82rem;color:var(--muted)
}
.article-breadcrumb li:not(:last-child)::after{content:'/';margin-inline-start:10px;opacity:.5}
.article-breadcrumb a:hover{color:var(--corp-green-soft)}
.article-summary-card{
  margin-bottom:20px;padding:18px 20px;border-radius:16px;background:#fff;
  border:1px solid var(--line);box-shadow:var(--shadow)
}
.article-summary-rating{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;
  padding-bottom:14px;border-bottom:1px solid var(--line)
}
.article-summary-rating.is-compact{
  margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #ececf2
}
.article-summary-rating strong{
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.35rem;color:var(--ink)
}
.article-summary-stars{display:inline-flex;align-items:center;gap:2px;color:#0a9400}
.article-summary-votes{font-size:.84rem;color:var(--muted2)}
.article-summary-text{margin-bottom:14px}
.article-summary-text.is-compact{margin-bottom:12px}
.article-summary-text strong{
  display:block;margin-bottom:8px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:.92rem;color:var(--ink)
}
.article-summary-text p{
  margin:0;color:var(--muted);font-size:.88rem;line-height:1.85;text-align:justify
}
.article-summary-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;
  border-top:1px solid var(--line);padding-top:14px
}
.article-summary-stats li{
  display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 6px;
  text-align:center;font-size:.78rem;color:var(--muted);border-left:1px solid var(--line)
}
.article-summary-stats li:last-child{border-left:0}
.article-summary-stats svg{color:var(--corp-green-soft)}
@media (min-width:993px){
  .article-main > .article-summary-card{display:none}
}
.article-hero{margin-bottom:22px}

.article-kicker{
  margin:0 0 8px;font-size:.8rem;font-weight:800;color:var(--corp-green-soft);
  font-family:Yekanbakh,sans-serif;letter-spacing:.02em
}
.article-hero h1{
  margin:0 0 12px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.45;color:var(--ink)
}
.article-deck{margin:0 0 14px;color:var(--muted);font-size:1.02rem;line-height:1.85;max-width:46rem}
.article-byline{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font-size:.86rem;color:var(--muted2);margin-bottom:14px
}
.article-okf{
  --okf-ink:#152033;
  --okf-muted:#5b6475;
  --okf-line:rgba(21,32,51,.08);
  --okf-green:#0da21b;
  --okf-green-soft:#e8f8ea;
  --okf-navy:#1a2b4a;
  position:relative;
  margin:0 0 22px;
  padding:18px 18px 16px;
  border-radius:20px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(13,162,27,.1), transparent 46%),
    radial-gradient(90% 80% at 0% 100%, rgba(26,43,74,.08), transparent 50%),
    linear-gradient(165deg, #ffffff 0%, #f7faf8 55%, #f3f6fb 100%);
  border:1px solid rgba(13,162,27,.14);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 18px 40px rgba(21,32,51,.07)
}
.article-okf::before{
  content:"";
  position:absolute;inset:0 auto 0 0;width:4px;
  background:linear-gradient(180deg,#12b326 0%,#0a7a14 45%,#1a2b4a 100%);
  border-radius:20px 0 0 20px
}
.article-okf::after{
  content:"";
  position:absolute;inset:10px 10px auto auto;width:86px;height:86px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(13,162,27,.12), transparent 68%);
  pointer-events:none;z-index:0
}
.article-okf > *{position:relative;z-index:1}
.article-okf.is-stale{
  border-color:rgba(180,83,9,.3);
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(245,158,11,.14), transparent 46%),
    linear-gradient(165deg,#fffbeb 0%,#fff 60%,#f8fafc 100%)
}
.article-okf.is-stale::before{background:linear-gradient(180deg,#f59e0b,#b45309)}
.article-okf__head{
  display:flex;flex-wrap:wrap;gap:12px 16px;
  align-items:center;justify-content:space-between;
  margin-bottom:14px;padding-bottom:14px;
  border-bottom:1px dashed var(--okf-line)
}
.article-okf__brand{display:flex;align-items:center;gap:12px;min-width:0}
.article-okf__shield{
  flex:0 0 auto;width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,#14c028 0%,#0a8f16 55%,#146b1d 100%);
  box-shadow:0 10px 22px rgba(13,162,27,.28)
}
.article-okf__brand strong{
  display:block;font-family:Yekanbakh,sans-serif;font-weight:800;
  color:var(--okf-ink);font-size:1.02rem;line-height:1.35
}
.article-okf__brand > div > span{
  display:block;margin-top:3px;color:var(--okf-muted);font-size:.78rem;line-height:1.5
}
.article-okf__chips{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px
}
.article-okf__chips li{
  padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:800;
  color:#0b6b16;background:rgba(13,162,27,.1);border:1px solid rgba(13,162,27,.16)
}
.article-okf__grid{
  margin:0;display:grid;gap:10px;
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.article-okf__item{
  min-width:0;padding:12px 13px;border-radius:14px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(21,32,51,.06);
  box-shadow:0 8px 18px rgba(21,32,51,.03);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease
}
.article-okf__item:hover{
  transform:translateY(-1px);
  border-color:rgba(13,162,27,.22);
  box-shadow:0 12px 24px rgba(13,162,27,.08)
}
.article-okf__item--wide{
  grid-column:1 / -1;
  background:linear-gradient(120deg, rgba(13,162,27,.07), rgba(255,255,255,.9) 42%, rgba(26,43,74,.05))
}
.article-okf__item dt{
  margin:0 0 7px;display:flex;align-items:center;gap:7px;
  font-size:.8rem;font-weight:800;color:var(--okf-navy);
  font-family:Yekanbakh,sans-serif
}
.article-okf__ico{
  width:26px;height:26px;border-radius:9px;display:grid;place-items:center;
  color:#0da21b;background:var(--okf-green-soft);flex:0 0 auto
}
.article-okf__item dt em{
  font-style:normal;font-weight:600;opacity:.45;margin-inline-start:2px;font-size:.7rem;letter-spacing:.02em
}
.article-okf__item dd{margin:0;color:var(--okf-muted);font-size:.84rem;line-height:1.8}
.article-okf__item dd strong{color:var(--okf-ink);font-weight:800}
.article-okf__item a{color:#0b7a58;text-decoration:none;font-weight:800}
.article-okf__item a:hover{color:#0da21b;text-decoration:underline}
.article-okf__status.is-stable{
  color:#0a9400;background:rgba(13,162,27,.1);
  padding:2px 8px;border-radius:999px;font-size:.78rem
}
.article-okf__status.is-draft{color:#a16207;background:rgba(245,158,11,.12);padding:2px 8px;border-radius:999px}
.article-okf__status.is-deprecated{color:#b91c1c;background:rgba(185,28,28,.1);padding:2px 8px;border-radius:999px}
.article-okf__flag{
  display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;
  background:#fff7ed;color:#9a3412;font-size:.72rem;font-weight:800
}
@media (max-width:700px){
  .article-okf{padding:15px 14px 14px}
  .article-okf__grid{grid-template-columns:1fr}
  .article-okf__item--wide{grid-column:auto}
  .article-okf__chips{width:100%}
  .article-okf__brand strong{font-size:.95rem}
}

.home-featured-lede{
  margin-top:18px !important;
  margin-bottom:0;
  color:#5d6678;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:unset
}
@media (min-width:901px){
  .home-featured-lede{
    font-size:.8rem;
    line-height:1.75;
    letter-spacing:-.01em
  }
}
@media (max-width:900px){
  .home-featured-lede{
    font-size:.84rem;
    line-height:1.85
  }
}
.home-featured-lede a{color:#0da21b;font-weight:800;text-decoration:none}
.home-featured-lede a:hover{text-decoration:underline}
.article-cover{
  margin:0;border-radius:18px;overflow:hidden;background:var(--corp-green-deep);
  box-shadow:0 18px 40px rgba(5,26,15,.18)
}
.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-cover figcaption{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)
}

.content-prose{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:clamp(18px,3vw,32px);box-shadow:var(--shadow);line-height:1.9
}
.content-prose > :first-child{margin-top:0}
.content-prose .article-lede{
  font-size:1.08rem;color:var(--ink);margin:0 0 1.1em;padding-bottom:1em;
  border-bottom:1px solid var(--line)
}
.content-prose h2{
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:clamp(1.45rem,2.4vw,1.75rem);
  margin:1.6em 0 .7em;scroll-margin-top:96px;line-height:1.45;color:var(--ink)
}
.content-prose .article-heading-band{
  margin:1.35em 0 .75em;scroll-margin-top:96px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.45
}
.content-prose .article-heading-band > span{
  display:inline-block;background:#2a0a5c;color:#fff;
  padding:10px 16px;border-radius:8px;box-shadow:0 4px 14px rgba(42,10,92,.28)
}
.content-prose .article-heading-band.is-dark > span{
  background:#1a0838;color:#fff;box-shadow:0 6px 18px rgba(26,8,56,.35)
}
.content-prose .article-heading-band.is-sub > span{
  background:#2a0a5c;color:#fff;font-size:clamp(1.05rem,1.8vw,1.2rem);padding:9px 14px
}
.content-prose .article-heading-band.is-sub.is-dark > span{
  background:#1a0838;color:#fff
}
.content-prose h3:not(.article-heading-band){
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:clamp(1.1rem,1.9vw,1.25rem);
  margin:1.2em 0 .45em;scroll-margin-top:96px
}
.content-prose p{margin:0 0 1em;color:#34364a}
/* Inline tag-style backlinks (not classic underlined blue links) */
.content-prose a,
.content-prose a.article-tag-link{
  color:#2a0a5c;font-weight:800;text-decoration:none;border-bottom:0;
  transition:color .2s ease,opacity .2s ease
}
.content-prose a.is-external,
.content-prose a.article-tag-link.is-external,
.content-prose a[href^="http://"],
.content-prose a[href^="https://"]{
  color:#0a2e1a
}
.content-prose a:hover,
.content-prose a.article-tag-link:hover{color:#380e94;opacity:.92}
.content-prose a.is-external:hover,
.content-prose a.article-tag-link.is-external:hover{color:#0a5c2e}
.content-prose blockquote,
.content-prose .article-callout{
  display:block;margin:1.2em 0;padding:14px 18px;border-radius:10px;
  background:#2a0a5c;color:#fff !important;text-decoration:none !important;
  font-weight:700;line-height:1.7;box-shadow:0 6px 18px rgba(42,10,92,.22)
}
.content-prose blockquote a{color:#fff !important;font-weight:800;text-decoration:none}
.content-prose ul{margin:0 0 1em;padding:0 1.2em 0 0;list-style:disc}
.content-prose li{margin:.35em 0}
.content-prose .article-seo-links{display:none !important}
.content-prose pre{
  background:#15171f;color:#e8eaf2;border-radius:14px;padding:16px 18px;
  overflow:auto;margin:0 0 1.1em;font-size:.92rem;line-height:1.6;direction:ltr;text-align:left
}
.content-prose code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.9em;background:#eef2ef;padding:.1em .35em;border-radius:6px
}
.content-prose pre code{background:transparent;padding:0;color:inherit}

.article-inline-media{margin:1.5em 0}
.article-inline-media.is-centered{
  max-width:min(100%,560px);margin-inline:auto;text-align:center
}
.article-inline-media img{
  width:100%;border-radius:14px;object-fit:cover;
  box-shadow:0 12px 28px rgba(10,46,26,.12);background:#eef2ef;aspect-ratio:16/10
}
.article-inline-media figcaption{
  margin-top:8px;font-size:.84rem;color:var(--muted2);line-height:1.6
}

.article-video-embed{
  margin:2.6em auto;max-width:100%
}
.article-video-frame{
  position:relative;border-radius:16px;overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.16)
}
.article-video-frame iframe,
.article-video-frame video{
  width:100%;aspect-ratio:16/9;display:block;border:0;background:#000;min-height:320px
}
.article-video-caption-bar{
  position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;gap:10px;
  padding:14px 18px;background:linear-gradient(180deg,transparent,rgba(10,46,26,.94));
  color:#fff;font-size:.9rem;font-weight:700;line-height:1.6
}
.article-video-caption-bar svg{flex:0 0 auto;opacity:.95}

/* Corporate panel - unified dark green + pattern */
.corp-panel{
  position:relative;overflow:hidden;background:var(--corp-green);color:var(--corp-on-green);
  border-radius:18px;box-shadow:0 18px 40px rgba(10,46,26,.28)
}
.corp-panel-pattern{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.09) 0 1px,transparent 1px 100%),
    radial-gradient(circle at 88% 76%,rgba(255,255,255,.07) 0 1px,transparent 1px 100%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.055) 0 1px,transparent 1px 14px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 14px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 24px)
}
.corp-panel-glow{
  position:absolute;inset:auto auto -40% -20%;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.12) 0,transparent 68%);pointer-events:none
}
.corp-icon-ring{
  position:relative;z-index:1;width:72px;height:72px;border-radius:20px;
  display:grid;place-items:center;color:var(--corp-on-green);
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 24px rgba(0,0,0,.18)
}

.article-newsletter{margin-top:22px;padding:22px;max-width:100%;box-sizing:border-box}
.article-newsletter-grid{
  position:relative;z-index:1;display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;min-width:0
}
.article-newsletter-brand{display:grid;gap:12px;min-width:0}
.article-newsletter-tag{
  margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.95rem;color:var(--corp-on-green)
}
.newsletter-perks{
  margin:0;padding:0;list-style:none;display:grid;gap:10px
}
.newsletter-perks li{
  display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.88);line-height:1.5;min-width:0
}
.newsletter-perks svg{flex:0 0 auto;opacity:.95;color:var(--corp-on-green)}
.article-newsletter-body{padding:4px 0;min-width:0}
.article-newsletter-body h2{
  display:flex;align-items:center;gap:10px;margin:0 0 8px;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.25rem;color:var(--corp-on-green)
}
.article-newsletter-body h2 svg{opacity:.95;flex:0 0 auto}
.article-newsletter-body p{margin:0 0 16px;color:rgba(255,255,255,.86);font-size:.92rem;line-height:1.8}
.article-newsletter-form{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;width:100%;max-width:100%}
.newsletter-field{
  flex:1 1 240px;display:flex;align-items:center;gap:10px;min-width:0;
  padding:0 14px;border-radius:12px;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.24)
}
.newsletter-field svg{color:rgba(255,255,255,.85);flex:0 0 auto}
.newsletter-field input{
  flex:1;border:0;background:transparent;padding:13px 0;color:var(--corp-on-green);min-width:0;width:100%
}
.newsletter-field input::placeholder{color:rgba(255,255,255,.55)}
.newsletter-field input:focus{outline:none}
.article-newsletter-form button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:12px 18px;
  background:rgba(255,255,255,.14);color:var(--corp-on-green);
  font-family:Yekanbakh,sans-serif;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s;
  flex:0 0 auto;white-space:nowrap
}
.article-newsletter-form button:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
.article-newsletter-success{
  display:flex;align-items:center;gap:10px;margin:0;font-weight:700;color:var(--corp-on-green)
}

.article-scroll-track{display:grid;gap:22px}

.article-faq-section{
  margin-top:0;padding:clamp(18px,3vw,28px);background:#fff;
  border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)
}
.article-faq-heading{
  margin:0 0 18px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.35rem,2.4vw,1.65rem);color:var(--ink)
}
.article-faq-accordion{display:grid;gap:0}
.content-prose .article-faq-inline,
.article-faq-item{
  border-bottom:1px solid var(--line);margin:0
}
.content-prose .article-faq-inline:last-child,
.article-faq-item:last-child{border-bottom:0}
.content-prose .article-faq-inline{margin:1.1em 0}
.article-faq-item summary,
.content-prose .article-faq-inline summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 4px;cursor:pointer;list-style:none;font-family:Yekanbakh,sans-serif;
  font-weight:800;font-size:clamp(1.12rem,2vw,1.32rem);line-height:1.55;color:var(--ink)
}
.article-faq-item summary::-webkit-details-marker,
.content-prose .article-faq-inline summary::-webkit-details-marker{display:none}
.article-faq-icon{
  flex:0 0 auto;width:28px;text-align:center;font-size:1.45rem;font-weight:400;
  color:var(--muted);transition:transform .2s,color .2s
}
.article-faq-item[open] .article-faq-icon,
.content-prose .article-faq-inline[open] .article-faq-icon{transform:rotate(45deg);color:var(--corp-green)}
.article-faq-a{padding:0 4px 20px}
.article-faq-a p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.85}

.article-rating{
  margin-top:22px;padding:20px;border-radius:18px;background:#fff;
  border:1px solid var(--line);box-shadow:var(--shadow);text-align:center
}
.article-rating-title{margin:0 0 14px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.1rem}
.article-rating-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px}
.article-rating-row button{
  border:1px solid var(--line);background:#f7f7fb;border-radius:999px;
  padding:10px 18px;cursor:pointer;color:var(--ink)
}
.article-rating-row button.is-active{
  background:var(--corp-green);border-color:var(--corp-green);color:#fff;font-weight:700
}
.article-rating-score{margin:0;color:var(--muted);font-size:.92rem}
.article-rating-score strong{color:var(--ink);font-size:1.2rem}

.download-box{
  position:relative;margin-top:28px;border-radius:20px;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);background:var(--corp-green);
  color:var(--corp-on-green);box-shadow:0 20px 44px rgba(10,46,26,.28)
}
.download-box .corp-panel-pattern{opacity:.18}
.download-box-inner{position:relative;z-index:1}
.download-box-head{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.12)
}
.download-box-title{display:flex;align-items:center;gap:10px}
.download-box-icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)
}
.download-box-head h2{margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.2rem;color:var(--corp-on-green)}
.download-brand{
  font-size:.72rem;opacity:.85;letter-spacing:.08em;padding:6px 10px;
  border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)
}
.download-list{margin:0;padding:6px 0;list-style:none}
.download-list a{
  display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;
  padding:16px 22px;color:var(--corp-on-green);border-bottom:1px solid rgba(255,255,255,.1);
  transition:background .2s ease,padding-inline-start .2s ease
}
.download-list li:last-child a{border-bottom:0}
.download-list a:hover{
  background:rgba(255,255,255,.08);padding-inline-start:26px
}
.download-item-main{display:flex;align-items:center;gap:12px;min-width:0}
.download-file-icon{
  flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)
}
.download-name{font-weight:700;line-height:1.6}
.download-size{
  font-size:.82rem;opacity:.9;white-space:nowrap;padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)
}
.download-arrow{
  display:grid;place-items:center;width:30px;height:30px;border-radius:999px;
  background:rgba(255,255,255,.1);opacity:.85;transition:transform .2s,opacity .2s
}
.download-list a:hover .download-arrow{transform:translateY(2px);opacity:1}
.download-actions{
  display:flex;flex-wrap:wrap;gap:12px;padding:18px 22px 22px;
  border-top:1px solid rgba(255,255,255,.1)
}
.download-action{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);
  color:#fff;border-radius:12px;padding:11px 16px;cursor:pointer;font-size:.86rem;
  font-family:Yekanbakh,sans-serif;font-weight:700;transition:background .2s,border-color .2s,transform .2s
}
.download-action:hover{
  background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.42);transform:translateY(-1px)
}
a.download-action{text-decoration:none}

.article-comments{margin-top:28px;padding-top:8px}
.comments-heading{
  display:flex;align-items:center;gap:10px;margin:0 0 18px;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:clamp(1.2rem,2vw,1.45rem)
}
.comments-count-badge{
  display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;
  border-radius:999px;background:var(--corp-green);color:#fff;font-size:.85rem
}
.comment-list{display:grid;gap:0;margin-bottom:22px;border-top:1px solid var(--line)}
.comment-item{padding:18px 0;border-bottom:1px solid var(--line)}
.comment-item-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.comment-user{display:flex;align-items:center;gap:10px}
.comment-avatar{
  width:38px;height:38px;border-radius:999px;display:grid;place-items:center;
  background:linear-gradient(135deg,#3b6ea8,#2a5080);color:#fff;font-weight:800;font-size:.95rem
}
.comment-item time{color:var(--muted2);font-size:.82rem;white-space:nowrap}
.comment-body{margin:0 0 10px;color:var(--ink);line-height:1.85}
.comment-agree-form{margin:0}
.comment-agree,.comment-agree-readonly{
  display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;
  color:var(--muted2);font-size:.84rem;padding:0;cursor:pointer
}
.comment-agree-readonly{cursor:default}
.comment-agree.is-active,.comment-agree:hover{color:var(--corp-green-soft)}
.comment-agree:disabled{opacity:.65;cursor:default}

.comment-form-wrap{
  position:relative;overflow:hidden;
  border:1px solid rgba(30,36,51,.1);
  border-radius:26px;padding:26px 24px 22px;
  background:
    radial-gradient(90% 70% at 100% -10%,rgba(201,162,88,.16),transparent 50%),
    radial-gradient(80% 60% at -10% 110%,rgba(42,58,92,.12),transparent 52%),
    linear-gradient(160deg,#ffffff 0%,#f4f5f9 55%,#eef0f5 100%);
  box-shadow:0 22px 48px rgba(30,36,51,.1),0 1px 0 rgba(255,255,255,.85) inset;
  animation:commentFormIn .55s ease both
}
.comment-form-glow{
  position:absolute;inset:-30% auto auto 40%;width:280px;height:280px;pointer-events:none;
  background:radial-gradient(circle,rgba(201,162,88,.14),transparent 68%);
  filter:blur(10px)
}
.comment-form-mesh{
  position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:
    linear-gradient(rgba(30,36,51,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,36,51,.035) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(180deg,#000 0%,transparent 85%)
}
.comment-form-head{position:relative;z-index:1;margin-bottom:18px}
.comment-form-head-main{display:flex;align-items:flex-start;gap:12px}
.comment-form-head h3{
  margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.15rem,2.2vw,1.35rem);color:#171c28;letter-spacing:-.01em
}
.comment-form-icon{
  width:42px;height:42px;border-radius:14px;color:#fff;flex:0 0 auto;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#3d4a66,#1a2130);
  box-shadow:0 12px 24px rgba(26,33,48,.28),0 0 0 4px rgba(201,162,88,.12);
  animation:commentIconFloat 3.2s ease-in-out infinite
}
.comment-form-sub{margin:6px 0 0;color:var(--muted);font-size:.88rem;line-height:1.6}
.comment-login-hint{margin:12px 0 0;color:var(--muted);font-size:.88rem}
.comment-login-hint a{color:#1f2a40;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.comment-form{position:relative;z-index:1;display:grid;gap:14px}
.comment-compose{display:grid;gap:8px}
.comment-compose-label{
  font-size:.78rem;font-weight:700;color:#5a6275;padding-inline:2px
}
.comment-compose textarea{
  width:100%;border:1px solid rgba(30,36,51,.1);border-radius:18px;padding:16px 18px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  resize:vertical;min-height:140px;line-height:1.9;color:var(--ink);
  box-shadow:0 10px 28px rgba(30,36,51,.04),0 1px 0 rgba(255,255,255,.9) inset;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease
}
.comment-compose textarea:focus{
  outline:0;border-color:rgba(201,162,88,.55);
  box-shadow:0 0 0 4px rgba(201,162,88,.14),0 14px 30px rgba(30,36,51,.06)
}
.comment-secure{
  position:relative;overflow:hidden;
  margin:2px 0 0;width:100%;max-width:none;
  border-radius:22px;padding:18px 16px 16px;
  color:#e8eaf0;
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(201,162,88,.18),transparent 45%),
    radial-gradient(100% 80% at 100% 100%,rgba(70,100,160,.2),transparent 50%),
    linear-gradient(145deg,#1c2436 0%,#121826 55%,#1a1712 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(18,24,38,.28),0 1px 0 rgba(255,255,255,.08) inset
}
.comment-secure-scene{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cs-orb{
  position:absolute;border-radius:999px;filter:blur(2px);opacity:.55
}
.cs-orb-a{
  width:140px;height:140px;right:-30px;top:-40px;
  background:radial-gradient(circle,rgba(201,162,88,.35),transparent 70%);
  animation:csOrb 6s ease-in-out infinite
}
.cs-orb-b{
  width:160px;height:160px;left:-40px;bottom:-50px;
  background:radial-gradient(circle,rgba(90,120,180,.35),transparent 70%);
  animation:csOrb 7.5s ease-in-out infinite reverse
}
.cs-grid{
  position:absolute;inset:0;opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 75%)
}
.cs-shield{
  position:absolute;left:50%;top:50%;width:120px;height:120px;
  transform:translate(-50%,-52%);color:rgba(247,241,230,.08);
  animation:csShield 5s ease-in-out infinite
}
.comment-secure-copy,.comment-captcha{position:relative;z-index:1}
.comment-secure-copy{margin-bottom:14px;text-align:center}
.comment-secure-head{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  margin:0 auto 8px;padding:6px 12px;border-radius:999px;
  color:#f7f1e6;font-size:.8rem;font-weight:700;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)
}
.comment-secure-story{
  margin:0 auto;max-width:34ch;color:rgba(232,234,240,.78);
  font-size:.86rem;line-height:1.75
}
.comment-captcha{display:grid;gap:12px;width:100%}
.captcha-image-row{
  display:grid;grid-template-columns:1fr 108px;gap:10px;width:100%
}
.captcha-image-wrap{
  position:relative;min-width:0;width:100%;
  border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(145deg,#0f1420,#1a2234);
  box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 1px rgba(201,162,88,.16) inset
}
.captcha-image-wrap::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);
  transform:translateX(120%);animation:captchaSheen 4.5s ease-in-out infinite
}
.captcha-image{
  display:block;width:100%;height:80px;object-fit:cover;
  user-select:none;-webkit-user-drag:none;
  transition:opacity .2s ease,transform .25s ease
}
.captcha-image.is-swap{opacity:0;transform:scale(.98)}
.captcha-reload{
  width:100%;min-height:80px;border-radius:16px;cursor:pointer;
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  padding:10px 8px;color:#f7f1e6;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(160deg,rgba(90,70,45,.95),rgba(28,23,18,.98));
  box-shadow:0 12px 22px rgba(0,0,0,.25);
  font-size:.75rem;font-weight:700;font-family:Yekanbakh,sans-serif;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease
}
.captcha-reload:hover{
  transform:translateY(-2px);filter:brightness(1.08);
  box-shadow:0 16px 28px rgba(0,0,0,.3)
}
.captcha-reload:active{transform:none}
.captcha-reload.is-loading svg{animation:captchaSpin .7s linear infinite}
.captcha-reload:disabled{opacity:.7;cursor:wait}
.captcha-input-row{width:100%}
.captcha-input-row input{
  width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;
  padding:14px 16px;text-align:center;letter-spacing:.18em;color:#171c28;
  background:rgba(255,255,255,.94);font-weight:700;font-size:1.02rem;
  transition:border-color .2s ease,box-shadow .2s ease
}
.captcha-input-row input::placeholder{letter-spacing:0;font-weight:500;color:#9aa1b2}
.captcha-input-row input:focus{
  outline:0;border-color:rgba(201,162,88,.7);box-shadow:0 0 0 4px rgba(201,162,88,.2)
}
@keyframes captchaSpin{to{transform:rotate(-360deg)}}
@keyframes captchaSheen{
  0%,70%{transform:translateX(120%)}
  100%{transform:translateX(-120%)}
}
@keyframes commentIconFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes csOrb{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(8px,10px)}
}
@keyframes csShield{
  0%,100%{opacity:.35;transform:translate(-50%,-52%) scale(1)}
  50%{opacity:.55;transform:translate(-50%,-54%) scale(1.04)}
}
.comment-form-actions{display:flex;justify-content:center;width:100%;margin-top:2px}
.comment-submit{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-width:0;border:0;border-radius:16px;
  padding:15px 28px;cursor:pointer;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.05rem;color:#fff;
  background:linear-gradient(120deg,#2a3348 0%,#1a2130 45%,#3a2f22 100%);
  background-size:180% 100%;
  box-shadow:0 16px 34px rgba(26,33,48,.28),0 1px 0 rgba(255,255,255,.18) inset;
  transition:transform .2s ease,box-shadow .2s ease,background-position .35s ease
}
.comment-submit-shine{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);
  transform:translateX(120%);transition:transform .55s ease
}
.comment-submit svg{position:relative;z-index:1;transition:transform .2s ease}
.comment-submit:hover{
  transform:translateY(-2px);background-position:100% 0;
  box-shadow:0 20px 40px rgba(26,33,48,.34),0 1px 0 rgba(255,255,255,.2) inset
}
.comment-submit:hover .comment-submit-shine{transform:translateX(-120%)}
.comment-submit:hover svg{transform:translateX(-3px) translateY(-2px)}
.comment-submit:active{transform:translateY(0)}
.comment-flash.success{margin:0;color:#2f3b55;font-weight:700;text-align:center}
.field-error{margin:0;color:#b42318;font-size:.84rem;text-align:center}
@keyframes commentFormIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@media (max-width:640px){
  .comment-form-wrap{padding:20px 16px 18px;border-radius:22px}
  .captcha-image-row{grid-template-columns:1fr 72px}
  .captcha-reload span{display:none}
  .captcha-image{height:72px}
  .captcha-reload{min-height:72px}
}

.article-aside{min-width:0;align-self:stretch}
.aside-sticky{
  position:sticky;top:88px;display:grid;gap:14px;will-change:transform
}
.aside-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)
}
.aside-card h2{
  margin:0 0 12px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:clamp(1.05rem,1.8vw,1.18rem);
  color:var(--ink)
}
.aside-summary .article-summary-stars{color:#0a9400}
.aside-summary .article-summary-text strong{color:var(--ink)}

.aside-stats-bar{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 14px;padding:0;list-style:none;
  border-bottom:1px solid var(--line)
}
.aside-stats-bar li{
  display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px 14px;
  text-align:center;font-size:.78rem;color:var(--muted);border-left:1px solid var(--line)
}
.aside-stats-bar li:last-child{border-left:0}
.aside-stats-bar svg{color:#0a2e1a}
.aside-stats-bar a{color:var(--ink);font-weight:700;font-size:.78rem}
.aside-stats-bar a:hover{color:var(--purple)}

.aside-read-bar{
  display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden
}
.aside-read-time,.aside-later{
  display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 10px;
  font-size:.86rem;color:var(--ink);background:#fff
}
.aside-read-time{border-left:1px solid var(--line);font-family:Yekanbakh,sans-serif;font-weight:800}
.aside-read-time svg{color:#0a2e1a}
.aside-read-num{font-size:1.65rem;line-height:1;color:#0a2e1a}
.aside-later{
  width:100%;border:0;cursor:pointer;font-family:Yekanbakh,sans-serif;font-weight:800
}
.aside-later.is-saved{background:#eef7f0;color:#0a2e1a}

.aside-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.aside-toc a{
  display:block;padding:8px 10px;border-radius:10px;font-size:.88rem;color:var(--muted);
  border-right:3px solid transparent
}
.aside-toc a:hover,.aside-toc a.is-active{
  background:#f6f7f9;color:var(--ink);border-right-color:var(--purple)
}

.share-title{
  display:flex;align-items:center;gap:12px;margin:0 0 14px;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1rem;
  flex-direction:row-reverse
}
.share-title::before{display:none}
.share-title::after{
  content:'';flex:1;height:1px;background:var(--line)
}
.share-title span{white-space:nowrap;color:var(--ink)}
.share-layout{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:stretch}
.share-link-box{
  display:grid;place-items:center;border:0;border-radius:14px;background:#f3f4f8;
  color:#0a2e1a;cursor:pointer;min-height:72px;transition:background .2s,color .2s
}
.share-link-box:hover,.share-link-box.is-copied{background:#0a2e1a;color:#fff}
.share-icons{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:12px 14px;border-radius:14px;background:#f3f4f8
}
.share-icons a{
  display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#565868;transition:color .2s,background .2s
}
.share-icons a:hover{color:#0a2e1a;background:#fff}

.related-list{display:grid;gap:0}
.related-item{
  display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;transition:opacity .2s
}
.related-item:first-child{padding-top:4px}
.related-item:last-child{border-bottom:0;padding-bottom:4px}
.related-item:hover{opacity:.88}
.related-badges{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
  font-size:.72rem;color:var(--muted2)
}
.related-badge{
  display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--muted)
}
.related-badge--time{
  padding:4px 10px;border-radius:999px;background:#6b4fa8;color:#fff;font-size:.7rem
}
.related-title{
  display:block;font-size:clamp(.95rem,1.6vw,1.08rem);line-height:1.6;
  font-family:Yekanbakh,sans-serif;font-weight:800;color:var(--ink)
}
.related-body{
  display:grid;grid-template-columns:1fr 88px;gap:12px;align-items:start
}
.related-excerpt{
  margin:0;font-size:.82rem;line-height:1.7;color:var(--muted)
}
.related-thumb{
  display:block;border-radius:10px;overflow:hidden;background:#eef2ef;
  box-shadow:0 4px 12px rgba(10,46,26,.08)
}
.related-thumb img{width:88px;height:58px;object-fit:cover;display:block}

.empty{text-align:center;padding:40px 20px;color:var(--muted)}

/* Last news - private account desk */
.ln-page{
  padding:32px 0 80px;
  background:
    radial-gradient(640px 260px at 0% 0%, rgba(13,162,27,.06), transparent 55%),
    radial-gradient(720px 300px at 100% 0%, rgba(56,14,148,.07), transparent 58%),
    linear-gradient(180deg,#fcfbfd 0%, #f3f4f8 100%)
}
.ln-wrap{max-width:780px;margin:0 auto}
.ln-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  margin-bottom:18px;animation:lnIn .45s ease both
}
.ln-kicker{
  margin:0 0 6px;color:#8b91a0;font-size:.78rem;font-weight:800
}
.ln-head h1{
  margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.55rem,3.2vw,2.05rem);color:#1b2030;line-height:1.3
}
.ln-sub{margin:8px 0 0;color:#6b7280;font-size:.94rem;line-height:1.75}
.ln-head__stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ln-stat{
  min-width:90px;padding:11px 12px;border-radius:14px;
  background:rgba(255,255,255,.88);border:1px solid #e7e9f0;text-align:center;
  backdrop-filter:blur(6px)
}
.ln-stat strong{
  display:block;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.18rem;color:#1f2430
}
.ln-stat span{display:block;margin-top:2px;color:#8b91a0;font-size:.72rem;font-weight:700}
.ln-stat--new{border-color:#bfe8c8;background:#f1faf3}
.ln-stat--new strong{color:var(--green-dark)}
.ln-thanks{
  display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;
  margin:0 0 18px;padding:16px 18px;border-radius:16px;
  border:1px solid #c9efd0;background:linear-gradient(135deg,#f3fbf5,#fff);
  animation:lnIn .5s ease both .05s
}
.ln-thanks__mark{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#34d399,#0a9400);color:#fff
}
.ln-thanks__body strong{
  display:block;margin-bottom:4px;font-family:Yekanbakh,sans-serif;
  font-weight:800;font-size:1.02rem;color:#14532d
}
.ln-thanks__body p{margin:0;color:#3f6b4d;font-size:.9rem;line-height:1.8}
.ln-feed{display:grid;gap:12px}
.ln-card{
  display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;
  background:#fff;border:1px solid #e8eaf1;border-radius:18px;padding:16px;
  animation:lnIn .5s cubic-bezier(.22,1,.36,1) both;
  animation-delay:calc(var(--i,0) * .07s);
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease
}
.ln-card:hover{
  border-color:#d5d8e4;transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(30,35,55,.06)
}
.ln-card.is-new{border-color:#cae8d1}
.ln-card__side{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:#f4f5f9;color:#5b6170;flex-shrink:0
}
.ln-card--thanks .ln-card__side{background:#e8f8ea;color:var(--green-dark)}
.ln-card--update .ln-card__side{background:#eef8ff;color:#0369a1}
.ln-card--access .ln-card__side{background:#f1edff;color:#4c1d95}
.ln-card--license .ln-card__side{background:#fff7e8;color:#9a3412}
.ln-card--support .ln-card__side{background:#eefcf1;color:#166534}
.ln-card__main{min-width:0}
.ln-card__meta{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px
}
.ln-card__tag{
  display:inline-flex;padding:3px 9px;border-radius:8px;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.72rem;
  background:#f3f4f8;color:#5c6370
}
.ln-card--thanks .ln-card__tag{background:#e8f8ea;color:var(--green-dark)}
.ln-card--update .ln-card__tag{background:#eef8ff;color:#0369a1}
.ln-card--access .ln-card__tag{background:#f1edff;color:#4c1d95}
.ln-card--license .ln-card__tag{background:#fff7e8;color:#9a3412}
.ln-card--support .ln-card__tag{background:#eefcf1;color:#166534}
.ln-card__meta-side{display:flex;align-items:center;gap:8px}
.ln-card__new{
  display:inline-flex;padding:2px 8px;border-radius:999px;
  background:#e8f8ea;color:var(--green-dark);
  font-size:.7rem;font-weight:800
}
.ln-card__meta time{color:#9aa0ad;font-size:.78rem;font-weight:700}
.ln-card h2{
  margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:1.05rem;line-height:1.55;color:#1f2430
}
.ln-card p{margin:0;color:#5f6572;font-size:.92rem;line-height:1.85}
.ln-card__product{
  margin-top:10px!important;display:inline-flex;padding:3px 8px;border-radius:8px;
  background:#f6f7fb;color:#6b7280!important;font-size:.78rem!important;font-weight:700
}
.ln-card__action{
  margin-top:14px;display:inline-flex;align-items:center;gap:6px;
  padding:8px 12px;border-radius:10px;background:#f6f3ff;color:var(--purple);
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.86rem;text-decoration:none
}
.ln-card__action:hover{background:#eef8ea;color:var(--green-dark)}
.ln-card__action svg{transform:scaleX(-1)}
.ln-card--thanks{
  background:linear-gradient(135deg,#f7fcf8,#fff);
  border-color:#c9efd0
}
.ln-gate{
  padding:42px 24px;text-align:center;border-radius:18px;
  background:#fff;border:1px solid #e9ebf1;animation:lnIn .45s ease both
}
.ln-gate h2{
  margin:0 0 10px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:1.2rem;color:#1f2430
}
.ln-gate p{
  margin:0 auto;max-width:32rem;color:#656b7a;line-height:1.85;font-size:.95rem
}
.ln-gate__actions{
  margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center
}
.ln-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:10px 16px;border-radius:11px;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.9rem;
  text-decoration:none;border:1px solid transparent
}
.ln-btn--primary{background:var(--purple);color:#fff}
.ln-btn--ghost{background:#fff;border-color:#e5e7eb;color:#333}
@keyframes lnIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@media (max-width:720px){
  .ln-head{flex-direction:column;align-items:stretch}
  .ln-head__stats{justify-content:stretch}
  .ln-stat{flex:1}
  .ln-page{padding:20px 0 56px}
  .ln-card{grid-template-columns:40px 1fr;gap:12px;padding:14px}
  .ln-card__side{width:40px;height:40px;border-radius:12px}
  .ln-thanks{grid-template-columns:40px 1fr;gap:12px;padding:14px}
  .ln-thanks__mark{width:40px;height:40px;border-radius:12px}
}

/* Cart - empty state like nabegheha.com */
.cart-page{padding:28px 0 56px}
.cart-empty-panel{
  border:1px solid #e3e5eb;
  border-radius:10px;
  background:#fff;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 24px;
}
.cart-empty-text{
  margin:0;
  text-align:center;
  color:#6b7280;
  font-family:IRANSans,Yekanbakh,sans-serif;
  font-size:1.05rem;
  font-weight:500;
  line-height:1.8;
}
.cart-empty-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.btn-cart-shop{
  background:#0da21b;
  color:#fff !important;
  border-radius:8px;
  padding:12px 22px;
  font-family:Yekanbakh,sans-serif;
  font-weight:800;
  font-size:.95rem;
  box-shadow:none;
}
.btn-cart-shop:hover{background:#0b8c17;color:#fff !important;filter:none}
.cart-filled-title{
  font-family:Yekanbakh,sans-serif;
  font-size:1.45rem;
  font-weight:800;
  margin:0 0 18px;
  color:var(--ink);
}
.cart-table-wrap{
  border:1px solid #e3e5eb;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.cart-table{margin:0}
.cart-product-cell{display:flex;gap:12px;align-items:center}
.cart-product-cell img{width:54px;height:54px;object-fit:cover;border-radius:8px}
.cart-summary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:20px;
}
.cart-coupon,.cart-totals{
  border:1px solid #e3e5eb;
  border-radius:10px;
  background:#fff;
  padding:18px 20px;
}
.cart-coupon h3{margin:0 0 12px;font-family:Yekanbakh,sans-serif;font-size:1.05rem}
.cart-totals p{margin:0 0 8px;color:var(--muted)}
.cart-total-amount{
  font-family:Yekanbakh,sans-serif !important;
  font-weight:800 !important;
  font-size:1.15rem !important;
  color:var(--green) !important;
  margin:12px 0 16px !important;
}
@media (max-width:768px){
  .cart-summary-grid{grid-template-columns:minmax(0,1fr);}
  .cart-empty-panel{min-height:160px;padding:36px 16px}
}

@media (max-width:992px){
  .article-layout{grid-template-columns:minmax(0,1fr);}
  .aside-sticky{position:static;transform:none !important;will-change:auto}
  .article-newsletter-grid{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
  .article-newsletter{
    margin-top:18px;padding:18px 16px;border-radius:16px;width:100%;max-width:100%
  }
  .article-newsletter .corp-icon-ring{
    width:56px;height:56px;border-radius:16px;
    background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);
    box-shadow:0 6px 16px rgba(0,0,0,.16)
  }
  .article-newsletter .corp-icon-ring svg{width:28px;height:28px}
  .article-newsletter-brand{
    display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center
  }
  .article-newsletter-brand .corp-icon-ring{grid-row:1 / span 2}
  .article-newsletter-tag{margin:0;font-size:.9rem}
  .newsletter-perks{
    grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px
  }
  .newsletter-perks li{font-size:.8rem;gap:8px}
  .article-newsletter-body h2{font-size:1.12rem;margin-bottom:6px}
  .article-newsletter-body p{font-size:.86rem;margin-bottom:14px;line-height:1.75}
  .article-newsletter-form{flex-direction:column;gap:10px;align-items:stretch}
  .newsletter-field{flex:1 1 auto;width:100%;min-height:48px;border-radius:12px}
  .article-newsletter-form button{
    width:100%;min-height:48px;padding:12px 16px;border-radius:12px;font-size:.9rem
  }
  .hero-grid,.product-hero,.howto-wrap,.account-layout,.player-layout{grid-template-columns:minmax(0,1fr);}
  .grid-4,.grid-products{grid-template-columns:repeat(2,1fr)}
  .home-featured-grid .product-card:nth-child(n+5){display:none}
  .home-featured-courses{
    padding:18px 0 22px;
    border-radius:0;
    background:
      radial-gradient(circle at 10% 15%, rgba(65,22,159,.08) 0 1.15px, transparent 2px),
      radial-gradient(circle at 88% 78%, rgba(13,162,27,.07) 0 1px, transparent 2px),
      radial-gradient(circle at 50% 40%, rgba(65,22,159,.04) 0 1px, transparent 2px),
      linear-gradient(180deg,#f1eff8 0%,#f8f7fc 55%,#fff 100%)
  }
  .home-featured-courses .home-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch
  }
  .home-featured-courses .product-card{
    height:100%;
    border-radius:16px;
    border:1px solid rgba(65,22,159,.1);
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 3px 0 rgba(65,22,159,.07),
      0 12px 24px rgba(41,43,57,.12),
      0 22px 40px rgba(65,22,159,.1);
    transform:translateZ(0);
    background:linear-gradient(165deg,#fff 0%,#faf9fd 100%);
    overflow:hidden
  }
  .home-featured-courses .product-card:active{
    transform:translateY(2px);
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 1px 0 rgba(65,22,159,.05),
      0 6px 14px rgba(41,43,57,.1)
  }
  .home-featured-courses .product-card .cover{
    aspect-ratio:1/1;
    flex:0 0 auto;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.06)
  }
  .home-featured-courses .product-card .body{
    padding:9px 9px 11px;gap:6px;flex:1 1 auto;min-height:0
  }
  .home-featured-courses .product-card h3{
    font-size:.8rem;line-height:1.4;font-weight:800;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    height:calc(1.4em * 2);max-height:calc(1.4em * 2);min-height:calc(1.4em * 2)
  }
  .home-featured-courses .pc-row{font-size:.66rem;gap:4px;flex-wrap:wrap}
  .home-featured-courses .pc-meta{
    min-width:0;max-width:100%;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
  .home-featured-courses .pc-meta svg{width:11px;height:11px;flex:0 0 auto}
  .home-featured-courses .price{
    font-size:.84rem;font-weight:900;direction:ltr;unicode-bidi:plaintext
  }
  .home-featured-courses .price .plus{
    width:18px;height:18px;font-size:11px;
    box-shadow:0 3px 8px rgba(13,162,27,.28)
  }
  .home-featured-courses .price-row--cta{
    flex-direction:column;align-items:stretch;gap:7px;padding-top:4px;margin-top:auto
  }
  .home-featured-courses .pc-cta{
    width:100%;min-height:34px;font-size:.72rem;padding:7px 8px;border-radius:10px;
    background:linear-gradient(145deg,#6d28d9,#41169f 55%,#350f86);
    box-shadow:
      0 1px 0 rgba(255,255,255,.22) inset,
      0 7px 16px rgba(65,22,159,.32),
      0 2px 0 rgba(40,10,90,.2)
  }
  .home-featured-courses .section-head{
    flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:16px
  }
  .home-featured-courses .section-head h2{
    flex:1;min-width:0;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .home-featured-courses .section-head .btn-more{
    flex-shrink:0;
    box-shadow:0 6px 14px rgba(65,22,159,.28), inset 0 1px 0 rgba(255,255,255,.18);
    border-radius:10px
  }
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .blog-show-grid{grid-template-columns:1fr !important}
  .header-bar{grid-template-columns:auto 1fr auto;gap:8px}
  .header-link,.header-sep{display:none !important}
  .expand-label{display:none !important}
  .expand-item:hover .expand-label,.expand-item:focus-within .expand-label{display:none !important}
  .search-ticker-bar{
    flex-wrap:nowrap;
    position:relative;
    overflow:hidden;
    height:48px;
    min-height:48px;
  }
  .ticker{
    border-left:1px solid #eef0f5;
    border-bottom:0;
    flex:1 1 auto;
    min-width:0;
    height:100%;
    min-height:0;
  }
  .typewriter-link{
    white-space:nowrap;
    overflow:hidden;
    font-weight:500;
    font-size:.84rem;
    line-height:1.3;
    gap:5px;
    align-items:center
  }
  .ticker-prefix,
  #typewriterText{
    font-weight:500 !important
  }
  #typewriterText{
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:0
  }
  .search-box{
    max-width:96px;
    height:100%;
    min-height:0;
    z-index:2;
  }
  .search-toggle{
    font-weight:500;
    font-size:.84rem;
    gap:6px
  }
  .search-label{font-weight:500}
  .search-box.is-open{
    position:absolute;
    inset:0;
    z-index:6;
    flex:none !important;
    max-width:none !important;
    width:100%;
    height:100%;
    background:#fff;
    padding:0 12px;
    gap:8px;
  }
  .footer-shell{grid-template-columns:1fr;gap:0}
  .footer-links-panel{
    border-radius:22px 22px 0 0;order:2;padding:18px 14px 16px;min-height:auto;
    grid-template-columns:1fr;gap:20px
  }
  .footer-link-grid{gap:2px 14px}
  .footer-newsletter__form{flex-wrap:wrap}
  .footer-newsletter__form button{width:100%}
  .footer-col--desk-only{
    /* Keep in HTML for SEO/crawl; hide visually on phones */
    position:absolute !important;
    width:1px !important;height:1px !important;
    padding:0 !important;margin:-1px !important;
    overflow:hidden !important;clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;border:0 !important
  }
  .footer-col h4{font-size:.88rem;margin:0 0 8px;gap:6px}
  .footer-col__icon{width:14px;height:14px}
  .footer-col a{font-size:.78rem;padding:3px 0;line-height:1.55;gap:6px}
  .footer-col a::before{width:7px;margin-top:.65em}
  .footer-col a.is-muted{font-size:.72rem}
  .footer-about{order:1}
  .footer-about-accent{flex-basis:20px;width:20px;border-radius:0 16px 16px 0;min-height:0}
  .footer-about-inner{max-width:none;padding:22px 22px 20px;align-items:stretch}
  .footer-about__text{margin-bottom:18px;font-size:.92rem;line-height:1.95}
  .footer-logo,.footer-logo img{width:60px;height:60px}
  .footer-logo{margin:2px 0 8px 12px}
  .footer-shell,.footer-links-panel{min-height:0}
  .footer-col h4{font-size:1.02rem;margin-bottom:14px}
  .footer-col a{font-size:.92rem;line-height:1.75;padding:7px 0}
  .footer-col__icon{width:18px;height:18px}
  .follow-socials .social-circle{width:48px;height:48px}
  .follow-socials .social-circle svg{width:21px;height:21px}
  .trust-viewport{width:min(100%,calc(58px * 4 + 8px * 4))}
  .trust-slider{max-width:100%}
  .follow-bar{width:min(100% - 24px,var(--container))}
  .follow-inner{justify-content:center;flex-direction:row;flex-wrap:nowrap;text-align:center;padding:16px 16px;gap:40px}
  .follow-socials{gap:14px}
  .follow-title{justify-content:center;font-size:.95rem;white-space:nowrap;flex-wrap:nowrap;flex:0 1 auto}
  .follow-typed{font-size:1.1rem}
  .free-slide{flex-basis:calc((100% - 18px)/2)}
  .testimonial-grid,.blog-home-grid{grid-template-columns:minmax(0,1fr);}
  .blog-home-card{grid-template-columns:120px 1fr}
  .mag-row,.mag-row.is-flip{grid-template-columns:minmax(0,1fr);}
  .mag-row.is-flip .mag-card.feature,.mag-row.is-flip .mag-stack{order:0}
  .mag-card.side{grid-template-columns:minmax(0,1fr);}
  .mag-card.feature .mag-media{min-height:220px}
  .blog-strip-banners,.blog-random-grid{grid-template-columns:minmax(0,1fr);}
}

/* Magazine mobile readability */
@media (max-width:992px){
  .blog-magazine-page{padding:14px 0 32px;overflow-x:hidden}
  .blog-mag-crumb{margin-bottom:8px;font-size:.8rem}
  .blog-mag-head{
    display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:4px 0 16px;align-items:stretch
  }
  .blog-mag-head h1{
    order:0;font-size:1.18rem;gap:8px;line-height:1.45;min-width:0
  }
  .blog-mag-head .blog-cats-wrap{order:1;margin-inline-start:0;width:100%}
  .blog-cats-btn{
    width:100%;justify-content:space-between;padding:12px 14px;border-radius:14px;font-size:.88rem;
    background:rgba(255,255,255,.78);
    box-shadow:
      0 1px 0 rgba(255,255,255,.9) inset,
      0 10px 24px rgba(65,22,159,.08)
  }
  .blog-cats-panel{
    left:0;right:0;min-width:0;width:100%;
    max-height:min(70vh,440px);overflow:auto;-webkit-overflow-scrolling:touch;
    border-radius:16px
  }
  .blog-magazine{gap:22px}
  .mag-row,.mag-row.is-flip{
    grid-template-columns:minmax(0,1fr) !important;
    gap:16px
  }
  .mag-row.is-flip .mag-card.feature,
  .mag-row.is-flip .mag-stack{order:0}
  .mag-card.side{
    grid-template-columns:1fr !important;
    gap:10px;padding:0 !important;border:0 !important;height:auto
  }
  .mag-stack{gap:16px;height:auto;min-height:0}
  .mag-stack .mag-card.side{flex:none;min-height:0;padding:0 !important}
  .mag-stack .mag-card.side + .mag-card.side{border-top:0;padding-top:0}
  .mag-card.feature{height:auto;grid-template-rows:auto auto}
  .mag-card.feature .mag-media,
  .mag-card.side .mag-media{
    aspect-ratio:16/10;min-height:0;height:auto;border-radius:14px
  }
  .mag-media img{min-height:0;width:100%;height:100%;object-fit:cover}
  .mag-body h2{
    font-size:1rem !important;line-height:1.5;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
  }
  .mag-body p{
    font-size:.84rem;-webkit-line-clamp:2;line-clamp:2;
    display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden
  }
  .blog-hot-head{
    margin:20px 0 16px;padding-top:18px;gap:10px;flex-wrap:nowrap
  }
  .blog-hot-head h2{font-size:1.05rem;min-width:0}
  .blog-hot-magazine{margin-bottom:28px}
  .blog-hot-magazine .mag-stack .mag-card.side{padding:0}
  .blog-hot-magazine .mag-stack .mag-card.side + .mag-card.side{border-top:0}
  .blog-strip-banners{grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0 28px}
  .blog-strip-banner{border-radius:14px}
  .blog-random-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin:8px 0 36px}
  .blog-random-card{
    grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px;border-radius:12px
  }
  .blog-random-card h3{
    font-size:.9rem;line-height:1.45;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
  }
  .pag-circles,
  .pagination.pag-circles{
    flex-wrap:wrap;justify-content:center;gap:6px;overflow:visible;padding-bottom:8px
  }
  .pag-circles a,
  .pag-circles span,
  .pagination.pag-circles a,
  .pagination.pag-circles span{
    width:40px;height:40px;font-size:.84rem;flex:0 0 auto
  }
}
@media (max-width:640px){
  .article-page{padding:14px 0 calc(56px + env(safe-area-inset-bottom,0px))}
  .article-hero h1{font-size:1.45rem}
  .content-prose{padding:16px;border-radius:14px}
  .article-video-frame iframe,.article-video-frame video{min-height:220px}
  .article-newsletter{
    margin-top:14px;padding:16px 14px 18px;border-radius:14px
  }
  .article-newsletter-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .article-newsletter .corp-icon-ring{width:48px;height:48px;border-radius:14px}
  .article-newsletter .corp-icon-ring svg{width:24px;height:24px}
  .article-newsletter-tag{font-size:.86rem}
  .newsletter-perks{gap:7px}
  .newsletter-perks li{font-size:.76rem}
  .newsletter-perks svg{width:16px;height:16px}
  .article-newsletter-body{padding:0}
  .article-newsletter-body h2{font-size:1.05rem;gap:8px;flex-wrap:wrap}
  .article-newsletter-body h2 svg{width:20px;height:20px}
  .article-newsletter-body p{font-size:.82rem;margin-bottom:12px}
  .newsletter-field{padding:0 12px;min-height:46px}
  .newsletter-field input{padding:12px 0;font-size:.9rem}
  .article-newsletter-form button{min-height:46px;font-size:.86rem}
  .share-layout{grid-template-columns:minmax(0,1fr);}
  .related-body{grid-template-columns:1fr 72px}
  .related-thumb img{width:72px;height:48px}
  .comment-item-head{flex-direction:column;align-items:flex-start}
  .article-summary-stats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch
  }
  .article-summary-stats li{
    border-left:1px solid var(--line) !important;
    border-bottom:0 !important;
    padding:6px 4px !important;
    gap:5px !important;
    font-size:.72rem !important
  }
  .article-summary-stats li:last-child{border-left:0 !important}
  .article-summary-stats svg{width:18px;height:18px}
  .comment-submit{width:100%;justify-content:center}
  .download-list a{grid-template-columns:1fr;gap:10px}
  .download-arrow{display:none}
  .grid-3,.grid-4,.grid-2,.grid-products{grid-template-columns:minmax(0,1fr);}
  .home-featured-courses .home-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px
  }
  .home-featured-grid .product-card:nth-child(n+5){display:none}
  .footer-links-panel{grid-template-columns:1fr;gap:18px}
  .header-logo img{width:44px;height:44px}
  .free-slider{grid-template-columns:26px 1fr 26px;gap:6px}
  .free-slide{flex-basis:100%}
  .slider-arrow{
    width:24px;height:38px;border-radius:8px;
    font-size:1.05rem;box-shadow:0 4px 12px rgba(56,14,148,.28);
    display:inline-flex;align-items:center;justify-content:center;padding:0
  }
  .slider-arrow:hover{transform:scale(1.04);box-shadow:0 6px 14px rgba(56,14,148,.34)}
  .free-track{gap:14px}
  .free-slide-img{border-radius:14px;aspect-ratio:16/9.5}
  .free-slide h3{font-size:.92rem;margin:10px 0 5px}
  .free-meta{font-size:.74rem;gap:8px}
  .free-slide p{font-size:.8rem}
  .purchase-toast{left:12px;right:12px;width:auto}
}

/* GEO / AI-extractable page structure */
.page-lede{
  max-width:72ch;
  margin:10px 0 0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.85;
}
.page-hero .page-lede{margin-top:12px}
.home-hero{
  padding:28px 0 8px;
  background:linear-gradient(180deg,rgba(10,46,26,.06),transparent);
}
.home-hero h1{
  font-family:Yekanbakh,sans-serif;
  font-weight:800;
  font-size:clamp(1.35rem,2.5vw,1.85rem);
  line-height:1.45;
}
.breadcrumb-nav{margin-bottom:8px}
.breadcrumb-nav .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  list-style:none;
  padding:0;
  margin:0;
  font-size:.85rem;
  color:var(--muted2);
}
.breadcrumb-nav .breadcrumb li:not(:last-child)::after{
  content:"/";
  margin-right:10px;
  color:var(--line);
}
.breadcrumb-nav .breadcrumb a{color:var(--purple)}
.faq-section{margin-top:28px}
.faq-heading{
  font-family:Yekanbakh,sans-serif;
  font-weight:800;
  margin-bottom:12px;
}

/* ========== Cinema course player ========== */
.cinema{
  background:
    radial-gradient(900px 420px at 90% -10%,rgba(10,148,0,.14),transparent 55%),
    radial-gradient(700px 380px at 0% 20%,rgba(30,40,70,.14),transparent 50%),
    linear-gradient(180deg,#10141c 0%,#171c28 38%,#eef1f6 38%,#eef1f6 100%);
  min-height:calc(100vh - 80px);padding-bottom:48px
}
.cinema__top{padding:16px 0 6px;color:rgba(255,255,255,.9)}
.cinema__nav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:10px 12px;border-radius:16px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(10px)
}
.cinema__back,.cinema__link{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 16px;border-radius:14px;
  color:#eef2f8;text-decoration:none;font-weight:800;font-size:.92rem;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 20px rgba(0,0,0,.2);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease
}
.cinema__back svg,.cinema__link svg{flex:0 0 auto}
.cinema__back:hover,.cinema__link:hover{
  color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.12));
  border-color:rgba(255,255,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px rgba(0,0,0,.26);
  transform:translateY(-1px)
}
.cinema__back:active,.cinema__link:active{transform:translateY(0)}
.cinema__brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.cinema__brand img{
  width:42px;height:42px;border-radius:12px;object-fit:cover;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 18px rgba(0,0,0,.28)
}
.cinema__crumbs{display:grid;gap:2px;min-width:0}
.cinema__crumbs strong{
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.98rem;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(48vw,420px)
}
.cinema__crumbs span{
  font-size:.8rem;color:rgba(255,255,255,.62);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(48vw,420px)
}
.cinema__meter{
  margin-top:10px;height:3px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden
}
.cinema__meter i{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#0a9400,#22c55e);transition:width .4s ease
}
.cinema__shell{
  display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;margin-top:14px
}
.cinema__main{min-width:0;display:grid;gap:14px}
.cinema__stage{
  border-radius:20px;overflow:hidden;background:#07090e;
  box-shadow:0 28px 70px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.08)
}
.cinema__frame{position:relative;aspect-ratio:16/9;background:#000}
.cinema__frame video,.cinema__embed iframe{width:100%;height:100%;display:block;border:0;background:#000}
.cinema__embed{position:absolute;inset:0}
.cinema__empty{
  min-height:min(56vh,520px);display:grid;place-content:center;gap:10px;justify-items:center;
  text-align:center;color:#fff;padding:40px 20px
}
.cinema__empty h2{margin:0;font-family:Yekanbakh,sans-serif;font-weight:800}
.cinema__empty p{margin:0;opacity:.75;max-width:36ch;line-height:1.7}
.cinema__lock{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);margin-bottom:4px
}
.cinema__info{
  background:#fff;border:1px solid #e3e7ef;border-radius:20px;padding:20px;
  box-shadow:0 14px 34px rgba(20,24,40,.07)
}
.cinema__info-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px
}
.cinema__kicker{margin:0 0 6px;font-size:.78rem;font-weight:800;color:#0a9400}
.cinema__info h1{
  margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:clamp(1.2rem,2.4vw,1.55rem);
  color:#1f2430;line-height:1.45
}
.cinema__badges{display:flex;flex-wrap:wrap;gap:6px}
.cinema__badge{
  display:inline-flex;padding:4px 10px;border-radius:999px;background:#f0f2f6;color:#4b5160;
  font-size:.74rem;font-weight:800
}
.cinema__badge.is-free{background:#e8f8ea;color:#0a6b14}
.cinema__badge.is-owned{background:#e7f0ff;color:#1d4f91}
.cinema__desc{
  margin:0 0 14px;color:#3d4454;font-size:.95rem;line-height:1.95;white-space:pre-wrap
}
.cinema__pager{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.cinema__pager-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  flex:1 1 180px;min-height:52px;padding:0 18px;border-radius:16px;
  text-decoration:none;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.95rem;
  color:#1f2937;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(241,245,249,.78));
  border:1px solid rgba(148,163,184,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 22px rgba(15,23,42,.08);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease
}
.cinema__pager-ico{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;
  background:rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.1);color:#334155
}
a.cinema__pager-btn:hover{
  color:#0f172a;
  background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(226,232,240,.9));
  border-color:rgba(100,116,139,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(15,23,42,.12);
  transform:translateY(-1px)
}
.cinema__pager-btn.is-next{
  color:#fff;
  background:linear-gradient(180deg,rgba(51,65,85,.96),rgba(30,41,59,.94));
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 28px rgba(15,23,42,.22)
}
.cinema__pager-btn.is-next .cinema__pager-ico{
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff
}
a.cinema__pager-btn.is-next:hover{
  color:#fff;
  background:linear-gradient(180deg,rgba(71,85,105,.98),rgba(30,41,59,.96));
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 30px rgba(15,23,42,.28)
}
.cinema__pager-btn.is-disabled{
  opacity:.45;cursor:default;transform:none!important;box-shadow:none
}
a.cinema__pager-btn:active{transform:translateY(0)}
.cinema__hint{
  margin-top:14px;padding:12px 14px;border-radius:14px;background:#f7f8fb;border:1px solid #e8ebf2;
  font-size:.86rem;color:#5b6475;line-height:1.7
}
.cinema__side{
  background:#fff;border:1px solid #e3e7ef;border-radius:20px;overflow:hidden;
  box-shadow:0 14px 34px rgba(20,24,40,.07);position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto
}
.cinema__side-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px;background:#121826;color:#fff;position:sticky;top:0;z-index:2
}
.cinema__side-head strong{display:block;font-family:Yekanbakh,sans-serif;font-weight:800}
.cinema__side-head span{display:block;margin-top:2px;font-size:.76rem;opacity:.7}
.cinema__side-head em{
  font-style:normal;font-weight:800;font-size:.8rem;color:#0a3d14;
  background:#d7f5df;padding:5px 9px;border-radius:999px
}
.cinema__sec{
  padding:11px 14px;background:#f6f8fb;font-weight:800;font-size:.86rem;border-bottom:1px solid #eef0f5;
  position:sticky;top:58px;z-index:1;color:#4b5160
}
.cinema__row{
  display:grid;grid-template-columns:28px minmax(0,1fr) 30px;gap:10px;align-items:center;
  padding:12px 14px;border-bottom:1px solid #eef0f5;
  text-decoration:none;color:inherit;transition:background .15s ease
}
a.cinema__row:hover{background:#f4faf6}
.cinema__row.is-active{
  background:linear-gradient(90deg,#eaf8ee,#f7fcf8);
  box-shadow:inset 3px 0 0 #0a9400
}
.cinema__row.is-active .cinema__row-ico{background:#0a9400;color:#fff}
.cinema__row.is-active .cinema__row-num{color:#0a9400}
.cinema__row.is-locked{opacity:.55;cursor:not-allowed;background:#fafafa}
.cinema__row-num{
  font-variant-numeric:tabular-nums;font-weight:800;font-size:.76rem;color:#8b919c;text-align:center
}
.cinema__row-ico{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  background:#eef7f0;color:#0a6b14
}
.cinema__row.is-locked .cinema__row-ico{background:#eee;color:#8b919c}
.cinema__row-txt{display:grid;gap:3px;min-width:0}
.cinema__row-txt strong{font-size:.9rem;font-weight:800;line-height:1.45;color:#1f2430}
.cinema__row-txt small{color:#7c8494;font-size:.74rem}
.cinema__row-txt em{
  font-style:normal;margin-inline-start:4px;color:#0a6b14;background:#e8f8ea;
  padding:1px 6px;border-radius:999px;font-size:.68rem;font-weight:800
}
@media (max-width:992px){
  .cinema{background:linear-gradient(180deg,#10141c 0%,#171c28 260px,#eef1f6 260px,#eef1f6 100%)}
  .cinema__shell{grid-template-columns:minmax(0,1fr);}
  .cinema__side{position:static;max-height:none}
  .cinema__sec{position:static}
  .cinema__crumbs strong,.cinema__crumbs span{max-width:52vw}
}
@media (max-width:640px){
  .cinema__pager-btn{flex:1 1 calc(50% - 4px)}
}


/* ========== Course video box (product page) ========== */
.cvb{
  position:relative;margin-top:36px;border-radius:22px;overflow:hidden;
  border:1px solid #e4e7ef;background:
    radial-gradient(1200px 420px at 100% -10%,rgba(10,148,0,.10),transparent 55%),
    radial-gradient(900px 360px at 0% 100%,rgba(34,50,90,.06),transparent 50%),
    linear-gradient(180deg,#fff 0%,#f7f8fb 100%);
  box-shadow:0 18px 50px rgba(20,24,40,.06);padding:22px 20px 18px
}
.cvb__glow{position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);
  mix-blend-mode:soft-light;animation:cvb-shine 7s ease-in-out infinite
}
@keyframes cvb-shine{0%,100%{transform:translateX(-8%)}50%{transform:translateX(8%)}}
.cvb__head{
  position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin-bottom:16px
}
.cvb__kicker{margin:0 0 4px;font-size:.78rem;font-weight:800;color:#0a9400;letter-spacing:.02em}
.cvb__head h2{margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:clamp(1.25rem,2.4vw,1.65rem);color:#1f2430}
.cvb__sub{margin:8px 0 0;color:#5b6475;font-size:.92rem;line-height:1.75;max-width:46ch}
.cvb__stats{display:flex;gap:8px;flex-wrap:wrap}
.cvb__stat{
  min-width:88px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e7eaf1;
  display:grid;gap:2px;text-align:center;box-shadow:0 6px 16px rgba(20,24,40,.04)
}
.cvb__stat strong{font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.05rem;color:#1f2430}
.cvb__stat span{font-size:.74rem;font-weight:700;color:#7c8494}
.cvb__stat.is-on{background:#e8f8ea;border-color:#c6efcf}
.cvb__stat.is-on strong{color:#0a6b14}
.cvb__stat.is-off{background:#f3f4f8}
.cvb__gate{
  position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 14px;border-radius:14px;margin-bottom:14px;
  background:linear-gradient(90deg,#111827,#1f2937);color:#fff
}
.cvb__gate-ico{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);flex:0 0 auto
}
.cvb__gate strong{display:block;font-size:.95rem;margin-bottom:2px}
.cvb__gate p{margin:0;font-size:.84rem;opacity:.8;line-height:1.6}
.cvb__gate-btn{
  margin-inline-start:auto;padding:9px 14px;border-radius:11px;background:#22c55e;color:#fff;
  font-weight:800;font-size:.86rem;text-decoration:none;white-space:nowrap
}
.cvb__gate-btn:hover{filter:brightness(1.05)}
.cvb__list{position:relative;display:grid;gap:10px}
.cvb__section{
  border:1px solid #e6e9f0;border-radius:16px;background:rgba(255,255,255,.88);overflow:hidden
}
.cvb__section summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;font-family:Yekanbakh,sans-serif;font-weight:800;background:#fbfbfc
}
.cvb__section summary::-webkit-details-marker{display:none}
.cvb__section-meta{font-size:.78rem;font-weight:700;color:#7c8494;background:#f0f2f6;padding:4px 10px;border-radius:999px}
.cvb__lessons{list-style:none;margin:0;padding:0;border-top:1px solid #eef0f5}
.cvb__lesson{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-bottom:1px solid #eef0f5;
  animation:cvb-in .45s ease both;animation-delay:calc(var(--i,1) * 18ms)
}
@keyframes cvb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cvb__lesson:last-child{border-bottom:0}
.cvb__lesson.is-locked{background:linear-gradient(90deg,#fafafa,#f5f6f8)}
.cvb__lesson-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.cvb__idx{
  flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:#eef7f0;color:#0a6b14;font-weight:800;font-size:.78rem;font-variant-numeric:tabular-nums
}
.cvb__lesson.is-locked .cvb__idx{background:#eceef2;color:#8b919c}
.cvb__lesson-text{min-width:0}
.cvb__lesson-text strong{
  display:block;font-size:.94rem;font-weight:800;color:#1f2430;line-height:1.45;margin-bottom:6px
}
.cvb__lesson.is-locked .cvb__lesson-text strong{color:#6b7280}
.cvb__tags{display:flex;flex-wrap:wrap;gap:5px}
.cvb__tag{
  display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;
  font-size:.72rem;font-weight:800;background:#f0f2f6;color:#5b6475
}
.cvb__tag--free{background:#e8f8ea;color:#0a6b14}
.cvb__tag--owned{background:#e7f0ff;color:#1d4f91}
.cvb__tag--lock{background:#eee;color:#7c8494}
.cvb__lesson-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.cvb__play{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:92px;padding:8px 12px;border-radius:11px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#22c55e,#0a9400);color:#fff;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.84rem;
  box-shadow:0 6px 14px rgba(10,148,0,.18);transition:transform .15s ease,filter .15s ease
}
.cvb__play:hover{filter:brightness(1.04);transform:translateY(-1px)}
.cvb__play.is-locked,.cvb__play.is-disabled,.cvb__play:disabled{
  background:#e5e7eb;color:#9aa0ad;box-shadow:none;cursor:not-allowed;transform:none;filter:none
}
.cvb__link{
  font-size:.78rem;font-weight:800;color:#4b5568;text-decoration:none;padding:6px 8px;border-radius:8px
}
.cvb__link:hover{background:#f0f2f6;color:#111}
.cvb-modal[hidden]{display:none!important}
.cvb-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:16px}
.cvb-modal__backdrop{position:absolute;inset:0;background:rgba(12,16,28,.62);backdrop-filter:blur(3px)}
.cvb-modal__panel{
  position:relative;z-index:1;width:min(920px,100%);background:#12141c;color:#fff;
  border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08)
}
.cvb-modal__x{
  position:absolute;top:10px;left:12px;z-index:2;width:36px;height:36px;border:0;border-radius:11px;
  background:rgba(255,255,255,.12);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer
}
.cvb-modal__meta{padding:18px 18px 10px 52px}
.cvb-modal__kicker{margin:0 0 4px;font-size:.75rem;font-weight:800;color:#86efac}
.cvb-modal__meta h3{margin:0;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.1rem;line-height:1.5}
.cvb-modal__stage{position:relative;background:#000;aspect-ratio:16/9}
.cvb-modal__stage video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.cvb-modal__watermark{
  position:absolute;inset-inline-end:12px;bottom:12px;pointer-events:none;
  font-size:.72rem;font-weight:800;color:rgba(255,255,255,.55);
  background:rgba(0,0,0,.35);padding:4px 8px;border-radius:8px
}
.cvb-modal__info{
  margin:0;padding:14px 18px 16px;font-size:.9rem;line-height:1.85;color:rgba(255,255,255,.86);
  border-top:1px solid rgba(255,255,255,.08);background:#161922;white-space:pre-wrap
}
.cvb-modal__info[hidden]{display:none!important}
body.cvb-open{overflow:hidden}
@media (max-width:720px){
  .cvb{padding:16px 12px}
  .cvb__lesson{flex-direction:column;align-items:stretch}
  .cvb__lesson-actions{width:100%}
  .cvb__play,.cvb__link{flex:1}
  .cvb__gate{align-items:flex-start}
  .cvb__gate-btn{margin-inline-start:0;width:100%;text-align:center}
}





/* ========== Course product page — nabegheha education / content-single ========== */
.course-titre{margin-bottom:8px}
.course-titre .titre__title{
  box-shadow:0 1px 2px rgb(72 75 98 / 20%);
  background-color:#eef1f6;
  background-image:
    linear-gradient(180deg,rgba(246,246,248,.88),rgba(238,241,246,.92)),
    url('/assets/images/patterns/world-map.jpg');
  background-size:cover, cover;
  background-position:center, center 40%;
  background-repeat:no-repeat;
  margin:8px 0 28px;
  padding:22px 28px;
  border-radius:5px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-family:Yekanbakh,sans-serif;
  position:relative;
  overflow:hidden
}
.course-titre .titre__title > em{
  color:#292b39;font-style:normal;font-size:19px;font-weight:700
}
.course-breadcrumb ol{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center
}
.course-breadcrumb li{color:#484b62;font-size:13px;font-weight:500}
.course-breadcrumb a{color:#292b39;text-decoration:none}
.course-breadcrumb a:hover{color:#380e94}
.course-breadcrumb li:not(:last-child)::after{content:"/";margin-right:10px;color:#484b62}

.course-page-wrap{padding:0 0 56px}
.course-row{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,2.05fr);
  gap:28px 36px;
  align-items:start;
  direction:rtl
}
.course-col-side{position:relative}
.education.sticker{
  position:sticky;top:16px;margin-bottom:20px
}
.education__sidebar{width:100%}
.education__img-sid{margin:0 0 36px;position:relative}
.education__img-sid .img-shadow{
  position:relative;z-index:2;display:block;width:100%;
  border-radius:13px;overflow:hidden;aspect-ratio:344/408;object-fit:cover;
  box-shadow:0 22px 36px rgba(41,43,57,.22)
}

.education__body ul{list-style:none;margin:0;padding:0}
.education__body ul>li{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid #dbdbea;padding:10px
}
.education__body ul>li:first-child{padding-top:0}
.education__body ul>li:last-child{border-bottom:none;padding-top:18px;padding-bottom:28px}
.education__body ul>li em{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:13px;font-weight:300;
  font-style:normal;display:flex;align-items:center;flex:0 1 auto
}
.education__body ul>li span,
.education__body ul>li span a{
  color:#1d1f27;font-family:Yekanbakh,sans-serif;font-size:13px;font-weight:500;
  text-align:left;text-decoration:none
}
.education__body ul>li span a:hover{color:#380e94}
.education__score{align-items:center!important;padding-top:18px!important;padding-bottom:18px!important}
.education__star{display:flex;flex-direction:row-reverse;align-items:center;gap:6px;flex-wrap:wrap}
.education__star .number-score{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:17px;font-weight:500
}
.education__star-faces{display:inline-flex;gap:1px;color:#c5c7d4}
.education__star-faces i{font-style:normal;font-size:14px}
.education__star-faces i.is-on{color:#f5a623}
.education__star-count{color:#747580;font-size:12px;font-weight:500}
.education__sale{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.education__sale del{color:#72758d;font-family:Yekanbakh,sans-serif;font-size:15px;font-weight:300}
.education__sale ins{
  text-decoration:none;font-family:Yekanbakh,sans-serif;color:#292b39;font-size:24px;font-weight:800
}
.education__sale span{color:#292b39;font-family:Yekanbakh,sans-serif;font-size:14px;font-weight:700}

/* nabegheha hides product_sumary on desktop; keep compact meta + show on small screens */
.product_sumary{display:none}
.product_sumary .product_title{
  font-family:Yekanbakh,sans-serif;font-size:1.35rem;font-weight:800;margin:0 0 10px;color:#292b39
}
.product_sumary .price{
  display:flex;flex-direction:row-reverse;align-items:center;gap:6px;
  font-family:Yekanbakh,sans-serif;font-size:1.35rem;font-weight:800;margin:0 0 14px
}
.single_add_to_cart_button{
  display:flex;width:100%;align-items:center;justify-content:center;
  min-height:48px;border:0;border-radius:8px;cursor:pointer;
  background:#0da21b;color:#fff;font-family:Yekanbakh,sans-serif;font-size:16px;font-weight:700;
  box-shadow:0 2px 1px rgb(6 75 12 / 40%);text-decoration:none;margin-bottom:12px
}
.single_add_to_cart_button:hover{background:#fff;color:#0da21b;border:1px solid #0da21b;box-shadow:none}
.product_meta{
  display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 18px;
  color:#747580;font-size:13px;font-weight:500
}
.product_meta a{color:#380e94;text-decoration:none;font-weight:700}
.product_meta .sku{color:#292b39;font-weight:700}

.education__add-cart-form{margin:0}
.education__add-cart{
  display:flex;justify-content:space-between;align-items:center;width:100%;
  cursor:pointer;box-shadow:0 2px 1px rgb(6 75 12 / 40%);
  background:#0da21b;padding:17px 27px;border-radius:8px;margin-bottom:24px;
  border:1px solid transparent;color:#fff;font-family:Yekanbakh,sans-serif;
  font-size:18px;font-weight:700;transition:.3s;text-decoration:none
}
.education__add-cart svg{flex:0 0 auto;color:#fff;transition:.3s}
.education__add-cart:hover{
  background:#fff;color:#0da21b;border-color:#0da21b;box-shadow:none
}
.education__add-cart:hover svg{color:#0da21b;stroke:#0da21b}

.education__share{display:flex;gap:10px;margin-bottom:24px;direction:rtl}
.education__share-right{
  flex:0 0 64px;height:61px;background:#f6f6f8;border-radius:10px;
  display:flex;align-items:center;justify-content:center
}
.education__share-copy{
  border:0;background:transparent;cursor:pointer;padding:6px;line-height:0;
  color:#380e94;transition:transform .2s ease,color .2s ease
}
.education__share-copy:hover{transform:scale(1.08);color:#2a0a70}
.education__share-copy.is-copied{color:#0da21b}
.education__share-left{
  display:flex;align-items:center;justify-content:space-around;flex:1;
  background:#f6f6f8;border-radius:10px;height:61px;padding:0 10px;gap:4px
}
.education__share-left a{
  color:#8e8f9a;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:8px;text-decoration:none;transition:color .2s ease,background .2s ease
}
.education__share-left a:hover{color:#380e94;background:rgba(56,14,148,.06)}
.education__share-left a svg{display:block}

.education__product{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  box-shadow:0 1px 2px rgb(72 75 98 / 30%);background:#f6f6f8;border-radius:14px;
  padding:22px 20px 18px;position:relative;margin-bottom:16px;overflow:hidden
}
.education__product-right{display:flex;flex-direction:column;min-width:0;z-index:1;flex:1}
.education__product-right h2{
  color:#3e2870;font-family:Yekanbakh,sans-serif;font-size:19px;font-weight:800;margin:0 0 4px
}
.education__product-right span{
  color:#747580;font-family:Yekanbakh,sans-serif;font-size:14px;font-weight:400;margin-bottom:18px
}
.education__product-right a{
  display:inline-flex;align-items:center;gap:10px;color:#292b39;
  font-family:Yekanbakh,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:.25s
}
.education__product-right a svg{color:#380e94;flex:0 0 auto}
.education__product-right a:hover{color:#380e94}
.education__product-figure{
  margin:0;flex:0 0 auto;width:118px;height:110px;
  border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#e9f7ef,#e8eefc)
}
.education__product-figure img{
  display:block;width:100%;height:100%;object-fit:contain;padding:6px
}
.education__part{
  box-shadow:0 1px 2px rgb(72 75 98 / 30%);background:#f6f6f8;border-radius:14px;
  border:1px solid transparent;transition:.3s;margin-bottom:8px
}
.education__part a{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 26px;color:#3e2870;font-family:Yekanbakh,sans-serif;
  font-size:16px;font-weight:700;text-decoration:none;transition:.3s
}
.education__part a svg{color:#380e94}
.education__part:hover{border-color:#dadae6;background:#fff;box-shadow:none}
.education__part:hover a{padding-right:29px}

.content-single__video{
  position:relative;margin:0 0 40px;border-radius:10px;overflow:hidden;max-width:800px;
  background:#252733
}
.content-single__video video,
.content-single__video img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.content-single__video--poster{position:relative}
.content-single__play{
  position:absolute;left:50%;bottom:28%;transform:translateX(-50%);
  width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#ed135b;color:#fff;font-size:22px;text-decoration:none;
  box-shadow:0 0 18px rgba(255,255,255,.45)
}
.content-single__wrapper{
  position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);margin-bottom:8px
}
.content-single__wrapper.is-stuck{box-shadow:0 10px 24px rgba(41,43,57,.08)}
.content-single__wrapper::after{
  content:"";position:absolute;left:0;width:30px;top:0;bottom:0;
  background-image:linear-gradient(to right,#fff,transparent);pointer-events:none
}
.content-single__header{
  display:flex;list-style:none;margin:0;padding:0 0 14px;overflow-x:auto;
  white-space:nowrap;scrollbar-width:thin
}
.content-single__header li{
  padding-left:36px;position:relative;transition:.2s;flex:0 0 auto
}
.content-single__header li:last-child{padding-left:0}
.content-single__header li::before{
  content:"";position:absolute;height:2px;right:-20px;left:-18px;bottom:-14px;
  background:#e1e1ea
}
.content-single__header li a{
  color:#747580;font-family:Yekanbakh,sans-serif;font-size:15px;font-weight:700;
  text-decoration:none;position:relative;display:inline-block;padding:6px 0
}
.content-single__header li a:hover,
.content-single__header li a.active{color:#108235}
.content-single__header li a::after{
  content:"";position:absolute;height:2px;right:-20px;left:-18px;bottom:-14px;
  background:#1bb14c;visibility:hidden;opacity:0;transition:.2s;z-index:1
}
.content-single__header li a.active::after,
.content-single__header li a:hover::after{visibility:visible;opacity:1}

.content-single__sample-training{
  background:#f6f6f8;border-radius:0 0 13px 13px;margin-top:6px
}
.content-single__training-package{padding:32px 36px 28px}
.content-single__training-package > .course-panel{
  background:transparent;border:0;box-shadow:none;border-radius:0;
  padding:0 0 36px;margin:0 0 28px;scroll-margin-top:96px;
  border-bottom:1px solid #dbdde9
}
.content-single__training-package > .course-panel:last-child{border-bottom:0;margin-bottom:0}
.content-single__training-package h1,
.content-single__training-package h2{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:19px;font-weight:700;
  position:relative;padding-bottom:28px;margin:0 0 18px
}
.content-single__training-package h1::before,
.content-single__training-package h2::before{
  content:"";position:absolute;left:0;right:0;height:1px;background:#c6c6d5;bottom:12px
}
.content-single__training-package .content-html{
  color:#363844;line-height:2;font-size:15px;text-align:justify
}
.content-single__training-package .content-html h2,
.content-single__training-package .content-html h3{
  font-family:Yekanbakh,sans-serif;color:#292b39;margin:28px 0 12px;padding:0;font-size:1.15rem
}
.content-single__training-package .content-html h2::before,
.content-single__training-package .content-html h3::before{display:none}
.content-single__training-package .content-html mark{
  background:transparent;
  color:inherit;
  padding:0
}

.course-empty{color:#747580;line-height:1.8}
.course-samples{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.course-samples li{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  border:1px solid #eceef5;border-radius:12px;padding:12px 14px;background:#fff
}
.course-samples__title{font-weight:700;flex:1}
.course-samples__dur{color:#747580;font-size:.82rem}
.course-samples__free{
  background:#e8f8ec;color:#0da21b;font-size:.75rem;font-weight:800;
  border-radius:999px;padding:3px 8px
}
.course-link{display:inline-block;margin:8px 0 16px;color:#380e94;font-weight:800;text-decoration:none}
.course-link:hover{text-decoration:underline}
.course-related{margin-bottom:12px}

.review__title{
  display:flex;justify-content:space-between;align-items:flex-end;gap:12px;
  margin-bottom:28px;border-bottom:1px solid #dbdde9;padding-bottom:22px
}
.review__title-right{display:flex;align-items:center;gap:10px}
.review__title-right em{
  color:#292b39;font-family:Yekanbakh,sans-serif;font-size:19px;font-weight:700;font-style:normal
}
.review__title-right span{
  display:inline-flex;min-width:22px;justify-content:center;align-items:center;
  color:#fff;font-size:12px;font-weight:300;border-radius:4px;padding:0 6px;background:#0da21b
}
.review__title-left{display:flex;align-items:baseline;gap:6px}
.review__title-left strong{font-family:Yekanbakh,sans-serif;font-size:2rem;color:#108235}
.review__title-left span{color:#747580;font-size:13px}

.course-reviews{display:grid;gap:12px;margin-bottom:22px}
.course-review{
  border:1px solid #eceef5;border-radius:14px;padding:14px 16px;background:#fff
}
.course-review header{
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:8px
}
.course-review__stars{color:#f5a623;letter-spacing:1px}
.course-review time{color:#9aa0b4;font-size:.78rem;margin-right:auto}
.course-review p{margin:0;color:#363844;line-height:1.85}
/* Review compose — nabegheha-style bubble form */
.review-compose{
  margin-top:28px;padding-top:8px;display:grid;gap:18px;direction:rtl
}
.review-compose__panel{
  background:linear-gradient(165deg,#fbfbfe 0%,#f4f5fb 48%,#eef6f0 100%);
  border:1px solid #e4e7f2;border-radius:22px;padding:22px 20px 20px;
  box-shadow:0 18px 40px rgba(41,43,57,.06);display:grid;gap:18px;position:relative;overflow:hidden
}
.review-compose__panel::before{
  content:"";position:absolute;inset:0 auto auto 0;width:180px;height:180px;
  background:radial-gradient(circle,rgba(13,162,27,.12),transparent 68%);pointer-events:none
}
.review-compose__steps{
  display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:4px;position:relative;z-index:1
}
.review-compose__rail{
  width:42px;height:2px;background:linear-gradient(90deg,#d8dbe8,#c9edd0);border-radius:99px;margin:0 8px
}
.review-compose__step{
  width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-family:Yekanbakh,sans-serif;font-weight:700;font-size:15px;
  background:#fff;border:1.5px solid #d8dbe8;color:#9aa0b4;transition:.25s
}
.review-compose__step.is-active{
  background:#0da21b;border-color:#0da21b;color:#fff;
  box-shadow:0 8px 18px rgba(13,162,27,.28)
}
.review-compose__head{display:grid;gap:8px;position:relative;z-index:1}
.review-compose__title{display:flex;align-items:flex-start;gap:12px}
.review-compose__badge{
  position:relative;width:34px;height:34px;flex:0 0 auto;color:#292b39;margin-top:2px
}
.review-compose__badge i{
  position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-radius:50%;
  background:#0da21b;color:#fff;font-style:normal;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center;line-height:1
}
.review-compose__title h3{
  margin:0 0 4px;font-family:Yekanbakh,sans-serif;font-size:1.25rem;font-weight:800;color:#1d1f27
}
.review-compose__title p{
  margin:0;color:#9aa0b4;font-size:.9rem;font-weight:500
}
.review-compose__title strong{color:#5c6070;font-weight:700}
.review-compose__hint{
  margin:0;color:#7a8094;font-size:.82rem;line-height:1.7;padding-right:46px
}
.review-compose__meta{
  display:grid;grid-template-columns:1.2fr 1fr;gap:14px;position:relative;z-index:1
}
.review-compose__field{display:grid;gap:8px;font-size:.84rem;font-weight:700;color:#292b39}
.review-compose__field input{
  width:100%;border:1px solid #dde0ea;border-radius:12px;padding:12px 14px;
  font:inherit;background:#fff;transition:border-color .2s,box-shadow .2s
}
.review-compose__field input:focus{
  outline:0;border-color:#a9efb2;box-shadow:0 0 0 3px rgba(13,162,27,.12)
}
.review-compose__rating{align-content:start}
.review-stars{display:inline-flex;gap:4px;align-items:center}
.review-star{
  border:0;background:transparent;padding:0;margin:0;cursor:pointer;line-height:1;
  font-size:1.55rem;color:#d5d8e4;transition:color .15s,transform .15s
}
.review-star.is-on,.review-star.is-hover{color:#f5a623}
.review-star:hover{transform:scale(1.12)}
.review-stars__label{color:#7a8094;font-size:.8rem;font-weight:600}
.review-compose__bubble-row{
  display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1
}
.review-compose__avatar{
  flex:0 0 auto;width:52px;height:52px;border-radius:50%;overflow:hidden;
  margin-top:10px;background:linear-gradient(145deg,#1e3a6e,#2f5fad);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.15rem;
  box-shadow:0 8px 18px rgba(30,58,110,.22)
}
.review-compose__bubble{
  position:relative;flex:1;min-width:0
}
.review-compose__bubble::before{
  content:"";position:absolute;right:-8px;top:22px;width:16px;height:16px;
  background:#fff;transform:rotate(45deg);border-radius:3px;border:1px solid #e6e9f2;border-left:0;border-bottom:0
}
.review-compose__bubble textarea{
  position:relative;z-index:1;width:100%;min-height:150px;resize:vertical;
  border:1px solid #e6e9f2;outline:none;background:#fff;border-radius:18px;
  padding:18px 20px 36px;font:inherit;color:#292b39;line-height:1.9;
  transition:border-color .2s,box-shadow .2s
}
.review-compose__bubble textarea::placeholder{color:#a0a4b5}
.review-compose__bubble textarea:focus{
  border-color:#b7efbe;box-shadow:0 0 0 3px rgba(13,162,27,.12)
}
.review-compose__foot{
  position:absolute;left:16px;bottom:12px;z-index:2;color:#9aa0b4;font-size:.75rem
}
.review-compose__submit{
  justify-self:center;display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#12b326,#0a9400);color:#fff;border:1px solid transparent;
  font-family:Yekanbakh,sans-serif;font-size:16px;font-weight:700;
  padding:14px 28px;border-radius:12px;cursor:pointer;transition:.25s;
  box-shadow:0 12px 24px rgba(13,162,27,.22);position:relative;z-index:1
}
.review-compose__submit:hover{
  background:#fff;color:#0da21b;border-color:#0da21b;box-shadow:none
}
.review-compose__submit:hover svg{stroke:#0da21b}

@media (max-width:980px){
  .course-row{grid-template-columns:1fr;gap:22px}
  .course-col-side{order:1}
  .course-col-main{order:2}
  .education.sticker{position:relative;top:auto}
  .product_sumary{display:block;margin-bottom:8px}
  .education__add-cart-form,.education__add-cart{display:none}
  .content-single__training-package{padding:22px 18px}
  .content-single__header li{padding-left:16px}
  .content-single__header li a{font-size:13px}
  .review-compose__meta{grid-template-columns:minmax(0,1fr);}
  .education__product-figure{width:96px;height:90px}
  .education__share-left a{width:32px;height:32px}
}

/* Aparat icon via xf-robika-alt (requested class; SVG mask fallback) */
.xf{
  display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-.125em;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain
}
.xf.fs-3{font-size:1.35rem;width:1.35rem;height:1.35rem}
.xf-robika-alt{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M15.17 2.61C11.92 2.53 8.95 4.73 8.19 8.03L7.08 12.84c3.09-5.04 8.42-8.37 14.31-8.94L16.58 2.79c-.47-.11-.94-.17-1.41-.18zM23.62 7C16.37 7.16 9.76 11.98 7.66 19.31c-2.59 9.03 2.63 18.44 11.65 21.03 9.03 2.59 18.44-2.63 21.03-11.66 2.59-9.02-2.63-18.44-11.66-21.03A16.3 16.3 0 0 0 23.62 7zm11.54.08c5.04 3.09 8.37 8.42 8.94 14.31l1.11-4.8c.87-3.77-1.48-7.53-5.25-8.4L35.16 7.08zM20.19 12.59c.27.02.53.07.8.14 2.12.61 3.35 2.82 2.74 4.95-.61 2.12-2.82 3.35-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.95.53-1.86 2.3-3.03 4.15-2.88zm11.54 3.31c.26.02.53.07.79.14 2.12.61 3.35 2.82 2.74 4.95-.61 2.12-2.82 3.34-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.95.53-1.86 2.3-3.03 4.16-2.88zM24.04 22c1.1.02 1.98.93 1.96 2.03-.02 1.1-.93 1.98-2.03 1.96-1.1-.02-1.98-.93-1.96-2.03.02-1.1.93-1.98 2.03-1.96zm-7.15 2.13c.26.02.53.07.8.14 2.12.61 3.35 2.83 2.74 4.95-.61 2.12-2.83 3.35-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.95.53-1.86 2.29-3.03 4.15-2.88zM3.9 26.62l-1.11 4.8c-.87 3.77 1.48 7.52 5.24 8.39l4.81 1.11C7.79 37.83 4.47 32.5 3.9 26.62zm24.52.81c.26.02.53.07.8.15 2.12.61 3.35 2.82 2.74 4.94-.61 2.12-2.82 3.35-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.94.53-1.86 2.29-3.03 4.15-2.89zm12.5 7.73c-3.09 5.04-8.42 8.37-14.31 8.94l4.8 1.11c3.77.87 7.53-1.48 8.4-5.25l1.11-4.8z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M15.17 2.61C11.92 2.53 8.95 4.73 8.19 8.03L7.08 12.84c3.09-5.04 8.42-8.37 14.31-8.94L16.58 2.79c-.47-.11-.94-.17-1.41-.18zM23.62 7C16.37 7.16 9.76 11.98 7.66 19.31c-2.59 9.03 2.63 18.44 11.65 21.03 9.03 2.59 18.44-2.63 21.03-11.66 2.59-9.02-2.63-18.44-11.66-21.03A16.3 16.3 0 0 0 23.62 7zm11.54.08c5.04 3.09 8.37 8.42 8.94 14.31l1.11-4.8c.87-3.77-1.48-7.53-5.25-8.4L35.16 7.08zM20.19 12.59c.27.02.53.07.8.14 2.12.61 3.35 2.82 2.74 4.95-.61 2.12-2.82 3.35-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.95.53-1.86 2.3-3.03 4.15-2.88zm11.54 3.31c.26.02.53.07.79.14 2.12.61 3.35 2.82 2.74 4.95-.61 2.12-2.82 3.34-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.95.53-1.86 2.3-3.03 4.16-2.88zM24.04 22c1.1.02 1.98.93 1.96 2.03-.02 1.1-.93 1.98-2.03 1.96-1.1-.02-1.98-.93-1.96-2.03.02-1.1.93-1.98 2.03-1.96zm-7.15 2.13c.26.02.53.07.8.14 2.12.61 3.35 2.83 2.74 4.95-.61 2.12-2.83 3.35-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.95.53-1.86 2.29-3.03 4.15-2.88zM3.9 26.62l-1.11 4.8c-.87 3.77 1.48 7.52 5.24 8.39l4.81 1.11C7.79 37.83 4.47 32.5 3.9 26.62zm24.52.81c.26.02.53.07.8.15 2.12.61 3.35 2.82 2.74 4.94-.61 2.12-2.82 3.35-4.95 2.74-2.12-.61-3.35-2.82-2.74-4.94.53-1.86 2.29-3.03 4.15-2.89zm12.5 7.73c-3.09 5.04-8.42 8.37-14.31 8.94l4.8 1.11c3.77.87 7.53-1.48 8.4-5.25l1.11-4.8z'/%3E%3C/svg%3E")
}
.social-circle .xf{width:1.1rem;height:1.1rem}
.cu-social-ico .xf{width:1.25rem;height:1.25rem}

/* Trust-us page */
.tu{--tu-ink:#152033;--tu-muted:#5a6478;--tu-line:#e4e8f0;--tu-green:#0da21b;--tu-green-2:#0a8d17;--tu-soft:#f2f7f3;--tu-card:#fff}
.tu-hero{position:relative;isolation:isolate;padding:40px 0 56px;background:#fff;overflow:hidden}
.tu-hero-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(900px 380px at 92% -8%,rgba(13,162,27,.18),transparent 58%),
    radial-gradient(640px 320px at 0% 100%,rgba(20,40,70,.07),transparent 55%),
    linear-gradient(165deg,#f4faf5 0%,#fff 55%,#f7f9fc 100%)
}
.tu-hero-glow{
  position:absolute;inset:auto auto -20% -10%;width:55%;height:55%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(13,162,27,.09),transparent 70%);
  animation:tuGlow 8s ease-in-out infinite alternate
}
@keyframes tuGlow{from{transform:translate(0,0) scale(1)}to{transform:translate(8%,-6%) scale(1.08)}}
.tu-hero-inner{position:relative;z-index:1;max-width:820px;animation:tuIn .6s cubic-bezier(.22,1,.36,1) both}
@keyframes tuIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.tu-hero .breadcrumb-nav{margin-bottom:18px}
.tu-brand{
  margin:0 0 12px;font-family:Yekanbakh,sans-serif;font-weight:900;
  font-size:clamp(1.85rem,4vw,2.75rem);color:var(--tu-green);line-height:1.25;
  letter-spacing:-.02em
}
.tu-hero h1{
  margin:0 0 16px;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:clamp(1.28rem,2.5vw,1.75rem);color:var(--tu-ink);line-height:1.45
}
.tu-lede{margin:0 0 24px;max-width:42rem;line-height:2;color:var(--tu-muted);font-size:1.06rem}
.tu-actions{display:flex;flex-wrap:wrap;gap:10px}
.tu-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid transparent;
  background:var(--tu-green);color:#fff;font-family:Yekanbakh,sans-serif;font-weight:800;
  font-size:.92rem;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
  box-shadow:0 10px 24px rgba(13,162,27,.22)
}
.tu-btn:hover{background:var(--tu-green-2);color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(13,162,27,.28)}
.tu-btn-ghost{background:#fff;border-color:#d0d6e4;color:var(--tu-ink);box-shadow:none}
.tu-btn-ghost:hover{background:#fff;border-color:#9aa3b5;color:var(--tu-ink);box-shadow:0 8px 18px rgba(20,24,33,.06)}
.tu-btn-ghost.is-on-light{background:#fff}
.tu-sec{padding:56px 0}
.tu-sec-badges{background:var(--tu-soft);border-block:1px solid var(--tu-line)}
.tu-sec-faq{background:linear-gradient(180deg,#fff 0%,#f7faf8 100%)}
.tu-sec-head{margin-bottom:26px;max-width:46rem}
.tu-eyebrow{
  display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:999px;
  background:rgba(13,162,27,.1);color:var(--tu-green);font-size:.75rem;font-weight:800
}
.tu-sec-head h2{
  margin:0 0 10px;font-family:Yekanbakh,sans-serif;font-weight:900;
  font-size:clamp(1.25rem,2.2vw,1.65rem);color:var(--tu-ink);line-height:1.4
}
.tu-sec-head p{margin:0;color:var(--tu-muted);line-height:1.9}
.tu-reasons{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px
}
.tu-reason{
  background:var(--tu-card);border:1px solid var(--tu-line);border-radius:18px;padding:20px 18px;
  transition:transform .2s ease,box-shadow .2s ease;animation:tuIn .55s ease both;
  animation-delay:calc(var(--i,0) * .05s)
}
.tu-reason:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,24,33,.08)}
.tu-reason h3{
  margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1rem;color:var(--tu-ink)
}
.tu-reason p{margin:0;color:var(--tu-muted);line-height:1.85;font-size:.92rem}
.tu-badges{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px
}
.tu-badge{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--tu-line);border-radius:20px;padding:22px 16px;
  text-decoration:none;color:var(--tu-ink);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.tu-badge:hover{
  transform:translateY(-4px);border-color:rgba(13,162,27,.35);
  box-shadow:0 18px 36px rgba(13,162,27,.12)
}
.tu-badge-frame{
  width:118px;height:118px;border-radius:18px;background:#f8faf9;
  border:1px solid #e8edf0;display:grid;place-items:center;padding:10px
}
.tu-badge-frame img{max-width:100%;max-height:100%;object-fit:contain}
.tu-badge strong{font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.95rem;text-align:center}
.tu-badge-hint{font-size:.78rem;color:var(--tu-muted)}
.tu-empty{color:var(--tu-muted)}
.tu-flow{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px
}
.tu-flow li{
  display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--tu-line);
  border-radius:18px;padding:18px;animation:tuIn .55s ease both;animation-delay:calc(var(--i,0) * .06s)
}
.tu-promise{
  display:grid;grid-template-columns:1.2fr .8fr;gap:18px;
  background:linear-gradient(135deg,#0f1b14 0%,#16301f 48%,#0da21b 160%);
  color:#fff;border-radius:24px;padding:28px;overflow:hidden;position:relative
}
.tu-promise::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.18),transparent 40%)
}
.tu-promise > *{position:relative;z-index:1}
.tu-promise .tu-eyebrow{background:rgba(255,255,255,.14);color:#fff}
.tu-promise h2{
  margin:0 0 16px;font-family:Yekanbakh,sans-serif;font-weight:900;font-size:1.45rem;color:#fff
}
.tu-promise-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.tu-promise-list li{
  position:relative;padding-right:22px;line-height:1.8;color:rgba(255,255,255,.92);font-size:.92rem
}
.tu-promise-list li::before{
  content:"";position:absolute;right:0;top:.55em;width:10px;height:10px;border-radius:50%;
  background:#7dff95;box-shadow:0 0 0 4px rgba(125,255,149,.2)
}
.tu-promise-aside{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  border-radius:18px;padding:18px;backdrop-filter:blur(6px)
}
.tu-promise-aside p{margin:0 0 16px;color:rgba(255,255,255,.9);line-height:1.9}
.tu-faq{display:grid;gap:10px;max-width:760px}
.tu-faq-item{
  background:#fff;border:1px solid var(--tu-line);border-radius:14px;padding:0 16px;
  transition:border-color .15s ease,box-shadow .15s ease
}
.tu-faq-item[open]{border-color:rgba(13,162,27,.35);box-shadow:0 10px 24px rgba(13,162,27,.08)}
.tu-faq-item summary{
  cursor:pointer;list-style:none;padding:16px 0;font-family:Yekanbakh,sans-serif;font-weight:800;
  color:var(--tu-ink);font-size:.98rem
}
.tu-faq-item summary::-webkit-details-marker{display:none}
.tu-faq-item p{margin:0;padding:0 0 16px;color:var(--tu-muted);line-height:1.9;font-size:.92rem}
.tu-sec-cta{padding-bottom:72px}
@media (max-width:900px){
  .tu-reasons,.tu-badges,.tu-promise,.tu-flow{grid-template-columns:minmax(0,1fr);}
  .tu-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .tu-hero{padding:28px 0 36px}
  .tu-sec{padding:36px 0}
  .tu-badge-frame{width:96px;height:96px}
  .tu-stats{grid-template-columns:1fr 1fr}
}

/* Digital product note */
.digital-delivery-note{
  margin:12px 8px 0;padding:12px 14px;border-radius:12px;background:#f3faf4;
  border:1px solid #d7efdb;color:#355244;font-size:.84rem;line-height:1.8
}
.digital-steps{margin:0;padding:0 18px 0 0;display:grid;gap:10px;color:#4a5163;line-height:1.85}
.digital-steps a{color:var(--green);font-weight:700}

/* Cart redesign */
.cart-empty-illu{
  display:inline-flex;align-items:center;justify-content:center;
  width:64px;height:64px;margin:0 auto 10px;border-radius:18px;
  background:#f3f0fa;color:var(--purple)
}
.cart-empty-illu svg{display:block}
.cart-empty-sub{margin:8px 0 0;color:#9aa0b4;font-size:.9rem;text-align:center}
.cart-empty-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.cart-filled-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.cart-filled-count{
  background:#eef6f0;color:#0da21b;border-radius:999px;padding:6px 12px;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.85rem
}
.cart-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;align-items:start}
.cart-lines{display:grid;gap:12px}
.cart-line{
  display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;
  background:#fff;border:1px solid #e3e5eb;border-radius:16px;padding:14px;
  box-shadow:0 10px 28px rgba(20,24,33,.04)
}
.cart-line__cover img{width:88px;height:88px;object-fit:cover;border-radius:12px;display:block}
.cart-line__title{display:block;font-family:Yekanbakh,sans-serif;font-weight:800;color:var(--ink);margin-bottom:6px}
.cart-line__kind{display:block;color:#7a8094;font-size:.8rem;margin-bottom:10px}
.cart-line__meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.cart-line__meta strong{color:var(--green);font-family:Yekanbakh,sans-serif}
.cart-qty{
  display:inline-flex;align-items:center;gap:0;
  border:1px solid #e3e6ef;border-radius:10px;overflow:hidden;background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset
}
.cart-qty__btn{
  width:32px;height:32px;border:0;background:#f4f5f9;color:#2f3340;
  font-size:1.05rem;font-weight:800;cursor:pointer;line-height:1
}
.cart-qty__btn:hover{background:#e8ebf3}
.cart-qty__input{
  width:44px;height:32px;border:0;border-inline:1px solid #e3e6ef;
  text-align:center;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.9rem;
  color:var(--ink);background:#fff;-moz-appearance:textfield
}
.cart-qty__input::-webkit-outer-spin-button,
.cart-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cart-line__total{margin-inline-start:auto}
.cart-line__remove button{
  border:0;background:#f4f5f8;color:#6b7280;border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit
}
.cart-line__remove button:hover{background:#fee2e2;color:#b91c1c}
.cart-aside{display:grid;gap:12px;position:sticky;top:18px}
.cart-coupon__row{display:flex;gap:8px}
.cart-coupon__row input{flex:1;border:1px solid #dde0ea;border-radius:10px;padding:11px 12px;font:inherit}
.cart-totals__row{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;color:var(--muted)}
.cart-totals__row.is-final{margin-top:14px;padding-top:12px;border-top:1px dashed #e3e5eb;color:var(--ink)}
.cart-totals__row.is-final strong{color:var(--green);font-size:1.15rem;font-family:Yekanbakh,sans-serif}
.cart-checkout-btn{display:flex;width:100%;justify-content:center;margin-top:8px}
.cart-login-hint{margin:12px 0 0;font-size:.8rem;color:#7a8094;line-height:1.7}
@media (max-width:900px){
  .cart-layout{grid-template-columns:minmax(0,1fr);}
  .cart-aside{position:static}
  .cart-line{grid-template-columns:72px 1fr;grid-template-areas:"cover body" "cover remove"}
  .cart-line__cover{grid-area:cover}
  .cart-line__body{grid-area:body}
  .cart-line__remove{grid-area:remove;justify-self:start}
  .cart-line__cover img{width:72px;height:72px}
}

/* Checkout / payment UX */
.ck{padding:28px 0 64px}
.ck-head{margin-bottom:22px}
.ck-head h1{margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:clamp(1.4rem,2.4vw,1.9rem)}
.ck-head p{margin:0;color:#6b7280}
.ck-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start}
.ck-main,.ck-summary{
  background:#fff;border:1px solid #e5e7ef;border-radius:20px;padding:20px;
  box-shadow:0 16px 40px rgba(20,24,33,.05)
}
.ck-auth__banner{margin-bottom:16px}
.ck-auth__banner strong{display:block;font-family:Yekanbakh,sans-serif;font-size:1.1rem;margin-bottom:8px;color:#1d2433}
.ck-auth__banner p{margin:0;color:#5d6678;line-height:1.85}
.ck-auth__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ck-auth__steps{margin:0;padding:0 18px 0 0;color:#5d6678;line-height:1.9}
.ck-user{
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:18px;
  padding:12px 14px;border-radius:14px;background:#f6f7fb
}
.ck-user__label{color:#7a8094;font-size:.82rem}
.ck-pay h2{margin:0 0 14px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.15rem}
.ck-gateways{display:grid;gap:10px;margin-bottom:18px}
.ck-gateway{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  border:1.5px solid #e3e5eb;border-radius:14px;padding:12px 14px;cursor:pointer;transition:.2s;background:#fff
}
.ck-gateway input{position:absolute;opacity:0;pointer-events:none}
.ck-gateway.is-active,.ck-gateway:has(input:checked){
  border-color:#0da21b;background:#f3faf4;box-shadow:0 0 0 3px rgba(13,162,27,.1)
}
.ck-gateway__body{display:grid;gap:4px}
.ck-gateway__body strong{font-family:Yekanbakh,sans-serif;font-weight:800;color:#1d2433}
.ck-gateway__body em{font-style:normal;color:#7a8094;font-size:.82rem}
.ck-gateway__check{
  width:20px;height:20px;border-radius:50%;border:2px solid #cfd5e2;position:relative
}
.ck-gateway.is-active .ck-gateway__check,.ck-gateway:has(input:checked) .ck-gateway__check{
  border-color:#0da21b;background:#0da21b;
  box-shadow:inset 0 0 0 3px #fff
}
.ck-submit{
  width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;border:0;border-radius:14px;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,#12b326,#0a9400);font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.05rem;
  box-shadow:0 14px 28px rgba(13,162,27,.22)
}
.ck-submit:hover{filter:brightness(1.03)}
.ck-secure{margin:12px 0 0;color:#7a8094;font-size:.8rem;line-height:1.7}
.ck-summary h2{margin:0 0 14px;font-family:Yekanbakh,sans-serif;font-weight:800}
.ck-items{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ck-items li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center}
.ck-items img{width:52px;height:52px;object-fit:cover;border-radius:10px}
.ck-items strong{display:block;font-size:.9rem;line-height:1.5}
.ck-items span{display:block;color:#7a8094;font-size:.75rem}
.ck-items em{font-style:normal;font-family:Yekanbakh,sans-serif;font-weight:800;color:#0da21b;font-size:.85rem}
.ck-totals{margin-top:16px;padding-top:14px;border-top:1px dashed #e3e5eb;display:grid;gap:8px}
.ck-totals > div{display:flex;justify-content:space-between;gap:12px;color:#5d6678}
.ck-totals .is-final{color:#1d2433;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.05rem}
.ck-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  padding:10px 18px;border-radius:12px;text-decoration:none;font-family:Yekanbakh,sans-serif;font-weight:800
}
.ck-btn-primary{background:#0da21b;color:#fff}
.ck-btn-ghost{background:#fff;border:1px solid #d5dae6;color:#1d2433}
.ck-success{padding:48px 0}
.ck-success__card{
  max-width:640px;margin:0 auto;text-align:center;background:#fff;border:1px solid #e5e7ef;
  border-radius:24px;padding:32px 22px;box-shadow:0 18px 44px rgba(20,24,33,.06)
}
.ck-success__icon{
  width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#e8f8ea;color:#0da21b;
  display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800
}
.ck-success__card h1{margin:0 0 10px;font-family:Yekanbakh,sans-serif;font-weight:800}
.ck-success__ref{color:#7a8094}
.ck-success__items{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px;text-align:right}
.ck-success__items li{
  display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#f7f8fc
}
.ck-success__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
@media (max-width:900px){
  .ck-grid{grid-template-columns:minmax(0,1fr);}
}

.ck-alert{
  margin:0 0 16px;padding:12px 14px;border-radius:12px;
  background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;line-height:1.7
}
.ck-alert--ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.ck-gateway__logo img{display:block;width:36px;height:36px;border-radius:10px;object-fit:cover}
.ck-crypto-assets{margin:0 0 18px;padding:14px;border-radius:16px;background:#f4faf8;border:1px solid #d8eee4}
.ck-crypto-assets h3{margin:0 0 6px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1rem}
.ck-crypto-assets__hint{margin:0 0 12px;color:#5d6678;font-size:.84rem;line-height:1.7}
.ck-crypto-grid{display:grid;gap:8px}
.ck-crypto-opt{display:block;cursor:pointer}
.ck-crypto-opt input{position:absolute;opacity:0;pointer-events:none}
.ck-crypto-opt__card{
  display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;
  padding:10px 12px;border-radius:12px;border:1.5px solid #d7e5de;background:#fff;transition:.18s
}
.ck-crypto-opt__card strong{display:block;font-family:Yekanbakh,sans-serif;font-weight:800;color:#16332a}
.ck-crypto-opt__card em{display:block;font-style:normal;color:#6b7280;font-size:.78rem;margin-top:2px}
.ck-crypto-opt input:checked + .ck-crypto-opt__card{
  border-color:#0f9f6e;box-shadow:0 0 0 3px rgba(15,159,110,.12);background:#f0fdf7
}
.ck-crypto-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:start}
.ck-crypto-panel,.ck-crypto-side .ck-summary{
  background:#fff;border:1px solid #e5e7ef;border-radius:20px;padding:22px;
  box-shadow:0 16px 40px rgba(20,24,33,.05)
}
.ck-crypto-badge{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ck-crypto-badge strong{display:block;font-family:Yekanbakh,sans-serif;font-weight:800}
.ck-crypto-badge span{color:#6b7280;font-size:.84rem}
.ck-crypto-lead{margin:0 0 12px;color:#374151;line-height:1.9}
.ck-crypto-min{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:.86rem;line-height:1.7}
.ck-crypto-amount{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;margin-bottom:18px
}
.ck-crypto-amount span{opacity:.9;font-size:.86rem}
.ck-crypto-amount strong{font-family:Yekanbakh,sans-serif;font-size:1.35rem;font-weight:800}
.ck-crypto-amount small{font-size:.85rem;opacity:.9}
.ck-crypto-qr{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;margin:0 auto 18px;width:100%
}
.ck-crypto-qr img{
  display:block;margin:0 auto;
  width:240px;height:240px;max-width:min(240px,82vw);
  border-radius:18px;border:1px solid #e5e7eb;background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.08)
}
.ck-crypto-qr em{display:block;margin-top:10px;color:#6b7280;font-style:normal;font-size:.82rem;text-align:center}
.ck-crypto-wallet{
  display:grid;gap:8px;margin-bottom:16px;padding:14px;border-radius:14px;background:#f8fafc;border:1px dashed #cbd5e1
}
.ck-crypto-wallet span{color:#64748b;font-size:.82rem}
.ck-crypto-wallet code{
  display:block;word-break:break-all;font-size:.92rem;color:#0f172a;line-height:1.6;
  padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e2e8f0
}
.ck-crypto-tips{margin:0 0 18px;padding:0 18px 0 0;color:#4b5563;line-height:1.9;font-size:.9rem}
.ck-crypto-actions{margin-bottom:10px}
.ck-crypto-expire{margin:0;color:#6b7280;font-size:.82rem;line-height:1.7}
.ck-crypto-orderno{margin:0 0 12px;color:#6b7280}
@media (max-width:900px){
  .ck-crypto-layout{grid-template-columns:minmax(0,1fr)}
}

/* آلارم افزودن به سبد — بالا، ورود از راست، خروج از چپ */
.cart-alarms{
  position:fixed;top:max(12px, env(safe-area-inset-top));left:12px;right:12px;
  z-index:2147483000;display:flex;flex-direction:column;align-items:flex-end;gap:8px;
  pointer-events:none;max-width:100%
}
.cart-alarm{
  pointer-events:auto;display:flex;align-items:center;gap:10px;
  width:min(420px,100%);max-width:100%;
  padding:10px 12px;border-radius:14px;
  background:linear-gradient(180deg,#fff,#f7faf8);
  border:1px solid rgba(180,220,190,.95);
  box-shadow:0 14px 36px rgba(15,23,42,.18);
  color:#16332a;
  transform:translateX(120%);opacity:0;
  transition:transform .38s cubic-bezier(.22,.9,.32,1),opacity .32s ease
}
.cart-alarm.is-in{transform:translateX(0);opacity:1}
.cart-alarm.is-out{transform:translateX(-120%);opacity:0}
.cart-alarm__ico{
  flex:0 0 auto;width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;color:#fff;background:#0a9400;
  box-shadow:0 6px 14px rgba(10,148,0,.28)
}
.cart-alarm__text{
  margin:0;flex:1;min-width:0;
  font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.86rem;line-height:1.45;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden
}
.cart-alarm__link{
  flex:0 0 auto;padding:6px 10px;border-radius:999px;
  background:#41149f;color:#fff;text-decoration:none;
  font-size:.74rem;font-weight:800;font-family:Yekanbakh,sans-serif
}
.cart-alarm__close{
  flex:0 0 auto;width:28px;height:28px;border:0;border-radius:8px;
  background:#eef1f5;color:#667085;font-size:1.1rem;line-height:1;cursor:pointer
}
@media (max-width:640px){
  .cart-alarms{left:8px;right:8px;top:max(8px, env(safe-area-inset-top))}
  .cart-alarm{width:100%;padding:9px 10px;gap:8px;border-radius:12px}
  .cart-alarm__text{font-size:.78rem;line-height:1.4;-webkit-line-clamp:2;line-clamp:2}
  .cart-alarm__link{padding:5px 8px;font-size:.7rem}
}

/* Deals pattern upgrade */
.deals-band{
  position:relative;
  overflow:visible;
  background:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.16) 0 1.2px, transparent 2px),
    radial-gradient(circle at 28% 62%, rgba(255,255,255,.12) 0 1px, transparent 2px),
    radial-gradient(circle at 52% 24%, rgba(255,255,255,.14) 0 1.2px, transparent 2px),
    radial-gradient(circle at 74% 78%, rgba(255,255,255,.1) 0 1px, transparent 2px),
    radial-gradient(circle at 92% 36%, rgba(255,255,255,.15) 0 1.2px, transparent 2px),
    radial-gradient(1100px 260px at 88% -30%, rgba(255,255,255,.2), transparent 55%),
    linear-gradient(105deg,#2d0b6e 0%,#4c1d95 38%,#6d28d9 72%,#86198f 100%) !important;
  background-size:18px 18px, 22px 22px, 16px 16px, 24px 24px, 20px 20px, auto, auto !important;
}
.deals-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 10px, transparent 10px 20px);
  mix-blend-mode:soft-light;opacity:.7
}
.deals-band::after{
  content:"";position:absolute;left:0;right:0;top:0;height:72px;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 10% 30%, rgba(255,255,255,.22) 0 1px, transparent 2px),
    radial-gradient(circle at 30% 70%, rgba(255,255,255,.16) 0 1px, transparent 2px),
    radial-gradient(circle at 55% 40%, rgba(255,255,255,.18) 0 1px, transparent 2px),
    radial-gradient(circle at 80% 60%, rgba(255,255,255,.14) 0 1px, transparent 2px),
    linear-gradient(180deg, rgba(255,255,255,.08), transparent);
  background-size:12px 12px, 14px 14px, 10px 10px, 16px 16px, auto;
  opacity:.85
}
.deals-band > *{position:relative;z-index:1}
.deals-band .deals-head{z-index:5}
.deals-band .deals-head__actions{z-index:6}
.deal-card{
  box-shadow:0 12px 26px rgba(20,8,50,.2);
  transition:transform .2s ease,box-shadow .2s ease
}
.deal-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(20,8,50,.26)}

/* Customer sound page */
.csound{padding:28px 0 64px;background:
  radial-gradient(circle at 90% 0%, rgba(109,40,217,.06), transparent 40%),
  #fff
}
.csound-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin:8px 0 28px
}
.csound-brand{
  margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-weight:900;font-size:1.6rem;color:#6d28d9
}
.csound-head h1{
  margin:0 0 8px;font-family:Yekanbakh,sans-serif;font-weight:900;
  font-size:clamp(1.35rem,2.4vw,1.85rem);color:#1b2030
}
.csound-lede{margin:0;color:#5d6678;line-height:1.85;max-width:40rem}
.csound-cta{
  display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:999px;
  background:#6d28d9;color:#fff;text-decoration:none;font-family:Yekanbakh,sans-serif;font-weight:800
}
.csound-cta:hover{color:#fff;filter:brightness(1.06)}
.csound-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.csound-card{
  opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease
}
.csound-card.is-in{opacity:1;transform:none;transition-delay:calc(var(--i,0) * .04s)}
.csound-empty{color:#6b7285;grid-column:1 / -1}
.audio-player.is-playing .audio-play{background:#0da21b}
.audio-bar span{width:0;transition:width .05s linear}
@media (max-width:900px){
  .csound-grid{grid-template-columns:minmax(0,1fr);}
}

/* Trust extras */
.tu-hero-pattern{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background:
    radial-gradient(circle at 20% 30%, rgba(13,162,27,.14) 0 1.5px, transparent 2px),
    radial-gradient(circle at 70% 60%, rgba(20,40,70,.08) 0 1.5px, transparent 2px);
  background-size:22px 22px, 28px 28px
}
.tu-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px;max-width:640px
}
.tu-stat{
  background:rgba(255,255,255,.78);border:1px solid #e6e9f2;border-radius:14px;padding:12px 10px;text-align:center;
  animation:tuIn .55s ease both;animation-delay:calc(var(--i,0) * .05s)
}
.tu-stat strong{display:block;font-family:Yekanbakh,sans-serif;font-weight:900;font-size:1.15rem;color:#0da21b}
.tu-stat span{color:#5d6678;font-size:.76rem}
.tu-reason-ico{
  width:36px;height:36px;border-radius:11px;display:inline-block;margin-bottom:12px;
  background:#e8f8ea;position:relative
}
.tu-reason-ico::before{
  content:"";position:absolute;inset:10px;border-radius:3px;background:#0da21b
}
.tu-reason-ico.is-support::before{border-radius:50%;inset:11px}
.tu-reason-ico.is-download::before{clip-path:polygon(30% 15%,70% 15%,70% 55%,90% 55%,50% 85%,10% 55%,30% 55%)}
.tu-flow-num{
  width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  background:#0da21b;color:#fff;font-family:Yekanbakh,sans-serif;font-weight:800
}
.tu-flow strong{display:block;margin-bottom:6px;font-family:Yekanbakh,sans-serif;color:var(--tu-ink)}
.tu-flow p{margin:0;color:var(--tu-muted);line-height:1.8;font-size:.9rem}

/* ========== Mobile shell — compact professional ========== */
.m-burger,
.m-overlay,
.m-drawer,
.m-tabbar{display:none}

@media (max-width:992px){
  html{--m-tabbar-h:52px}

  body{
    padding-bottom:calc(var(--m-tabbar-h) + env(safe-area-inset-bottom,0px));
  }
  body.m-nav-open{
    overflow:hidden;
    touch-action:none;
    overscroll-behavior:none
  }

  /* فوتر بچسبد به بالای تب‌بار، بدون فاصله شناور */
  .footer-full{
    margin-top:auto;
    padding-bottom:0;
    margin-bottom:0;
  }
  .site-footer{margin-bottom:0}
  .footer-links-panel{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    padding:16px 12px 14px;
    gap:12px 12px
  }
  .footer-col--desk-only{
    position:absolute !important;
    width:1px !important;height:1px !important;
    padding:0 !important;margin:-1px !important;
    overflow:hidden !important;clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;border:0 !important
  }
  .footer-col h4{font-size:.84rem;margin:0 0 6px}
  .footer-col a{font-size:.74rem;padding:2px 0;line-height:1.5}
  .footer-col a.is-muted{font-size:.68rem;padding:1px 0}

  .menu-dropdown{display:none !important}
  .header-right .social-expand,
  .header-left .social-expand{display:none !important}
  .header-bar{padding:12px 0 8px;min-height:58px}
  .site-header{
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(229,229,238,.65)
  }
  .site-header.is-scrolled{
    box-shadow:0 1px 2px rgba(41,43,57,.04),0 6px 16px -10px rgba(41,43,57,.14)
  }
  .header-logo img{width:50px;height:50px}
  .expand-btn{padding:8px}
  .expand-btn svg{width:24px;height:24px}
  .header-account{display:none !important}
  .header-left > a.expand-item:not(.cart-expand){display:none !important}

  /* Slim header burger */
  .m-burger{
    display:inline-flex;align-items:center;justify-content:center;
    width:42px;height:42px;border:0;border-radius:12px;cursor:pointer;
    background:transparent;color:var(--ink);
    transition:background .2s ease,color .2s ease
  }
  .m-burger:active{background:#f3f2f8}
  .m-burger__box{position:relative;width:16px;height:12px;display:block}
  .m-burger__line{
    position:absolute;left:0;right:0;height:1.5px;border-radius:2px;background:currentColor;
    transition:transform .28s ease,opacity .2s ease,top .28s ease
  }
  .m-burger__line:nth-child(1){top:0}
  .m-burger__line:nth-child(2){top:5px}
  .m-burger__line:nth-child(3){top:10px}
  body.m-nav-open .m-burger__line:nth-child(1),
  .m-burger.is-open .m-burger__line:nth-child(1){top:5px;transform:rotate(45deg)}
  body.m-nav-open .m-burger__line:nth-child(2),
  .m-burger.is-open .m-burger__line:nth-child(2){opacity:0}
  body.m-nav-open .m-burger__line:nth-child(3),
  .m-burger.is-open .m-burger__line:nth-child(3){top:5px;transform:rotate(-45deg)}

  .m-overlay{
    display:block;position:fixed;inset:0;z-index:220;
    background:rgba(20,22,30,.35);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .25s ease,visibility .25s
  }
  .m-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}

  /* Compact side sheet — closed fully off-screen */
  .m-drawer{
    display:flex;flex-direction:column;
    position:fixed;top:0;bottom:0;right:0;left:auto;z-index:230;
    width:min(86vw,320px);max-width:100%;
    background:#fff;
    border-left:1px solid #ececf2;
    box-shadow:-8px 0 28px rgba(20,24,33,.12);
    transform:translateX(105%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;
    padding:env(safe-area-inset-top,0) 0 calc(8px + env(safe-area-inset-bottom,0));
    overflow:hidden;
    overscroll-behavior:contain
  }
  .m-drawer.is-open{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
    transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s
  }

  .m-drawer__head{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    padding:12px 12px 10px;border-bottom:1px solid #f0f0f5
  }
  .m-drawer__brand{
    display:flex;align-items:center;gap:8px;min-width:0
  }
  .m-drawer__brand img{width:28px;height:28px;object-fit:contain;border-radius:7px}
  .m-drawer__brand strong{
    font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.9rem;color:var(--ink)
  }
  .m-drawer__close{
    width:32px;height:32px;border:0;border-radius:8px;cursor:pointer;
    background:#f5f5f8;color:#5a5d6c;display:grid;place-items:center
  }
  .m-drawer__close:active{background:#ebeaf2;color:var(--purple)}

  .m-drawer__nav{
    flex:1;overflow:auto;padding:6px 8px 8px;-webkit-overflow-scrolling:touch
  }
  .m-drawer__nav a{
    display:flex;align-items:center;gap:10px;
    min-height:40px;padding:8px 10px;border-radius:10px;
    color:#3a3c4a;font-size:.86rem;font-weight:600;
    transition:background .15s ease,color .15s ease;
    opacity:0;transform:translateX(10px)
  }
  .m-drawer__nav a svg{width:18px;height:18px;flex:0 0 auto;opacity:.72}
  .m-drawer.is-open .m-drawer__nav a{
    animation:mRowIn .28s ease both;
    animation-delay:calc(.04s + var(--i,0) * .025s)
  }
  .m-drawer__nav a.is-active,
  .m-drawer__nav a:active{
    background:#f4f1fb;color:var(--purple)
  }
  .m-drawer__nav a.is-active svg{opacity:1;color:var(--purple)}

  .m-drawer__foot{
    display:grid;gap:10px;padding:10px;
    border-top:1px solid #f0f0f5
  }
  .m-drawer__auth{
    position:relative;overflow:hidden;border-radius:12px;padding:2px;
    background:
      radial-gradient(circle at 12% 20%,rgba(255,255,255,.35) 0 1px,transparent 1.5px),
      radial-gradient(circle at 80% 70%,rgba(255,255,255,.22) 0 1px,transparent 1.5px),
      linear-gradient(135deg,#2d0a78 0%,#41169f 48%,#5b21b6 100%);
    background-size:18px 18px,22px 22px,auto;
    box-shadow:0 8px 18px rgba(56,14,148,.22);
    opacity:0
  }
  .m-drawer.is-open .m-drawer__cart{animation:mRowIn .28s ease .14s both}
  .m-drawer.is-open .m-drawer__auth{animation:mRowIn .28s ease .2s both}
  .m-drawer__cta{
    display:flex;align-items:center;justify-content:center;
    min-height:40px;border-radius:10px;padding:8px 12px;
    background:rgba(255,255,255,.1);color:#fff;
    font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.86rem;
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(2px)
  }
  .m-drawer__socials{
    display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:2px 0;
    opacity:0
  }
  .m-drawer.is-open .m-drawer__socials{animation:mRowIn .28s ease .26s both}
  .m-drawer__socials .social-circle{
    width:34px;height:34px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:#f4f4f8;color:#3a3c4a;border:1px solid #ececf2;
    transition:transform .15s ease,background .15s ease,color .15s ease
  }
  .m-drawer__socials .social-circle:active{
    transform:scale(.94);background:#efe9ff;color:var(--purple)
  }
  .m-drawer__cart{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:40px;border-radius:11px;padding:8px 12px;
    background:linear-gradient(135deg,#0da21b,#0a8a16);color:#fff;
    font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.86rem;
    box-shadow:0 8px 16px rgba(13,162,27,.22);
    opacity:0;position:relative
  }
  .m-drawer__cart-badge{
    min-width:18px;height:18px;padding:0 5px;border-radius:999px;
    background:#fff;color:#0a8a16;font-size:.68rem;line-height:18px;text-align:center
  }

  @keyframes mRowIn{
    from{opacity:0;transform:translateX(10px)}
    to{opacity:1;transform:none}
  }

  /* 4-item bottom bar */
  .m-tabbar{
    display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;
    position:fixed;left:0;right:0;bottom:0;z-index:200;
    height:calc(var(--m-tabbar-h) + env(safe-area-inset-bottom,0px));
    padding:3px 2px calc(3px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-top:1px solid #e8e8f0;
    box-shadow:0 -3px 14px rgba(20,24,33,.05)
  }
  .m-tab{
    appearance:none;border:0;background:transparent;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-width:0;min-height:44px;color:#8a8b9a;text-decoration:none;
    font-family:Yekanbakh,sans-serif;font-weight:700;font-size:.6rem;
    transition:color .15s ease;position:relative;padding:0 2px
  }
  .m-tab svg{width:19px;height:19px;flex:0 0 auto}
  .m-tab span{
    line-height:1.15;max-width:100%;padding:0 1px;text-align:center;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
  .m-tab__short{display:none}
  .m-tab.is-active{color:var(--purple)}
  .m-tab.is-active::before{
    content:"";position:absolute;top:auto;bottom:3px;width:16px;height:2px;border-radius:99px;background:var(--purple)
  }
  .m-tab:active{opacity:.75}

  .purchase-toast{
    bottom:calc(var(--m-tabbar-h) + 8px + env(safe-area-inset-bottom,0px)) !important;
    left:10px !important;right:10px !important;
    width:auto !important;max-width:none !important;
    padding:7px 10px 7px 30px !important;gap:8px !important;border-radius:11px !important;
    align-items:center !important;min-height:0 !important
  }
  .purchase-toast::before{width:3px !important}
  .purchase-toast img{
    width:32px !important;height:38px !important;border-radius:7px;margin-top:0;
    box-shadow:0 3px 8px rgba(56,14,148,.1) !important
  }
  .purchase-toast__body{padding-left:0 !important;padding-right:0 !important}
  .purchase-toast p{
    font-size:.72rem !important;line-height:1.45 !important;margin:0 0 2px !important;
    display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
    overflow:hidden !important;white-space:normal !important;word-break:break-word
  }
  .purchase-toast a{font-size:.7rem !important}
  .purchase-toast a::after{display:none}
  .toast-close{
    top:50% !important;left:5px !important;transform:translateY(-50%) !important;
    width:20px !important;height:20px !important;border-radius:6px !important;
    font-size:.85rem !important;background:#fff !important;border:1px solid #ececf2 !important;
    box-shadow:none !important;z-index:5 !important
  }
  .toast-close:hover{transform:translateY(-50%) rotate(90deg) !important}

  .container{width:min(100% - 22px,var(--container))}
  .section-head{
    flex-wrap:nowrap !important;align-items:center;gap:8px;margin-bottom:16px
  }
  .section-head h2{
    font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0
  }
  .section-head h2 .sec-icon{width:24px;height:24px;border-radius:7px;flex-shrink:0}
  .section-head .btn-more,
  .blog-hot-head .btn-more{
    flex:0 0 auto;white-space:nowrap;padding:8px 12px;font-size:.78rem;border-radius:10px
  }
  .blog-cats-panel{
    left:0;right:0;min-width:0;width:100%;
    max-height:min(70vh,420px);overflow:auto
  }
  .follow-inner{gap:16px;flex-wrap:wrap;justify-content:center}
  .follow-title{white-space:normal;font-size:.84rem}
  .audio-play,.slider-arrow,.btn-more,button,a,.testimonial-card,.free-slide{
    -webkit-user-select:none !important;user-select:none !important;
    -webkit-touch-callout:none !important;-webkit-tap-highlight-color:transparent !important
  }
}

@media (max-width:640px){
  .search-ticker-bar{border-radius:12px;height:46px;min-height:46px}
  .ticker,.search-box{min-height:0;height:100%;padding:0 12px}
  .typewriter-link{font-size:.78rem;font-weight:400}
  .ticker-prefix,
  #typewriterText,
  .search-toggle,
  .search-label{font-weight:400 !important}
  .search-toggle{font-size:.8rem}
  .search-box{max-width:88px;padding:0 8px}
  .page-hero h1,.blog-mag-head h1{font-size:1.12rem}
  .m-drawer{width:min(88vw,340px)}
  .blog-mag-icon svg{width:22px;height:22px}
  .blog-cats-btn{font-size:.82rem;padding:10px 12px}
  .mag-body h2{font-size:.95rem !important}
  .mag-time-badge{font-size:.72rem;padding:5px 8px}
  .blog-hot-head h2{font-size:.98rem}
  .blog-hot-head .btn-more{padding:8px 12px;font-size:.76rem}
  .section-free{padding-top:10px}
  .search-ticker-bar{margin-top:4px}
  .free-slider{grid-template-columns:22px 1fr 22px;gap:4px}
  .slider-arrow{
    width:20px;height:34px;border-radius:7px;font-size:.95rem;
    box-shadow:0 3px 10px rgba(56,14,148,.26)
  }
  .free-track{gap:12px}
  .free-viewport{overflow:hidden;padding-bottom:2px}
  .free-slide{
    flex-basis:100%;overflow:visible;padding:0 2px;box-sizing:border-box
  }
  .free-slide-img{
    border-radius:12px;aspect-ratio:16/9;
    box-shadow:0 6px 16px rgba(41,43,57,.07)
  }
  .free-slide h3{
    font-size:.86rem;margin:8px 0 4px;line-height:1.45;font-weight:700;
    -webkit-line-clamp:2;line-clamp:2
  }
  .free-meta{font-size:.68rem;gap:6px;margin-bottom:4px}
  .free-slide p{
    font-size:.74rem;line-height:1.6;
    -webkit-line-clamp:2;line-clamp:2
  }
  .slider-dots{margin-top:10px;gap:2px}
  .slider-dots .dot{width:44px;height:44px}
  .slider-dots .dot::after{width:8px;height:8px}
  .slider-dots .dot.active::after{width:22px}
  .section-free .section-head,
  .section .section-head{
    flex-wrap:nowrap !important
  }
  .section-free .section-head h2{
    font-size:.95rem
  }
  .btn-more,
  .blog-hot-head .btn-more{
    padding:8px 12px;font-size:.76rem;border-radius:9px;
    box-shadow:0 4px 12px rgba(56,14,148,.2);
    flex-shrink:0;white-space:nowrap
  }
}

@media (max-width:380px){
  .header-logo img{width:36px;height:36px}
  .m-tab{font-size:.56rem}
  .m-tab svg{width:18px;height:18px}
  .m-tab__full{display:none}
  .m-tab__short{display:block;font-size:.56rem}
  .container{width:min(100% - 16px,var(--container))}
  .search-box{max-width:76px}
  .home-featured-courses .home-featured-grid{gap:8px}
  .home-featured-courses .product-card .body{padding:8px 8px 10px;gap:5px}
  .home-featured-courses .product-card h3{font-size:.74rem}
  .home-featured-courses .pc-row{font-size:.6rem}
  .home-featured-courses .price{font-size:.78rem}
  .home-featured-courses .pc-cta{min-height:32px;font-size:.66rem;padding:6px}
}

@media (prefers-reduced-motion:reduce){
  .m-drawer,.m-overlay,.m-burger__line{transition:none !important}
  .m-drawer.is-open .m-drawer__nav a,
  .m-drawer.is-open .m-drawer__auth,
  .m-drawer.is-open .m-drawer__socials,
  .m-drawer.is-open .m-drawer__cart{animation:none !important;opacity:1;transform:none}
}

/* خرید فریز / ناموجود */
.purchase-freeze{
  margin:12px 0 0;padding:14px 16px;border-radius:10px;
  background:rgba(41,43,57,.06);border:1px dashed rgba(41,43,57,.22);
  text-align:right
}
.purchase-freeze strong{
  display:block;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:.95rem;color:#292b39;margin:0 0 6px
}
.purchase-freeze p{margin:0;color:#565868;font-size:.9rem;line-height:1.7}
.zk-btn-frozen,
.education__add-cart--frozen,
.cvb__gate-btn.is-frozen{
  display:inline-flex;align-items:center;justify-content:center;
  pointer-events:none;cursor:not-allowed;opacity:.85;
  background:#e8e8ef !important;color:#565868 !important;border:0 !important;
  font-family:Yekanbakh,sans-serif;font-weight:800
}
.zk-btn-frozen{padding:10px 16px;border-radius:10px;font-size:.9rem}
.education__add-cart--frozen{width:100%}

/* Perf: skip layout/paint for below-fold home blocks until near viewport */
.section-free,
.section-howto,
.section-deals,
.home-featured-courses,
.blog-home-grid{
  content-visibility:auto;
  contain-intrinsic-size:1px 640px
}



/* ===== Team page (noindex) ===== */
.team-grid{display:grid;gap:24px}
.team-card{
  display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;
  background:#fff;border:1px solid #e8ebf2;border-radius:20px;padding:24px;
  box-shadow:0 6px 18px rgba(20,24,40,.05)
}
.team-photo{margin:0;border-radius:16px;overflow:hidden;background:#eef0f5;align-self:start}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5}
.team-copy h2{margin:6px 0 4px;font-family:Yekanbakh,sans-serif;font-weight:800;font-size:1.5rem}
.team-role{margin:0 0 6px;font-weight:700;color:var(--ab-muted,#5a6072);font-size:.95rem}
.team-tag{margin:0 0 14px;font-weight:800;color:var(--ab-accent,#41149f);font-size:.92rem}
.team-copy>p{line-height:1.85;color:#3a3f4d;font-size:.94rem;margin:0 0 10px}
.team-skills{
  list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px
}
.team-skills li{
  background:#f4f6fb;border:1px solid #e3e7f0;border-radius:999px;
  padding:6px 14px;font-size:.8rem;font-weight:700;color:#3a3f4d
}
.team-process{max-width:760px;margin:0 auto}
@media (max-width:820px){
  .team-card{grid-template-columns:1fr;padding:18px}
  .team-photo img{aspect-ratio:4/5;max-height:420px}
}