/* Desktop landing composition follows bazargah-preview.html. */
html, body.md-standalone-page { min-height:100%; height:auto!important; overflow-x:hidden!important; overflow-y:auto!important; background:#fbfaf6; }
.md-standalone-page .md-landing.md-page { --md-nav-height:82px; --md-hero-height:clamp(150px,19vh,190px); min-height:100svh; height:auto; max-height:none; overflow:visible; background:#fbfaf6; font-family:"VazirmatnUIFD",Tahoma,Arial,sans-serif; }
.md-page .md-site-nav { position:absolute; z-index:8; inset:0 0 auto; width:100%; height:var(--md-nav-height); min-height:var(--md-nav-height); padding:0 clamp(22px,4.2vw,68px); display:flex; align-items:center; justify-content:space-between; gap:24px; color:#f7f4e9; background:rgba(17,29,23,.54); border:0; backdrop-filter:blur(3px); }
.md-page .md-site-brand-tools { display:flex; flex:none; align-items:center; gap:20px; min-width:0; }
.md-page .md-standalone-brand { position:static; inset:auto; display:flex; flex:none; align-items:center; justify-content:center; width:182px; height:54px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:inherit; text-shadow:none; }
.md-page .md-standalone-brand img { display:block; width:182px; height:54px; max-width:100%; object-fit:contain; }
.md-page .md-header-region-form { display:flex; align-items:center; margin:0; }
.md-page .md-header-region-form select { width:220px; min-height:38px; padding:6px 12px; border:1px solid #e5cf9b; border-radius:3px; background:rgba(17,29,23,.34); box-shadow:0 0 0 1px #f4e8c42e,inset 0 1px 3px #07130e5c; color:#f7f4e9; font:inherit; font-size:12px; direction:rtl; }
.md-page .md-header-region-form { position:relative; display:flex; flex:0 0 auto; align-items:center; margin:0; }
.md-page .md-header-region-form .sr-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; }
.md-page .md-header-region-form option { color:#17231d; background:#fff; }
.md-page .md-header-region-submit { display:none; }
.md-page .md-site-nav-links { display:flex; flex:1; align-items:center; justify-content:flex-start; gap:clamp(16px,2.5vw,34px); min-width:0; }
.md-page .md-site-nav-links a { color:#f7f4e9; font-size:12px; font-weight:550; padding:8px 0; border:0; transition:color .2s; white-space:nowrap; }
.md-page .md-site-nav-links a:hover { color:#f0dfb6; }
.md-page .md-hero { position:relative; display:flex; align-items:center; width:100%; height:calc(var(--md-hero-height) + var(--md-nav-height)); min-height:calc(var(--md-hero-height) + var(--md-nav-height)); margin:0; overflow:hidden; isolation:isolate; color:#fff; background:#13231c url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=2400&q=88') center 54%/cover no-repeat; }
.md-page .md-hero:before { content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(90deg,#101d18e8 0%,#14231bd9 30%,#14231ba8 60%,#101d1845 100%); pointer-events:none; }
.md-page .md-hero-click-area { position:absolute; z-index:1; inset:0; }
.md-page .md-top-banner-slides { position:absolute; z-index:1; inset:0; width:100%; height:100%; pointer-events:auto; }
.md-page .md-banner-slide { position:absolute; inset:0; display:block; overflow:hidden; border:0; border-radius:0; background:transparent; box-shadow:none; opacity:0; visibility:hidden; pointer-events:none; }
.md-page .md-banner-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; }
.md-page .md-banner-slide picture,.md-page .md-banner-slide img { display:block; width:100%; height:100%; object-fit:cover; }
.md-page .md-banner-slide:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#101d18b8,transparent 75%); pointer-events:none; }
.md-page .md-banner-overlay { position:absolute; z-index:2; inset-inline-start:clamp(18px,4.2vw,68px); inset-block-end:16px; display:grid; gap:3px; color:#fff; text-shadow:0 2px 12px #000b; }
.md-page .md-banner-overlay strong { font-size:clamp(17px,2.1vw,28px); }
.md-page .md-banner-overlay small { font-size:11px; }
.md-page .md-banner-overlay b { font-size:10px; color:#f0dfb6; }
.md-page .md-hero-copy { position:relative; z-index:3; width:min(1100px,88%); align-self:stretch; display:flex; flex-direction:column; justify-content:center; margin:var(--md-nav-height) clamp(24px,8vw,128px) 0 auto; padding:8px 0; pointer-events:none; text-align:right; text-shadow:0 2px 12px #0008; }
.md-page .md-hero-copy .md-eyebrow { display:none; }
.md-page .md-hero-copy h1 { max-width:100%; margin:0 0 3px; color:#fff; font-size:clamp(24px,2.6vw,36px); font-weight:500; line-height:1.35; letter-spacing:-.8px; white-space:pre-line; }
.md-page .md-hero-copy h1 span,.md-page .md-hero-copy h1 strong { display:block; }
.md-page .md-hero-copy h1 strong { color:#f0dfb6; font-weight:800; }
.md-page .md-hero-copy p { max-width:410px; margin:0; color:#e0e5df; font-size:10px; line-height:1.8; }
.md-page .md-hero-action { display:none; }
.md-landing.md-page .md-canvas { position:relative; width:100%; height:clamp(590px,calc(100svh - var(--md-nav-height) - var(--md-hero-height) - 48px),900px); min-height:590px; max-height:none; margin:0; padding:0; overflow:hidden; border-radius:0; background:radial-gradient(ellipse at 50% 48%,#edf0e8 0,#f3f1e9 52%,#e9e8df 100%); isolation:isolate; }
.md-page .md-canvas:before { display:none; }
.md-page .md-map-surface { position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; background:transparent; }
.md-page .md-map-heading { position:absolute; z-index:5; top:18px; right:clamp(22px,5vw,76px); left:auto; inset-inline-end:auto; width:auto; max-width:min(34vw,420px); margin:0; color:#17231d; font-size:15px; font-weight:650; }
.md-page .md-map-stage { position:absolute!important; left:50%!important; top:50%; right:auto!important; bottom:auto!important; width:min(60vw,820px)!important; height:96%!important; max-width:none!important; aspect-ratio:auto!important; display:grid;place-items:center;transform:translate(-50%,-50%)!important; transform-origin:50% 50%; animation:none!important; filter:none!important; }
.md-page .md-map-stage .iranmap { display:block; width:auto!important; height:min(82%,calc(100svh - 300px))!important; max-width:min(56vw,740px)!important; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important; filter:drop-shadow(1px 35px 18px #152b1d38); }
.md-page .md-control-rail { display:contents; }
.md-page .md-entry-tiles { display:contents; }
.md-page .md-perimeter-tile { position:absolute; z-index:5; top:22%; width:clamp(190px,17vw,224px); min-height:94px; padding:14px 16px; border:1px solid #d6c49a; border-radius:2px 18px 2px 18px; background:linear-gradient(145deg,#fffefa 0%,#f7f4e9 58%,#eee9da 100%); box-shadow:0 2px 0 #b79d6a,0 18px 42px #25332218,inset 0 1px 0 #fff; transform:translateY(-50%); transition:transform .35s,box-shadow .35s,border-color .35s; }
.md-page .md-store-tile { left:clamp(20px,3.2vw,52px); background:linear-gradient(145deg,#fff 0%,#f2f5ef 58%,#e7eee7 100%); border-color:#b8c6b8; box-shadow:0 2px 0 #829b88,0 18px 40px #1833261a,inset 0 1px 0 #fff; }
.md-page .md-vip-tile { right:clamp(20px,3.2vw,52px); height:auto; min-height:116px; }
.md-page .md-perimeter-tile:hover,.md-page .md-perimeter-tile:focus-visible { transform:translateY(calc(-50% - 5px)); box-shadow:0 3px 0 #b69a65,0 26px 54px #1b2b1f2b,inset 0 1px 0 #fff; border-color:#b69a65; }
.md-page .md-perimeter-tile small { font-size:9px; }
.md-page .md-perimeter-tile strong { font-size:15px; white-space:normal; }
.md-page .md-perimeter-tile em { font-size:9px; white-space:normal; }
.md-page .md-vip-action { font-size:10px; color:#456c55; font-weight:700; }
.md-page .md-perimeter-tile .md-tile-mark,.md-page .md-perimeter-tile> b { display:none; }
.md-page .md-news-tile{right:clamp(20px,3.2vw,52px);top:calc(22% + 136px);width:clamp(190px,17vw,224px);min-height:112px;height:auto;grid-template-columns:34px minmax(0,1fr) 18px;transform:translateY(-50%);border-color:#b8c9bb;background:linear-gradient(145deg,#fbfdfb 0%,#edf3ed 54%,#dfe9df 100%);box-shadow:0 2px 0 #829b88,0 18px 40px #1833261a,inset 0 1px 0 #fff;}
.md-page .md-news-tile .md-news-mark{display:grid;background:linear-gradient(145deg,#285b46,#123828);}
.md-page .md-news-tile .md-news-image{display:block;width:34px;height:34px;}
.md-page .md-news-tile .md-news-image img{display:block;width:100%;height:100%;object-fit:cover;}
.md-page .md-news-tile:hover,.md-page .md-news-tile:focus-visible{transform:translateY(calc(-50% - 5px));}
.md-page .md-store-tile small,.md-page .md-store-tile em,.md-page .md-vip-tile small,.md-page .md-vip-tile .md-vip-action { display:none; }
.md-page .md-store-tile { grid-template-columns:minmax(0,1fr); text-align:right; }
.md-page .md-store-tile>span:nth-child(2),.md-page .md-vip-tile>span:nth-child(2) { grid-column:1/-1; text-align:right; }
/* Keep the province links available to the map controller without adding a duplicate panel to the composition. */
.md-page .md-region-list-card { 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; }
.md-page .md-secondary-entry-panel { display:none; }
.md-page .md-map-prompt { position:absolute; z-index:6; left:50%; top:50%; width:min(360px,calc(100% - 40px)); min-height:44px; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; gap:9px; padding:8px 12px; border:1px solid #d6c49a; border-radius:3px 14px 3px 14px; background:rgba(255,254,250,.94); box-shadow:0 12px 28px #14261d20; backdrop-filter:blur(12px); pointer-events:none; font-size:12px; color:#17231d; }
.md-page .md-map-prompt strong { font-weight:750; color:#163b30; }
.md-page .md-map-prompt:has(.md-selection-link:not([hidden])) { pointer-events:auto; }
.md-page .md-selection-link { pointer-events:auto; }
.md-page .md-map-scroll-cue { position:absolute; z-index:7; left:23%; top:51%; width:78px; height:78px; display:grid; place-items:center; transform:translateY(-50%); border:1px solid #f0c34b; border-radius:50%; background:linear-gradient(145deg,#ffe98a 0%,#ffca3d 55%,#f18b25 100%); color:#253322; box-shadow:0 0 0 8px #f6bf3430,0 12px 26px #26351e32; animation:md-scroll-bounce 1.65s ease-in-out infinite; font-size:42px; font-weight:900; }
.md-page .md-map-scroll-cue:hover { filter:saturate(1.2); transform:translateY(calc(-50% - 4px)); }
@keyframes md-scroll-bounce { 0%,100%{translate:0 0} 50%{translate:0 8px} }
.md-page .md-compact-services { display:none; }
.md-page .md-map-attribution { inset-inline-end:18px; inset-block-end:7px; }
.md-page .md-canvas-skip { top:10px; right:10px; left:auto; }
.md-followup { display:grid; box-sizing:border-box; width:100%; max-width:1440px; margin:0 auto; padding:10px clamp(18px,4.2vw,68px) 40px; gap:20px; }
.md-followup .md-lower-banner-slots { gap:18px; }
.md-followup .md-lower-banner-slot { min-height:clamp(190px,25vh,254px); border-radius:2px 18px 2px 18px; box-shadow:0 18px 42px #14261d1c; }
.md-followup .md-service-tiles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.md-followup .md-service-banner,.md-followup .md-service-banner:hover,.md-followup .md-service-banner:focus,.md-followup .md-service-banner:focus-visible { text-decoration:none; }
.md-followup .md-service-banner { position:relative; display:flex; align-items:stretch; min-width:0; overflow:hidden; isolation:isolate; aspect-ratio:1224/446; color:#fff; background:radial-gradient(ellipse at 82% 18%,#38644b 0,#1c3528 54%,#12231b 100%); }
.md-followup .md-service-banner picture,.md-followup .md-service-banner picture img { position:absolute; z-index:-2; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.md-followup .md-service-banner:before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,rgba(10,20,15,.94),rgba(15,28,21,.52) 58%,rgba(15,28,21,.18)),linear-gradient(90deg,rgba(15,28,21,.12),rgba(15,28,21,.38)); }
.md-followup .md-service-banner-overlay { position:relative; display:grid; align-content:end; justify-items:start; gap:7px; width:100%; min-width:0; padding:clamp(15px,2.5vw,30px); text-align:right; }
.md-followup .md-service-banner-overlay { z-index:1; padding-inline-end:clamp(150px,20vw,250px); }
.md-followup .md-service-banner-art { position:absolute; z-index:0; inset-inline-end:clamp(18px,5vw,64px); inset-block-start:50%; width:142px; height:142px; display:grid; place-items:center; transform:translateY(-50%); border:1px solid #e5cf9b72; border-radius:50%; color:#f1ddb0; pointer-events:none; }
.md-followup .md-service-banner-art:before,.md-followup .md-service-banner-art:after { content:""; position:absolute; inset:10px; border:1px solid #e5cf9b48; border-radius:50%; }
.md-followup .md-service-banner-art:after { inset:22px; border-style:dashed; transform:rotate(-18deg); }
.md-followup .md-service-banner-art>span { position:relative; z-index:1; color:#f2dfb5b8; font:500 56px/1 "VazirmatnUIFD",Tahoma,Arial,sans-serif; letter-spacing:-.06em; text-shadow:0 2px 16px #09140e80; }
.md-followup .md-service-banner-art>i { position:absolute; inset-inline-start:50%; inset-block-start:0; width:1px; height:100%; background:linear-gradient(transparent,#e5cf9b52,transparent); transform:rotate(38deg); }
.md-followup .md-service-banner[data-service-category="regulations-info"] { background:radial-gradient(ellipse at 78% 15%,#40533f 0,#26372c 50%,#17271f 100%); }
.md-followup .md-service-banner-category { position:absolute; top:11px; left:50%; width:max-content; max-width:calc(100% - 8px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px 7px; transform:translateX(-50%); border:1px solid #e5cf9b91; border-radius:999px; background:#14271dc9; color:#f1ddb0; font-size:9px; line-height:1.35; }
.md-followup .md-service-banner-overlay strong { color:#fff8e9; font-size:clamp(19px,2.3vw,28px); font-weight:700; line-height:1.5; }
.md-followup .md-service-banner-overlay>span { max-width:68ch; color:#f1f2ec; font-size:clamp(12px,1.25vw,15px); line-height:1.9; }
.md-followup .md-service-banner-overlay>b { display:block; width:max-content; max-width:100%; margin-top:3px; padding:7px 15px; border:1px solid #f1d48d; border-radius:999px; background:linear-gradient(135deg,#f3dda7,#c29b54); color:#14281d; font-size:11px; font-weight:700; line-height:1.5; }
.md-copy-title,.md-copy-body,.md-copy-cta { white-space:pre-line; overflow-wrap:anywhere; }
.md-copy-title--small,.md-copy-body--small,.md-copy-cta--small { font-size:.86em!important; }
.md-copy-title--medium,.md-copy-body--medium,.md-copy-cta--medium { font-size:1.18em!important; }
.md-copy-title--large,.md-copy-body--large,.md-copy-cta--large { font-size:1.4em!important; }
.md-copy-title--very-large { font-size:clamp(19px,2.3vw,28px)!important; }
.md-copy-body--very-large { font-size:clamp(13px,1.25vw,15px)!important; }
.md-copy-cta--very-large { font-size:clamp(12px,1.1vw,14px)!important; }
.md-followup .md-lower-banner-slide picture,.md-followup .md-lower-banner-slide img { object-fit:cover; }
.md-followup .md-fallback-banner { position:relative; display:flex; align-items:flex-end; padding:26px 30px; overflow:hidden; color:#fff; isolation:isolate; background:#26392e center/cover no-repeat; }
.md-followup .md-fallback-services { background-image:url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1200&q=82'); }
.md-followup .md-fallback-market { background-image:url('https://images.unsplash.com/photo-1511919884226-fd3cad34687c?auto=format&fit=crop&w=1200&q=82'); }
.md-followup .md-fallback-banner:before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,#101b16e8,transparent 75%),linear-gradient(90deg,#101b1633,#101b1655); }
.md-followup .md-fallback-banner strong { font-size:clamp(17px,2vw,23px); font-weight:600; line-height:1.55; }
.md-followup .md-service-tiles:has(.md-services-empty:only-child) { display:none; }
.md-page .md-map-loading { 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; }
.md-followup .md-service-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
.md-story { position:relative; overflow:hidden; padding:65px 20px 74px; background:#e8e8df; text-align:center; }
.md-story:before,.md-story:after { content:""; position:absolute; top:-160px; width:250px; height:250px; border:1px solid #9aa89933; border-radius:50%; box-shadow:0 0 0 22px #9aa8990b,0 0 0 45px #9aa8990b; }
.md-story:before { right:-100px; }.md-story:after { left:-100px; }
.md-story-inner { position:relative; z-index:1; max-width:700px; margin:0 auto; }
.md-story-eyebrow { color:#8f784b; font-size:11px; font-weight:600; }
.md-story h2 { margin:12px 0; color:#17231d; font-size:30px; font-weight:500; letter-spacing:-.8px; }
.md-story p { margin:0 auto; color:#647067; font-size:12px; line-height:2.2; }
.md-footer { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px clamp(18px,4.2vw,68px); background:#14221b; color:#bec4b9; font-size:9px; }
.md-footer-brand { color:#f4f0e4; font-size:16px; font-weight:700; }
.md-page.md-intro-running .md-site-nav,.md-page.md-intro-running .md-hero,.md-page.md-intro-running~.md-followup { opacity:0; visibility:hidden; pointer-events:none; }
.md-page.md-intro-done .md-site-nav,.md-page.md-intro-done .md-hero,.md-page.md-intro-done~.md-followup { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .6s ease,visibility .6s ease; }
.md-page.md-intro-running .md-map-prompt,.md-page.md-intro-running .md-map-scroll-cue,.md-page.md-intro-running .md-control-rail,.md-page.md-intro-running .md-compact-services,.md-page.md-intro-running .md-map-attribution { opacity:0; visibility:hidden; pointer-events:none; }
.md-page.md-intro-running .md-map-heading,.md-page.md-intro-running .md-canvas-skip { opacity:0; visibility:hidden; pointer-events:none; }
.md-page.md-intro-running .md-canvas { background:#fff; }
.md-page.md-intro-done .md-map-prompt,.md-page.md-intro-done .md-map-scroll-cue,.md-page.md-intro-done .md-control-rail,.md-page.md-intro-done .md-compact-services,.md-page.md-intro-done .md-map-attribution { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .6s ease; }
.md-page.md-intro-done .md-canvas-skip { display:none; }
.md-page.md-intro-running .md-map-stage .iranmap { animation:md-map-center-grow 5s cubic-bezier(.2,.75,.25,1) both!important; transform-origin:50% 50%!important; will-change:transform,opacity; backface-visibility:hidden; }
.md-page.md-intro-running[data-animation="rotation"] .md-map-stage .iranmap { animation-name:md-map-spin-grow!important;animation-duration:5s; }
.md-page.md-intro-running[data-animation="zoom"] .md-map-stage .iranmap { animation-name:md-map-zoom-grow!important;animation-duration:5s; }

/* Banner copy is editable text over the artwork, never a white card. */
.md-page .md-banner-overlay,
.md-followup .md-banner-overlay {
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:#fff;
  text-shadow:0 2px 12px #000b;
}
.md-page .md-banner-overlay strong,
.md-page .md-banner-overlay small,
.md-page .md-banner-overlay b,
.md-followup .md-banner-overlay strong,
.md-followup .md-banner-overlay small,
.md-followup .md-banner-overlay b { color:inherit; }
.md-page .md-banner-overlay b,
.md-followup .md-banner-overlay b { color:#f0dfb6; }

/* The top slide anchor used to retain the legacy 260px perimeter dimensions. */
.md-page .md-hero .md-top-banner-slides > .md-banner-perimeter.md-banner-slide {
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.md-page .md-hero .md-top-banner-slides > .md-banner-perimeter.md-banner-slide picture,
.md-page .md-hero .md-top-banner-slides > .md-banner-perimeter.md-banner-slide img {
  width:100%;
  height:100%;
  object-fit:cover;
}
body.md-map-intro-active,.md-page.md-intro-running .md-canvas { background:#fff!important; }
@keyframes md-map-spin-grow {
  0% { opacity:0; transform:perspective(1500px) rotateX(8deg) rotateZ(-2deg) rotateY(0deg) scale(.008); }
  10% { opacity:1; }
  100% { opacity:1; transform:perspective(1500px) rotateX(8deg) rotateZ(-2deg) rotateY(360deg) scale(1); }
}
@keyframes md-map-center-grow {
  0% { opacity:0; transform:perspective(1500px) rotateY(0deg) rotateX(22deg) scale(.015); filter:blur(5px); }
  12% { opacity:1; transform:perspective(1500px) rotateY(24deg) rotateX(18deg) scale(.12); filter:blur(1px); }
  72% { opacity:1; transform:perspective(1500px) rotateY(380deg) rotateX(-2deg) scale(1.055); filter:blur(0) drop-shadow(0 34px 24px rgba(20,43,31,.3)); }
  100% { opacity:1; transform:perspective(1500px) rotateY(360deg) rotateX(8deg) rotateZ(-2deg) scale(1); filter:drop-shadow(0 28px 19px rgba(20,43,31,.25)); }
}
@keyframes md-map-zoom-grow {
  0% { opacity:1; transform:scale(.02); filter:blur(2px) drop-shadow(0 3px 2px rgba(20,43,31,.1)); }
  12% { opacity:1; transform:scale(.12); filter:blur(1px) drop-shadow(0 8px 6px rgba(20,43,31,.16)); }
  100% { opacity:1; transform:scale(1); filter:drop-shadow(0 28px 19px rgba(20,43,31,.25)); }
}
@media(max-width:1050px){
 .md-standalone-page .md-landing.md-page{--md-nav-height:72px;--md-hero-height:clamp(150px,19vh,185px)}
 .md-page .md-site-nav{padding-inline:18px;gap:12px}.md-page .md-site-brand-tools{gap:9px}.md-page .md-header-region-form select{width:164px}
 .md-page .md-site-nav-links{gap:14px}.md-page .md-site-nav-links a{font-size:10px}
 .md-landing.md-page .md-canvas{height:clamp(560px,calc(100svh - var(--md-nav-height) - var(--md-hero-height) - 36px),820px);min-height:560px}
 .md-page .md-map-stage{width:min(66vw,700px)!important}.md-page .md-perimeter-tile{width:clamp(165px,20vw,205px);padding:10px}.md-page .md-map-scroll-cue{left:23%;width:62px;height:62px;font-size:34px}
}
@media(max-width:700px){
 .md-standalone-page .md-landing.md-page{--md-nav-height:68px;--md-hero-height:clamp(155px,30vw,200px)}
 .md-page .md-site-nav{padding-inline:9px;gap:7px}.md-page .md-site-brand-tools{gap:5px}.md-page .md-standalone-brand{width:104px;height:42px}.md-page .md-standalone-brand img{width:104px;height:42px}.md-page .md-header-region-form select{width:112px;min-height:32px;padding:4px 6px;font-size:9px}
 .md-page .md-site-nav-links{gap:7px;justify-content:flex-end}.md-page .md-site-nav-links a{font-size:8px;white-space:normal;text-align:center;line-height:1.25}
 .md-page .md-hero-copy{width:75%;margin:var(--md-nav-height) 18px 0 0;padding:8px 0}.md-page .md-hero-copy h1{font-size:22px}.md-page .md-hero-copy p{max-width:290px;font-size:9px}
 .md-landing.md-page .md-canvas{height:auto;min-height:0;padding:0;overflow:hidden}.md-page .md-map-surface{position:relative;height:clamp(560px,calc(100svh - var(--md-nav-height) - var(--md-hero-height)),720px);min-height:560px}
 .md-page .md-map-heading{top:12px;right:14px;max-width:52%;font-size:13px}.md-page .md-map-stage{width:min(88vw,560px)!important;height:82%!important;top:49%!important}.md-page .md-map-stage .iranmap{height:82%!important;max-width:92vw!important;max-height:calc(100svh - 255px)!important}
 .md-page .md-perimeter-tile{top:auto;bottom:16px;width:calc(50% - 18px);min-height:68px;height:auto;padding:8px;transform:none}.md-page .md-store-tile{left:9px}.md-page .md-vip-tile{right:9px;bottom:196px;min-height:82px}.md-page .md-news-tile{right:9px;bottom:104px;top:auto;width:calc(50% - 18px);min-height:82px;transform:none}.md-page .md-perimeter-tile:hover,.md-page .md-perimeter-tile:focus-visible{transform:translateY(-3px)}
 .md-page .md-perimeter-tile strong{font-size:11px}.md-page .md-perimeter-tile em,.md-page .md-perimeter-tile small{font-size:8px}
 .md-page .md-map-prompt{top:54%;width:calc(100% - 32px);font-size:10px}.md-page .md-map-scroll-cue{left:8px;top:52%;width:50px;height:50px;font-size:27px}
 .md-page .md-map-attribution{display:none}.md-page .md-canvas-skip{top:8px;right:8px}.md-followup{padding:8px 10px 28px}.md-followup .md-lower-banner-slots{grid-template-columns:1fr;gap:10px}.md-followup .md-lower-banner-slot{min-height:0;aspect-ratio:1224/446}.md-story{padding:47px 18px 52px}.md-story h2{font-size:24px}.md-story p{font-size:11px}.md-footer{display:block;padding:18px;text-align:center;line-height:2}.md-footer-brand{display:block;margin-bottom:4px}
}
@media(prefers-reduced-motion:reduce){.md-page .md-map-scroll-cue{animation:none}}

/* Desktop match for bazargah-preview.html: logo at the right, the four nav items at the left,
   with the large map and its entry tiles sharing the same scrollable section. */
@media(min-width:1051px){
 .md-page .md-site-brand-tools{width:182px;gap:0}
 .md-page .md-site-nav-links{justify-content:flex-end;gap:34px}
 .md-page .md-site-nav-links a:last-child{height:40px;padding:0 17px;border:1px solid #ffffff78;display:flex;align-items:center;gap:12px}
 .md-page .md-site-nav-links a:last-child:after{content:'↙';font-size:16px;color:#dfc58d}
 .md-landing.md-page .md-canvas{height:calc(min(78svh,100vw,980px)*1.111 + 100px);min-height:0;overflow:hidden}
 .md-page .md-map-stage{left:calc(50% - 48px)!important;top:-23px!important;width:min(80vw,1000px)!important;height:min(100svh,860px)!important;display:grid!important;place-items:start center!important;transform:translateX(-50%)!important}
 .md-page .md-map-stage .iranmap{height:min(calc(100svh + 48px),840px)!important;max-width:none!important;width:auto!important;transform:perspective(1500px) rotateX(8deg) rotateZ(-2deg);transform-origin:50% 50%;}
 .md-page .md-store-tile{left:clamp(22px,5vw,76px);top:56px;transform:none;width:224px;height:120px;min-height:120px}
 .md-page .md-vip-tile{right:clamp(22px,5vw,76px);top:56px;transform:none;width:224px;height:150px;min-height:150px}
 .md-page .md-news-tile{left:clamp(22px,5vw,76px);right:auto;top:188px;transform:none;width:224px;height:120px;min-height:120px}
 .md-page .md-service-rail-tile{left:auto;right:clamp(22px,5vw,76px);top:222px;width:224px;height:150px;min-height:150px}
 .md-page .md-news-tile:hover,.md-page .md-service-rail-tile:hover,.md-page .md-news-tile:focus-visible,.md-page .md-service-rail-tile:focus-visible{transform:translateY(-3px)}
 .md-page .md-vip-tile>span:nth-child(2){align-self:start;gap:8px}
 .md-page .md-perimeter-tile:hover,.md-page .md-perimeter-tile:focus-visible{transform:translateY(-3px)}
 .md-page .md-map-prompt{top:clamp(260px,calc(50svh - 80px),400px);width:max-content;min-width:210px;max-width:calc(100% - 40px);padding:8px 16px}
 .md-page .md-map-scroll-cue{left:clamp(22px,5vw,76px);top:60%;bottom:auto;width:72px;height:88px;transform:translateY(-50%);display:grid;align-content:center;justify-items:center;gap:3px;padding:6px;border:1px solid #e7b94a;border-radius:18px;background:linear-gradient(145deg,#fff8d4 0%,#ffe987 42%,#ffc247 100%);box-shadow:0 3px 0 #d77b10,0 9px 18px #8c4b1c28,inset 0 1px 0 #fff;color:#6f4309;font-size:9px;font-weight:700;letter-spacing:0}
 .md-page .md-map-scroll-cue:hover{transform:translateY(calc(-50% - 3px))}
 .md-page .md-map-scroll-cue-icon{width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:14px;background:linear-gradient(145deg,#ffe94b 0%,#ffc21d 40%,#ff8b16 100%);box-shadow:inset 0 2px 0 #fff9,0 4px 9px #9b561c30;color:#fff;font-size:46px;font-weight:700;line-height:.8;text-shadow:0 2px 4px #9a4b12aa;animation:md-scroll-bounce 1.25s cubic-bezier(.3,.7,.3,1) infinite}
 .md-page .md-store-tile .md-vip-action{display:flex;align-items:center;gap:9px;border-top:0;padding-top:0;margin-top:9px}
 .md-page .md-store-tile .md-vip-action:after{content:'←';width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#edf3ed;color:#246c52;font-size:14px}
}
@media(max-width:700px){
 .md-followup .md-service-tiles{grid-template-columns:1fr}
 .md-followup .md-service-banner{min-height:0;aspect-ratio:1224/446}
 .md-followup .md-service-banner-overlay{padding-inline-end:112px!important}
 .md-followup .md-service-banner-art{inset-inline-end:12px;width:88px;height:88px}
 .md-followup .md-service-banner-art>span{font-size:34px}
 .md-followup .md-service-banner-category{top:6px;padding:2px 5px;font-size:7px}
}

/* Four approved visual-sheet scenes for the existing entry tiles. */
.md-page .md-perimeter-tile{
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:start;
  gap:0;
  height:auto;
  min-height:0;
  padding:0;
  overflow:hidden;
  border-radius:3px 17px 3px 17px;
  background:#14251d;
  box-shadow:0 3px 0 #809181,0 20px 42px #17271f26,inset 0 1px 0 #fff;
}
.md-page .md-perimeter-tile:before{
  content:"";
  grid-column:1;
  grid-row:1;
  display:block;
  width:100%;
  aspect-ratio:3/2;
  background-image:linear-gradient(180deg,#10201900 45%,#10201944 100%),url('/Plugins/Misc.MashindoonLanding/Content/visuals/luxury-marketplace.png');
  background-size:100% 100%,cover;
  background-repeat:no-repeat;
  background-position:0 0,center;
  box-shadow:inset 0 -16px 22px #10201955;
}
.md-page .md-store-tile:before{background-image:linear-gradient(180deg,#10201900 45%,#10201944 100%),url('/Plugins/Misc.MashindoonLanding/Content/visuals/luxury-marketplace.png')}
.md-page .md-news-tile:not(.md-service-rail-tile):before{background-image:linear-gradient(180deg,#10201900 45%,#10201944 100%),url('/Plugins/Misc.MashindoonLanding/Content/visuals/automotive-editorial.png')}
.md-page .md-vip-tile:before{background-image:linear-gradient(180deg,#10201900 45%,#10201944 100%),url('/Plugins/Misc.MashindoonLanding/Content/visuals/club-partners.png')}
.md-page .md-service-rail-tile:before{background-image:linear-gradient(180deg,#10201900 45%,#10201944 100%),url('/Plugins/Misc.MashindoonLanding/Content/visuals/automotive-consultation.png')}
.md-page .md-perimeter-tile>span:nth-child(2){
  grid-column:1;
  grid-row:2;
  display:grid;
  align-content:center;
  gap:4px;
  min-width:0;
  min-height:96px;
  padding:10px 13px 12px;
  background:linear-gradient(145deg,#20392c 0%,#14251d 62%,#101c16 100%);
  color:#f8f5eb;
  text-align:right;
}
.md-page .md-perimeter-tile>span:nth-child(2) strong{color:#fffdf5;font-size:15px;line-height:1.55}
.md-page .md-perimeter-tile>span:nth-child(2) em{display:block;color:#e1e5db;font-size:10px;line-height:1.75;white-space:normal}
.md-page .md-perimeter-tile>span:nth-child(2) small{display:block;color:#d8c291;font-size:9px;line-height:1.4}
.md-page .md-perimeter-tile .md-vip-action{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:4px 0 0;border-top:1px solid #d6c49a66;color:#e6d3a5;font-size:10px;line-height:1.5}
.md-page .md-perimeter-tile>picture,.md-page .md-perimeter-tile>.md-news-mark{display:none!important}
.md-page .md-perimeter-tile>b{display:none!important}
.md-page .md-vip-unavailable{cursor:default}
.md-page .md-vip-unavailable>span:nth-child(2) em{color:#ded8c5}
.md-page .md-news-tile,.md-page .md-service-rail-tile{top:clamp(320px,calc(22svh + 165px),340px);min-height:0}

/* The SVG is asymmetric inside its viewBox; this centers the province silhouette itself. */
@media(min-width:1250px){.md-page .md-map-stage{left:50%!important}.md-page .md-map-scroll-cue{left:clamp(300px,21vw,340px)!important}}

/* Idle colors only: hover, selected and keyboard-focus fills remain controlled by the existing region logic. */
#md-iran-map #province-north-khorasan,#md-iran-map #province-markazi,#md-iran-map #province-kermanshah,#md-iran-map #province-hamadan,#md-iran-map #province-qazvin,#md-iran-map #province-gilan,#md-iran-map #province-zanjan,#md-iran-map #province-semnan,#md-iran-map #province-kurdistan,#md-iran-map #province-west-azerbaijan,#md-iran-map #province-ardabil,#md-iran-map #province-mazandaran,#md-iran-map #province-golestan,#md-iran-map #province-razavi-khorasan,#md-iran-map #province-tehran,#md-iran-map #province-qom,#md-iran-map #province-alborz,#md-iran-map #province-east-azerbaijan{--province-fill:#27835d!important}
#md-iran-map #province-ilam,#md-iran-map #province-lorestan,#md-iran-map #province-isfahan,#md-iran-map #province-south-khorasan,#md-iran-map #province-chaharmahal-and-bakhtiyari,#md-iran-map #province-kohgiluye-and-buyer-ahmad,#md-iran-map #province-khuzestan,#md-iran-map #province-yazd{--province-fill:#f3efe2!important}
#md-iran-map #province-kerman,#md-iran-map #province-fars,#md-iran-map #province-bushehr,#md-iran-map #province-sistan-and-baluchestan,#md-iran-map #province-hormozgan{--province-fill:#cb4e57!important}

/* Persistent labels are single-line, centered, regular-weight text without an outline or halo. */
#md-iran-map .md-persistent-map-label{text-anchor:middle!important;dominant-baseline:central!important;font-size:5.5px!important;font-weight:500!important;fill:#173b2e!important;stroke:none!important;stroke-width:0!important;paint-order:normal!important;filter:none!important;pointer-events:none!important;white-space:pre!important;text-wrap:nowrap!important;overflow:visible!important}

/* The disabled club CTA reuses the existing localized label without inventing a destination. */
.md-page .md-vip-unavailable>span:nth-child(2):after{content:"";display:block;width:100%;margin-top:5px;border-top:1px solid #d6c49a66}
.md-page .md-vip-action-disabled{display:inline-flex;align-items:center;gap:6px;margin-top:5px;padding-top:4px;border-top:1px solid #d6c49a66;color:#c8b989;opacity:.72;cursor:not-allowed;pointer-events:none}
.md-page .md-vip-action-disabled b{font-size:12px}

/* Desktop tile shells share one footprint; small-screen sizing remains with the responsive rules. */
@media(min-width:1051px){.md-page .md-store-tile,.md-page .md-vip-tile,.md-page .md-news-tile,.md-page .md-service-rail-tile{width:224px!important;height:250px!important;min-height:250px!important}}
.md-page .md-store-tile{overflow:visible!important}
.md-page .md-store-tile:before{border-radius:3px 17px 0 0}
.md-page .md-store-tile>span:nth-child(2)>small{position:absolute;z-index:6;top:-20px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:2px 8px;border:1px solid #d6c49a88;border-radius:999px;background:#f4f1e8;color:#5f654e;font-size:9px;line-height:1.4;white-space:nowrap}

/* Align the lower tile row with the image-led upper row and keep the cue in the clear map gap. */
@media(min-width:1450px){
 .md-page .md-map-stage{left:50%!important}
 .md-page .md-map-scroll-cue{left:clamp(310px,calc(50% - 416px),394px)!important;z-index:8;border-color:#b9a273;background:linear-gradient(145deg,#f4f1e8,#d8dfd4);box-shadow:0 2px 0 #839283,0 8px 20px #17271f28,inset 0 1px 0 #fff;color:#244536}
 .md-page .md-map-scroll-cue-icon{background:linear-gradient(145deg,#416c55,#183b2e);box-shadow:inset 0 1px 0 #ffffff44,0 3px 8px #10201955;color:#f6eed8;text-shadow:none}
}
@media(min-width:1051px) and (max-width:1449px){.md-page .md-map-scroll-cue{display:none!important}}