.representatives-page{padding:32px 0 56px;background:var(--page-bg)}
.representatives-shell{min-width:0;padding:38px 42px 44px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.representatives-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.representatives-intro h2,.province-control h2,.agency-cta h2{margin:0;color:var(--ink)}
.representatives-intro h2{font-size:1.85rem}
.representatives-intro p{max-width:740px;margin:7px 0 0;color:var(--muted);line-height:1.9}
.network-count{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--ink);font-size:.9rem;font-weight:800}
.network-count b{color:var(--navy);font-size:1.3rem;font-weight:900}
.representative-search-input{width:100%;height:100%;min-width:0;margin:0;padding:0;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;color:var(--ink);font:inherit}
.representative-search-input::placeholder{color:var(--muted);opacity:1}
.locator-card{display:grid;grid-template-columns:minmax(220px,250px) minmax(0,1fr);gap:18px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}
.province-control{align-self:start;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.control-icon,.agency-icon{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-soft);color:var(--navy)}
.control-icon{width:42px;height:42px;border-radius:9px}
.control-icon svg,.agency-icon svg,.back-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.province-select-wrap{display:grid;width:100%;color:var(--ink);font-weight:700}
.province-select-wrap select{width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:700 .96rem Peyda,Tahoma,sans-serif;cursor:pointer;outline:none}
.province-select-wrap select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #00025710}
.map-panel{min-width:0;overflow:hidden;padding:10px 12px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
#iran-map{width:100%;height:510px;direction:ltr}
.map-legend{display:flex;justify-content:center;gap:22px;padding-top:8px;color:var(--muted);font-size:.76rem}
.map-legend span{display:flex;align-items:center;gap:7px}
.map-legend i{width:12px;height:12px;border-radius:3px;border:1px solid var(--line)}
.map-legend .available{background:#000257;border-color:#000257}
.map-legend .unavailable{background:#d5dce7}
[data-theme=dark] .map-legend .available{background:#8196e6;border-color:#8196e6}
[data-theme=dark] .map-legend .unavailable{background:#334158}
.representative-list{display:grid;gap:10px}
.dealer-entry{display:grid;grid-template-columns:1.05fr .9fr 1.2fr;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.dealer-entry:hover,.dealer-entry:focus-within{border-color:#aebbd1;box-shadow:0 9px 24px #00025710;transform:translateY(-2px)}
.dealer-field{display:flex;align-items:center;gap:11px;min-width:0;padding:16px 17px}
.dealer-field+.dealer-field{border-right:1px solid var(--line)}
.dealer-field svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--navy)}
.dealer-field>span{min-width:0}
.dealer-field b,.dealer-field small{display:block}
.dealer-field b{overflow:hidden;color:var(--ink);font-size:.92rem;line-height:1.55;text-overflow:ellipsis}
.dealer-field small{margin-top:2px;color:var(--muted);font-size:.76rem;line-height:1.55}
a.dealer-field{color:inherit;text-decoration:none}
a.dealer-field:hover b,a.dealer-field:focus-visible b{color:var(--navy)}
a.dealer-field:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.dealer-name svg{color:var(--navy)}
.dealer-phone{direction:rtl;text-align:right}
.dealer-phone>span{width:100%;text-align:right}
.dealer-phone b{direction:ltr;text-align:right;unicode-bidi:isolate}
.province-directory{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.province-directory-head{margin-bottom:16px}
.province-directory-head h2{margin:0;color:var(--ink);font-size:1.55rem}
.province-directory-head p{max-width:520px;margin:5px 0 0;color:var(--muted);font-size:.86rem;line-height:1.75}
.directory-empty{margin-bottom:12px;padding:18px;border:1px dashed var(--line);border-radius:9px;background:var(--surface-soft);color:var(--muted);text-align:center}
.directory-empty[hidden]{display:none}
.province-grid{display:grid;gap:8px}
.province-accordion-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}
.province-accordion-item{min-width:0;overflow:hidden;scroll-margin-top:92px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);transition:border-color .18s ease,box-shadow .18s ease}
.province-accordion-item.is-open{border-color:#9eacc4;box-shadow:0 10px 28px #0002570c}
.province-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:9px 14px;border:0;background:transparent;color:var(--ink);font:700 .88rem Peyda,Tahoma,sans-serif;text-align:right;cursor:pointer;transition:color .18s ease,background .18s ease}
.province-toggle:hover,.province-toggle:focus-visible{background:var(--surface);color:var(--navy);outline:none}
.province-toggle .province-chevron{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--navy);transition:transform .2s ease,border-color .18s ease}
.province-toggle .province-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.province-accordion-item.is-open .province-toggle{background:var(--surface);color:var(--navy)}
.province-accordion-item.is-open .province-chevron{transform:rotate(180deg);border-color:var(--navy)}
.province-panel{grid-column:1/-1;padding:14px;border:1px solid #9eacc4;border-radius:9px;background:var(--surface-soft);box-shadow:0 10px 28px #0002570c}
.province-panel[hidden]{display:none}
.province-panel .representative-list{padding:0}
.agency-cta{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:20px;margin-top:38px;padding:22px;border:1px solid var(--orange);border-radius:10px;background:var(--surface)}
.agency-icon{width:56px;height:56px;border-color:#ffd4bd;border-radius:10px;background:#fff4ed;color:var(--orange)}
.agency-icon svg{width:29px;height:29px}
.agency-cta h2{font-size:1.4rem}
.agency-cta p{margin:4px 0 0;color:var(--muted)}
.agency-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 27px;border:1px solid var(--orange);border-radius:8px;background:var(--orange);color:#fff;text-decoration:none;font-weight:700;transition:background .2s ease,transform .2s ease}
.agency-button:hover,.agency-button:focus-visible{background:#e65f18;transform:translateY(-2px);outline:none}
[data-theme=dark] .agency-icon{border-color:#66351f;background:#2d1d18}
[data-theme=dark] .representatives-body{--ink:#f7f9ff;--muted:#c7d2e5;--line:#53627c;--surface:#111c30;--surface-soft:#1b2942;--page-bg:#080f1d;--navy:#a8b9ff}
[data-theme=dark] .representatives-body .representatives-shell,[data-theme=dark] .representatives-body .locator-card,[data-theme=dark] .representatives-body .map-panel,[data-theme=dark] .representatives-body .province-control{box-shadow:0 0 0 1px #ffffff08}
[data-theme=dark] .representatives-body .representative-search-input::placeholder{color:#d1daea}
[data-theme=dark] .representatives-body .dealer-entry{border-color:#596985}
[data-theme=dark] .representatives-body .province-accordion-item{border-color:#596985}
[data-theme=dark] .representatives-body .province-accordion-item.is-open,[data-theme=dark] .representatives-body .province-panel{border-color:#a8b9ff;box-shadow:0 13px 32px #00081466}
[data-theme=dark] .representatives-body .province-toggle:hover,[data-theme=dark] .representatives-body .province-toggle:focus-visible{color:#c7d2ff}
[data-theme=dark] .representatives-body .dealer-field small,[data-theme=dark] .representatives-body .province-directory-head p,[data-theme=dark] .representatives-body .representatives-intro p,[data-theme=dark] .representatives-body .agency-cta p{color:#c7d2e5}
.back-to-top{position:fixed;z-index:34;right:22px;left:auto;bottom:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--navy);box-shadow:0 8px 22px #00025718;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,visibility .2s,transform .2s,border-color .2s}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{border-color:var(--orange);color:var(--orange);outline:none}

@media(max-width:980px){
  .representatives-shell{padding:30px}
  .locator-card{grid-template-columns:225px minmax(0,1fr)}
  #iran-map{height:450px}
}

@media(min-width:821px){
  .province-panel{padding:18px}
}

@media(max-width:820px){
  .representatives-page{padding:10px 0 32px}
  .representatives-shell{width:calc(100% - 16px);padding:24px 18px 30px;border-radius:11px}
  .representatives-intro{align-items:flex-start;flex-direction:column;margin-bottom:20px}
  .representatives-intro h2{font-size:1.45rem}
  .locator-card{grid-template-columns:1fr;padding:14px}
  .province-control{padding:18px}
  .map-panel{padding:8px}
  #iran-map{height:360px}
  .province-accordion-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .province-accordion-item{scroll-margin-top:78px}
  .agency-cta{grid-template-columns:46px 1fr;padding:20px;gap:14px}
  .agency-icon{width:46px;height:46px}
  .agency-cta h2{font-size:1.12rem}
  .agency-cta p{font-size:.86rem}
  .agency-button{grid-column:1/-1;width:100%}
}

@media(max-width:560px){
  .representatives-hero .crumbs{display:none}
  .representatives-hero h1{margin-top:0}
  .network-count{width:100%;justify-content:center}
  .locator-card{margin-inline:-4px;padding:10px;gap:10px}
  .province-control{padding:16px}
  #iran-map{height:300px}
  .map-legend{gap:12px;font-size:.68rem}
  .dealer-entry{grid-template-columns:1fr}
  .dealer-field{padding:14px}
  .dealer-field+.dealer-field{border-right:0;border-top:1px solid var(--line)}
  .dealer-field b{white-space:normal}
  .province-grid,.province-accordion-row{gap:7px}
  .province-panel{padding:10px}
  .back-to-top{right:12px;left:auto;bottom:80px;width:38px;height:38px;border-radius:8px}
}

/* Representatives navigation: same visual hierarchy as the existing header dropdown. */
.desktop-nav .nav-representatives-dropdown{position:relative;display:flex;align-items:center;height:100%;}
.desktop-nav .nav-representatives-dropdown .nav-dropdown-menu{right:-14px;}
.mobile-nav .mobile-representatives-submenu{display:block;}
.mobile-nav .mobile-representatives-submenu .mobile-submenu-menu a{display:block;}

/* Representatives navigation: same visual hierarchy as the existing header dropdown. */
.desktop-nav .nav-representatives-dropdown{position:relative;display:flex;align-items:center;height:100%;}
.desktop-nav .nav-representatives-dropdown .nav-dropdown-menu{right:-14px;}
.mobile-nav .mobile-representatives-submenu{display:block;}
.mobile-nav .mobile-representatives-submenu .mobile-submenu-menu a{display:block;}