/* All resources self-hosted. Bootstrap 5.3.8 RTL + site overrides. */
:root{--ink:#1d293e;--muted:#607086;--primary:#b33526;--steel:#263a67;--surface:#f4f6f9;--line:#e5e9f1;--radius:18px}
@font-face{font-family:Vazirmatn;src:url("/assets/fonts/Vazirmatn-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}html{scroll-behavior:smooth}body{font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.85;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%;height:auto}.text-muted-custom{color:var(--muted)}.container-atrin{max-width:1280px;margin-inline:auto;padding-inline:24px}.section-space{padding-block:76px}.bg-soft{background:var(--surface)}.section-kicker{color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.04em}.section-heading{font-weight:900;font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.5}.hero-title{font-weight:900;font-size:clamp(2rem,4vw,4.3rem);line-height:1.4}.btn-primary-atrin{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:10px;padding:.7rem 1.4rem;display:inline-flex;gap:10px;align-items:center;font-weight:750;justify-content:center}.btn-primary-atrin:hover,.btn-primary-atrin:focus{background:#8d261b;color:#fff}.btn-outline-atrin{border:1px solid #cbd3e1;border-radius:10px;padding:.7rem 1.4rem;display:inline-flex;align-items:center;font-weight:750}.btn-outline-atrin:hover{background:#f4f5f9}.site-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,231,239,.9);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 12px 32px rgba(30,41,59,.09)}.header-inner{min-height:83px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;flex:none}.brand img{height:53px;width:53px;object-fit:contain}.brand strong{font-size:1rem;color:#1b2946;display:block;line-height:1.5}.brand small{font-family:Arial,sans-serif;font-size:.67rem;letter-spacing:.12em;color:var(--muted);display:block;line-height:1.1}.nav-main{display:flex;align-items:center;gap:12px}.nav-main>a,.nav-main .nav-link{display:inline-flex;align-items:center;font-size:.83rem;font-weight:800;color:#28364d;padding:12px 7px}.nav-main>a:hover,.nav-main .nav-link:hover,.nav-main .nav-link[aria-current=page]{color:var(--primary)}.nav-drop{position:relative}.drop-panel{display:none;position:absolute;top:100%;right:0;min-width:245px;background:#fff;box-shadow:0 18px 45px rgba(25,40,64,.13);border:1px solid var(--line);border-radius:15px;padding:12px;z-index:50}.drop-panel a{display:block;font-size:.78rem;font-weight:750;padding:9px 12px;border-radius:8px}.drop-panel a:hover{background:#f5f7f9}.nav-drop:hover>.drop-panel,.nav-drop:focus-within>.drop-panel,.nav-drop.open>.drop-panel{display:block}.mobile-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:1.2rem;width:45px;height:44px}.mobile-nav{display:none;border-top:1px solid var(--line);max-height:calc(100vh - 90px);overflow:auto}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:700}.mobile-nav details{border-bottom:1px solid var(--line)}.mobile-nav summary{padding:12px 8px;cursor:pointer;font-weight:800}.mobile-nav details a{padding-right:25px;font-size:.89rem}.site-footer{background:#f6f8fa;border-top:1px solid var(--line);padding-top:55px}.site-footer h2{font-size:1rem;font-weight:900}.site-footer p,.site-footer a{font-size:.85rem;color:#57667b}.site-footer a:hover{color:var(--primary)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:9px 0}.footer-bottom{border-top:1px solid var(--line);padding:16px 0;font-size:.76rem;color:var(--muted)}.hero-slide{position:relative;min-height:580px;display:flex;align-items:center;background:#142238;color:#fff;isolation:isolate}.hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(8,20,39,.96),rgba(9,23,42,.65) 58%,rgba(14,31,57,.13));z-index:-1}.hero-slide>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}.hero-slide .hero-body{position:relative;z-index:2;padding-block:90px;max-width:670px}.hero-slide .hero-body p{color:#e0e6ef;max-width:650px;font-size:1.08rem}.carousel-indicators{margin-bottom:18px}.carousel-control-prev,.carousel-control-next{width:7%}.stat-strip{background:#202e4a;color:#fff}.stat-number{font-size:1.7rem;font-weight:900}.stat-text{font-size:.79rem;color:#d4ddea}.content-card{height:100%;border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 15px rgba(24,42,68,.04);transition:transform .2s,box-shadow .2s}.content-card:hover{transform:translateY(-4px);box-shadow:0 16px 33px rgba(24,42,68,.09)}.content-card img{width:100%;height:225px;object-fit:cover}.content-card .card-inside{padding:23px}.content-card h3{font-size:1.1rem;font-weight:900;margin-bottom:.6rem;line-height:1.6}.content-card p{color:var(--muted);font-size:.89rem}.content-card .more-link{font-weight:800;color:var(--primary);font-size:.83rem}.tag{display:inline-block;background:#fff4f1;color:#ab3528;border-radius:100px;padding:5px 12px;font-size:.73rem;font-weight:800}.page-banner{background:linear-gradient(120deg,#172a4b,#293e66);color:#fff;padding:65px 0}.page-banner p{color:#d9e3f0}.breadcrumb{--bs-breadcrumb-divider:"/";font-size:.79rem}.breadcrumb-item.active{color:#ddd}.breadcrumb-item+.breadcrumb-item:before{float:right;padding-inline:8px}.article-body{font-size:1rem;line-height:2.2}.article-body h2{font-size:1.45rem;margin-top:32px;font-weight:900}.article-body img{border-radius:14px;margin:20px 0}.fact-list{padding:0;list-style:none}.fact-list li{padding:9px 0;border-bottom:1px solid var(--line)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-block:26px}.filter-bar [data-filter]{background:#fff;color:#35425b;border:1px solid #d9dee8;border-radius:100px;padding:7px 16px;font-size:.83rem;font-weight:800}.filter-bar [data-filter][aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.spec-table th{white-space:nowrap}.detail-hero-img{width:100%;height:min(410px,48vw);object-fit:cover;border-radius:18px}.empty-text{padding:22px;color:var(--muted)}.faq-block .accordion-button{font-weight:850}.faq-block .accordion-button:not(.collapsed){color:var(--primary);background:#fff5f3}.gallery-img{border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}.gallery-img img{height:240px;width:100%;object-fit:cover;border-radius:12px}.video-poster{position:relative;border-radius:18px;overflow:hidden;background:#182944}.video-poster img{width:100%;max-height:520px;object-fit:cover;display:block}.video-notice{background:#f3f6f9;border-right:4px solid #63748e;padding:16px;border-radius:8px}.contact-box{border:1px solid var(--line);border-radius:18px;background:white;padding:26px;height:100%}.contact-box h2{font-size:1.25rem;font-weight:900}.form-control,.form-select{padding:.75rem;border-radius:10px}.form-control:focus,.form-select:focus{border-color:#b43a2d;box-shadow:0 0 0 3px rgba(180,58,45,.12)}.data-table{font-size:.84rem}.data-table th{background:#f4f6fa}.skip-link{position:absolute;top:-50px;right:10px;background:#fff;padding:12px;z-index:2000}.skip-link:focus{top:0}.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}
@media(max-width:1199px){.nav-main{gap:2px}.nav-main>a,.nav-main .nav-link{font-size:.76rem;padding:9px 5px}}@media(max-width:991px){.nav-main,.desktop-cta{display:none!important}.mobile-toggle{display:flex}.header-inner{min-height:73px}.hero-slide{min-height:490px}.container-atrin{padding-inline:18px}.section-space{padding-block:50px}.hero-slide .hero-body{padding-block:65px}}@media(max-width:575px){.brand img{width:46px;height:46px}.brand strong{font-size:.83rem}.hero-slide{min-height:440px}.hero-slide .hero-body p{font-size:.9rem}.section-heading{font-size:1.5rem}.page-banner{padding:40px 0}.content-card img{height:195px}.detail-hero-img{height:240px}.carousel-control-next,.carousel-control-prev{display:none}}

/* Bootstrap g-5 rows have 24px negative gutters, but the mobile container
   has only 18px side padding. Restrict the fix to video detail pages. */
@media(max-width:991px){
  .ref-video-detail-page .row.g-5{--bs-gutter-x:1.5rem}
}