/* ========================================================================== 
   v41 — شهر بزرگ ۲۰ منطقه‌ای و دیجیتال
   ========================================================================== */
:root{--kbk-panel:rgba(10,16,32,.68);--kbk-panel-strong:rgba(8,12,24,.92);--kbk-cream:#edf5ff;--kbk-gold:#63e6f3;--kbk-ink:#07101f;--kbk-line:rgba(99,230,243,.22)}
.city-intro,.view-switch,.district-rail,.drive-status,.admin-panel,.admin-backdrop{display:none!important}
.experience{background:radial-gradient(circle at 50% 10%, #18305d 0%, #0e172c 42%, #081120 100%)}
.noise{opacity:.022!important;mix-blend-mode:screen}.atmosphere{opacity:.92;filter:saturate(120%)}
.city-header{grid-template-columns:minmax(220px,1fr) auto auto!important;min-height:72px!important;padding:12px 18px!important;background:linear-gradient(180deg,rgba(8,16,31,.58),rgba(8,16,31,.08))!important}
.city-brand{gap:10px!important}.brand-emblem{width:42px!important;height:42px!important;border-radius:13px 13px 13px 4px!important;font-size:19px!important;box-shadow:3px 4px rgba(20,21,33,.3)!important;transform:rotate(-2deg)!important}.city-brand:hover .brand-emblem{transform:translate(-1px,-1px) rotate(1deg)!important;box-shadow:5px 6px rgba(20,21,33,.3)!important}
.city-brand b{font-size:13px!important;letter-spacing:-.2px}.city-brand small{font-size:7.5px!important;opacity:.72!important}
.city-header nav{background:rgba(8,18,36,.62)!important;border-color:var(--kbk-line)!important;padding:4px!important;gap:2px!important;box-shadow:0 12px 32px rgba(20,21,33,.14)!important}.city-header nav button{min-height:34px!important;padding:0 13px!important;font-size:8.5px!important;color:rgba(255,245,229,.82)!important}.city-header nav button:hover{background:var(--kbk-cream)!important;color:var(--kbk-ink)!important}
.admin-trigger{min-height:38px!important;padding:0 13px!important;border-radius:999px!important;background:linear-gradient(135deg,#63e6f3,#7a7cff)!important;color:#06101e!important;border:1px solid rgba(99,230,243,.62)!important;box-shadow:3px 4px rgba(20,21,33,.22)!important}.admin-trigger b{display:none!important}.admin-trigger span{font-size:9px!important}
.drive-guide{bottom:13px!important;padding:7px 12px!important;background:rgba(24,27,36,.46)!important;border-color:rgba(255,245,229,.18)!important;box-shadow:0 10px 26px rgba(20,21,33,.14)!important}.drive-guide p{font-size:7.5px!important;line-height:1.65!important;color:rgba(255,245,229,.8)!important}
.district-card{width:min(420px,calc(100vw - 30px))!important;min-height:0!important;right:15px!important;bottom:15px!important;grid-template-columns:48px minmax(0,1fr)!important;border-radius:22px 22px 22px 7px!important;background:rgba(238,245,255,.95)!important;box-shadow:0 22px 66px rgba(20,21,33,.35)!important}.district-copy{padding:15px 17px 13px!important}.district-copy>p:first-child{font-size:7.5px!important;margin-bottom:4px!important}.district-copy h2{font-size:clamp(21px,2vw,28px)!important;letter-spacing:-1px!important}.district-copy h3{font-size:9.5px!important;margin-top:6px!important}.district-description{font-size:8.5px!important;line-height:1.82!important;margin:6px 0 10px!important}.district-actions{padding-top:9px!important;gap:7px!important}.district-actions a,.district-actions button{min-height:34px!important;padding:0 12px!important;font-size:7.8px!important}.district-glyph{font-size:16px!important}.card-close{width:28px!important;height:28px!important;top:10px!important;left:10px!important}
.content-drawer{width:min(720px,100%)!important;padding:24px 27px 30px!important;background:rgba(6,12,24,.965)!important}.drawer-heading{padding:30px 0 21px!important}.drawer-heading h2{font-size:clamp(34px,4.6vw,58px)!important;letter-spacing:-2.5px!important;line-height:1.03!important}.editorial-columns>p,.about-story p{font-size:12px!important;line-height:2.05!important}.services-grid>div{min-height:165px!important;padding:16px!important}.services-grid h3{font-size:13.5px!important}.services-grid p{font-size:8.5px!important;line-height:1.9!important}
.kbk-site-exit{position:fixed;z-index:45;left:15px;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px 0 13px;border-radius:999px;color:var(--kbk-cream);background:rgba(24,27,36,.46);border:1px solid rgba(255,245,229,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:800 8px/1 Tahoma,Arial,sans-serif;text-decoration:none;transition:.18s}.kbk-site-exit b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--kbk-gold);color:var(--kbk-ink);font-size:12px}.kbk-site-exit:hover{transform:translateY(-1px);background:rgba(24,27,36,.78)}
.kbk-preview-badge{position:fixed;z-index:60;left:50%;top:10px;transform:translateX(-50%);padding:7px 11px;border-radius:999px;background:#ffd268;color:#202c32;font:900 8px/1 Tahoma,Arial,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.18);pointer-events:none}
@media(max-width:1050px){.city-header{grid-template-columns:1fr auto!important}.city-header nav{position:static!important;transform:none!important}.admin-trigger{grid-column:auto!important}}
@media(max-width:760px){.city-header{min-height:65px!important;padding:10px 11px!important}.brand-emblem{width:39px!important;height:39px!important}.city-brand b{font-size:12px!important}.city-brand small,.city-header nav{display:none!important}.admin-trigger{min-height:36px!important;padding:0 11px!important}.district-card{right:9px!important;bottom:84px!important;width:calc(100vw - 18px)!important;grid-template-columns:40px 1fr!important;max-height:34vh!important}.district-copy{padding:13px 13px 11px!important}.district-copy h2{font-size:20px!important}.district-description{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.drive-guide{display:none!important}.content-drawer{padding:17px 15px 21px!important}.drawer-heading h2{font-size:34px!important}.services-grid{grid-template-columns:1fr 1fr!important}.kbk-site-exit{left:10px;bottom:10px}.mobile-drive{bottom:11px!important}}
@media(max-width:480px){.admin-trigger span{font-size:0!important}.admin-trigger span:after{content:'درخواست';font-size:8px}.services-grid{grid-template-columns:1fr!important}.district-actions{flex-wrap:wrap}.district-actions a,.district-actions button{flex:1}.kbk-site-exit span{display:none}.kbk-site-exit{padding:0 6px}}

.hero-cinema-note{color:#9dc8ff}

/* ==========================================================================
   v41 — فضای دیجیتال و شهر گسترده ۲۰ منطقه‌ای
   ========================================================================== */
:root{
  --kbk-panel:rgba(5,12,24,.72);
  --kbk-panel-strong:rgba(4,9,20,.95);
  --kbk-cream:#eaf6ff;
  --kbk-gold:#63e6f3;
  --kbk-ink:#06101e;
  --kbk-line:rgba(99,230,243,.24)
}
.experience{
  background:
    radial-gradient(circle at 50% 16%,rgba(49,91,171,.34),transparent 28%),
    radial-gradient(circle at 82% 62%,rgba(122,124,255,.18),transparent 34%),
    linear-gradient(180deg,#081326 0%,#06101e 54%,#040a14 100%)!important
}
.atmosphere{
  opacity:.95!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(99,230,243,.08),transparent 35%),
    linear-gradient(180deg,rgba(83,139,255,.08),transparent 52%,rgba(3,8,18,.36))!important
}
.city-header{
  border-bottom:1px solid rgba(99,230,243,.12)!important;
  background:linear-gradient(180deg,rgba(4,10,22,.82),rgba(4,10,22,.16))!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important
}
.city-header nav{
  background:rgba(5,15,32,.72)!important;
  border-color:rgba(99,230,243,.2)!important;
  box-shadow:0 15px 44px rgba(0,0,0,.26),inset 0 0 25px rgba(99,230,243,.035)!important
}
.city-header nav button:hover{
  background:linear-gradient(135deg,#63e6f3,#7a7cff)!important;
  color:#06101e!important;
  box-shadow:0 0 22px rgba(99,230,243,.28)!important
}
.brand-emblem{
  background:linear-gradient(135deg,#63e6f3,#7a7cff)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 26px rgba(99,230,243,.34)!important
}
.admin-trigger{
  box-shadow:0 0 0 1px rgba(99,230,243,.18),0 15px 34px rgba(22,68,122,.28)!important
}
.district-card{
  background:linear-gradient(160deg,rgba(238,247,255,.97),rgba(218,232,249,.94))!important;
  border:1px solid rgba(99,230,243,.28)!important;
  box-shadow:0 28px 86px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.36)!important
}
.district-actions a,
.district-actions button{
  border-color:rgba(8,33,66,.16)!important
}
.district-actions a:first-child{
  background:linear-gradient(135deg,#0c294c,#182c5c)!important;
  color:#eaf6ff!important;
  box-shadow:0 9px 22px rgba(8,22,49,.22)!important
}
.content-drawer{
  background:
    radial-gradient(circle at 85% 15%,rgba(99,230,243,.07),transparent 30%),
    radial-gradient(circle at 10% 85%,rgba(122,124,255,.08),transparent 34%),
    rgba(4,9,20,.975)!important;
  border-inline-start:1px solid rgba(99,230,243,.16)!important
}
.network-grid button{
  background:linear-gradient(145deg,rgba(12,27,52,.88),rgba(5,12,25,.92))!important;
  border-color:rgba(99,230,243,.12)!important
}
.network-grid button:hover{
  border-color:var(--district-color)!important;
  box-shadow:0 0 28px color-mix(in srgb,var(--district-color) 24%,transparent)!important
}
.drive-guide,.kbk-site-exit{
  background:rgba(5,12,25,.68)!important;
  border-color:rgba(99,230,243,.18)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important
}
.kbk-site-exit b{
  background:linear-gradient(135deg,#63e6f3,#7a7cff)!important
}
.kbk-preview-badge{
  background:linear-gradient(135deg,#63e6f3,#7a7cff)!important;
  color:#06101e!important
}
@media(max-width:760px){
  .district-card{max-height:38vh!important}
}

/* ====== v42 embed mode ====== */
body.kbk-embed .kbk-site-exit{display:none !important}
.kbk-embed-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:12;padding:.85rem 1.15rem;border-radius:999px;background:rgba(8,12,30,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);color:#fff;font-size:.92rem;max-width:min(92vw,760px);text-align:center;box-shadow:0 14px 30px rgba(0,0,0,.35)}
body.kbk-embed .kbk-embed-hint{bottom:18px}