.tsrk-directory,.tsrk-single-branch,.tsrk-stats-row,.tsrk-submit-wrap{
  --tsrk-navy-deep:#081C3A; --tsrk-navy:#0E2A52; --tsrk-royal:#2354E6; --tsrk-royal-bright:#3B6BFF;
  --tsrk-sky:#8FB4FF; --tsrk-ice:#EAF1FF; --tsrk-white:#fff; --tsrk-paper:#F5F8FF; --tsrk-line:#DCE6FA;
  --tsrk-ink:#0B1B36; --tsrk-muted:#5B6B8C; --tsrk-success:#1BA672;
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  color:var(--tsrk-ink);
}

.tsrk-stats-row{ display:flex; gap:30px; flex-wrap:wrap; justify-content:center; padding:20px 0; }
.tsrk-stat .n{ display:block; font-size:26px; font-weight:700; color:var(--tsrk-navy-deep); }
.tsrk-stat .l{ font-size:11px; letter-spacing:.08em; color:var(--tsrk-muted); text-transform:uppercase; }

.tsrk-filters{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px; }
.tsrk-search-input{
  flex:1; min-width:220px; padding:12px 16px; border-radius:10px; border:1px solid var(--tsrk-line);
  font-size:14px; background:#fff;
}
.tsrk-filter{ padding:12px 14px; border-radius:10px; border:1px solid var(--tsrk-line); background:#fff; font-size:13.5px; }
.tsrk-filter:disabled{ opacity:.5; }
.tsrk-reset{
  padding:12px 18px; border-radius:10px; border:1px solid var(--tsrk-royal); background:var(--tsrk-ice);
  color:var(--tsrk-royal); font-weight:700; cursor:pointer;
}
.tsrk-status{ min-height:18px; font-size:12.5px; color:var(--tsrk-muted); margin-bottom:10px; }

.tsrk-cards-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(270px,1fr)); gap:18px; }

.tsrk-card{
  background:#fff; border:1px solid var(--tsrk-line); border-radius:16px; padding:20px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.tsrk-card:hover{ transform:translateY(-3px); box-shadow:0 20px 40px -18px rgba(14,42,82,0.35); border-color:var(--tsrk-royal-bright); }
.tsrk-card-top{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:12px; }
.tsrk-card-loc{ font-size:10.5px; font-weight:700; color:var(--tsrk-muted); letter-spacing:.06em; text-transform:uppercase; }
.tsrk-card-city{ display:block; font-size:18px; font-weight:700; color:var(--tsrk-navy-deep); text-decoration:none; }
.tsrk-card-state{ font-size:12px; color:var(--tsrk-muted); }
.tsrk-status-pill{ font-size:10px; font-weight:700; padding:4px 10px; border-radius:999px; text-transform:uppercase; }
.tsrk-status-active{ background:#E6F7EF; color:var(--tsrk-success); }
.tsrk-status-inactive{ background:#FBEAEA; color:#C0392B; }

.tsrk-card-admin{ display:flex; align-items:center; gap:10px; margin:12px 0; }
.tsrk-avatar{
  width:36px; height:36px; border-radius:50%; background:linear-gradient(145deg,var(--tsrk-sky),var(--tsrk-royal));
  color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px;
}
.tsrk-admin-name{ font-size:13px; font-weight:700; }
.tsrk-admin-role{ font-size:10.5px; color:var(--tsrk-muted); }
.tsrk-card-contact{ font-size:12.5px; color:var(--tsrk-muted); margin:2px 0; }

.tsrk-card-metrics{ display:flex; gap:22px; margin:14px 0; }
.tsrk-card-metrics .v{ display:block; font-weight:700; color:var(--tsrk-navy-deep); font-size:15px; }
.tsrk-card-metrics .l{ font-size:10px; color:var(--tsrk-muted); text-transform:uppercase; }

.tsrk-btn-whatsapp,.tsrk-btn-email,.tsrk-btn-view{
  display:block; text-align:center; padding:10px; border-radius:10px; font-weight:700; font-size:12.5px;
  text-decoration:none; margin-top:8px;
}
.tsrk-btn-whatsapp{ background:var(--tsrk-royal); color:#fff; }
.tsrk-btn-email{ background:transparent; color:var(--tsrk-royal); border:1px solid var(--tsrk-royal); }
.tsrk-btn-view{ background:transparent; color:var(--tsrk-muted); border:1px solid var(--tsrk-line); }
.tsrk-btn-view:hover{ color:var(--tsrk-navy-deep); border-color:var(--tsrk-royal-bright); }

.tsrk-loadmore-wrap{ text-align:center; margin-top:28px; }
.tsrk-loadmore{
  background:var(--tsrk-navy-deep); color:#fff; border:none; padding:12px 30px; border-radius:999px;
  font-weight:700; cursor:pointer;
}
.tsrk-loadmore[hidden]{ display:none; }
.tsrk-empty{ text-align:center; color:var(--tsrk-muted); padding:30px 0; grid-column:1/-1; }

/* single branch page */
.tsrk-single-branch{ max-width:960px; margin:0 auto; padding:40px 20px; }
.tsrk-breadcrumb{ font-size:12.5px; color:var(--tsrk-muted); margin-bottom:20px; }
.tsrk-breadcrumb a{ color:var(--tsrk-royal); text-decoration:none; }
.tsrk-single-hero{ margin-bottom:24px; }
.tsrk-single-hero h1{ font-size:30px; color:var(--tsrk-navy-deep); margin:6px 0; }
.tsrk-single-loc{ font-size:11px; letter-spacing:.1em; color:var(--tsrk-royal); font-weight:700; text-transform:uppercase; }
.tsrk-single-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.tsrk-single-map{ min-height:320px; border-radius:16px; overflow:hidden; border:1px solid var(--tsrk-line); }
@media (max-width:720px){ .tsrk-single-grid{ grid-template-columns:1fr; } }

/* co-admins on branch cards */
.tsrk-card-co-admins{ display:flex; flex-direction:column; gap:8px; margin-top:6px; }
.tsrk-location-index .tsrk-cards-grid{ margin-top:24px; }


/* ===================== single branch — extra SEO/AI content blocks ===================== */
.tsrk-info-block{ background:#fff; border:1px solid var(--tsrk-line); border-radius:16px; padding:24px; margin-top:20px; }
.tsrk-info-block h3{ font-size:16px; margin:0 0 10px; color:var(--tsrk-navy-deep); }
.tsrk-info-block p{ color:var(--tsrk-muted); font-size:14px; line-height:1.7; margin:0 0 10px; }
.tsrk-faq-item{ border-bottom:1px solid var(--tsrk-paper); padding:14px 0; }
.tsrk-faq-item:last-child{ border-bottom:none; }
.tsrk-faq-item h4{ font-size:14px; color:var(--tsrk-navy-deep); margin:0 0 6px; }
.tsrk-faq-item p{ color:var(--tsrk-muted); font-size:13.5px; margin:0; line-height:1.6; }
.tsrk-related-list{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.tsrk-related-list a{ font-size:12px; background:var(--tsrk-ice); color:var(--tsrk-royal); padding:7px 12px; border-radius:999px; text-decoration:none; font-weight:600; }

/* [tsrk_submit_branch] - public "start a branch" form */
.tsrk-submit-wrap{ max-width:640px; margin:0 auto; width:100%; box-sizing:border-box; }
.tsrk-submit-wrap *{ box-sizing:border-box; }
.tsrk-submit-form{ background:#fff; border:1px solid var(--tsrk-line, #DCE6FA); border-radius:16px; padding:28px; display:flex; flex-direction:column; gap:14px; width:100%; }
.tsrk-submit-form label{ display:flex; flex-direction:column; gap:6px; font-size:12.5px; font-weight:700; color:var(--tsrk-navy-deep, #081C3A); width:100%; }
.tsrk-submit-form input{
  width:100%; font-weight:400; font-size:14px; color:var(--tsrk-ink, #0B1B36); border:1px solid var(--tsrk-line, #DCE6FA); border-radius:9px;
  padding:10px 12px; background:var(--tsrk-paper, #F5F8FF);
}
.tsrk-submit-form input:focus{ outline:2px solid var(--tsrk-royal-bright, #3B6BFF); outline-offset:1px; }
.tsrk-submit-form input[type="file"]{ padding:8px 12px; background:#fff; }
/* Fluid, container-aware grid - reflows based on the space it actually has
   (a narrow sidebar column, a phone, anything) rather than only reacting to
   the browser viewport width, and needs no :has() selector or breakpoint. */
.tsrk-form-row{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:14px; width:100%; }
.tsrk-hp{ position:absolute; left:-9999px; top:-9999px; }
.tsrk-btn-submit{
  display:inline-block; background:var(--tsrk-royal, #2354E6); color:#fff !important; border:none; padding:13px 22px; border-radius:999px;
  font-weight:700; font-size:14px; cursor:pointer; margin-top:4px; line-height:1.4; text-align:center; width:auto; max-width:100%;
}
.tsrk-btn-submit:hover{ background:var(--tsrk-royal-bright, #3B6BFF); }
.tsrk-submit-note{ font-size:12px; color:var(--tsrk-muted, #5B6B8C); margin:0; font-weight:400; }
.tsrk-submit-success{ background:#E6F7EF; border:1px solid #BEEBD6; border-radius:16px; padding:28px; text-align:center; }
.tsrk-submit-success h3{ color:#1BA672; margin:0 0 8px; }
.tsrk-submit-success p{ color:var(--tsrk-muted, #5B6B8C); margin:0; }
.tsrk-submit-error{ background:#FBEAEA; border:1px solid #F3C6C6; border-radius:12px; padding:14px 18px; margin-bottom:16px; }
.tsrk-submit-error p{ color:#C0392B; margin:0; font-size:13.5px; }
@media (max-width:480px){
  .tsrk-submit-form{ padding:20px 16px; gap:12px; }
  .tsrk-btn-submit{ width:100%; }
}

/* social icons on branch cards */
.tsrk-card-social{ display:flex; gap:8px; margin:2px 0 10px; }
.tsrk-social-icon{
  width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; opacity:.92; transition:opacity .15s, transform .15s;
}
.tsrk-social-icon:hover{ opacity:1; transform:translateY(-1px); }
.tsrk-social-instagram{ background:radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.tsrk-social-facebook{ background:#1877F2; }
.tsrk-social-twitter{ background:#0B0B0B; }
.tsrk-social-youtube{ background:#FF0000; }

/* ---- city/branch page: details, steps, super admin, FAQ ---- */
.tsrk-facts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px 24px; margin:0; }
.tsrk-facts div{ border-bottom:1px solid var(--tsrk-line); padding-bottom:8px; }
.tsrk-facts dt{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--tsrk-muted); }
.tsrk-facts dd{ margin:3px 0 0; font-weight:600; color:var(--tsrk-ink); }
.tsrk-steps{ margin:0; padding-left:20px; display:grid; gap:10px; line-height:1.6; }
.tsrk-king-cta .tsrk-btn-whatsapp{ display:inline-block; text-decoration:none; margin-top:6px; }
.tsrk-superadmin-row{ display:flex; gap:18px; align-items:flex-start; flex-wrap:wrap; }
.tsrk-superadmin-photo{ width:64px; height:64px; border-radius:50%; background:var(--tsrk-royal); overflow:hidden; display:flex; align-items:center; justify-content:center; flex:none; }
.tsrk-superadmin-photo img{ width:100%; height:100%; object-fit:cover; }
.tsrk-superadmin-photo span{ color:#fff; font-weight:700; font-size:20px; }
.tsrk-superadmin-info{ flex:1; min-width:240px; }
.tsrk-superadmin-name{ font-size:19px; font-weight:700; color:var(--tsrk-navy-deep); }
.tsrk-superadmin-role{ color:var(--tsrk-muted); font-size:13.5px; margin-bottom:8px; }
.tsrk-superadmin-info .tsrk-leader-details{ display:flex; gap:14px; flex-wrap:wrap; font-size:13px; color:var(--tsrk-muted); margin:8px 0; }
.tsrk-superadmin-actions{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:10px; }
.tsrk-superadmin-actions a{ text-decoration:none; }
details.tsrk-faq-item{ border-bottom:1px solid var(--tsrk-line); padding:10px 0; }
details.tsrk-faq-item summary{ cursor:pointer; list-style:none; }
details.tsrk-faq-item summary::-webkit-details-marker{ display:none; }
details.tsrk-faq-item summary h4{ display:inline; margin:0; font-size:15px; }
details.tsrk-faq-item summary::after{ content:'+'; float:right; font-weight:700; color:var(--tsrk-royal); }
details.tsrk-faq-item[open] summary::after{ content:'\2212'; }
details.tsrk-faq-item p{ margin:8px 0 0; line-height:1.6; }

/* Premium "branch already exists" card */
.tsrk-dup{ position:relative; overflow:hidden; border-radius:24px; padding:34px 28px 26px; color:#fff; text-align:center;
  background:radial-gradient(120% 90% at 50% 0%, #1B3F86 0%, #0E2A52 45%, #081C3A 100%); border:1px solid rgba(143,180,255,.25);
  box-shadow:0 30px 60px -20px rgba(8,28,58,.55), inset 0 1px 0 rgba(255,255,255,.08); animation:tsrkDupIn .6s cubic-bezier(.2,.8,.2,1) both; }
.tsrk-dup-glow{ position:absolute; inset:-40% -20% auto; height:260px; background:radial-gradient(closest-side, rgba(255,214,102,.28), transparent); pointer-events:none; }
.tsrk-dup-crown{ position:relative; width:64px; height:64px; margin:0 auto 12px; display:grid; place-items:center; font-size:30px; border-radius:50%;
  background:linear-gradient(145deg,#FFE29A,#E0A93B); box-shadow:0 10px 30px rgba(224,169,59,.45); }
.tsrk-dup-eyebrow{ position:relative; display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#FFD97A; font-weight:700; }
.tsrk-dup-title{ position:relative; margin:8px 0 10px; font-size:26px; line-height:1.2; color:#fff; }
.tsrk-dup-lead{ position:relative; margin:0 auto 22px; max-width:480px; font-size:14.5px; line-height:1.6; color:#D5E2FF; }
.tsrk-dup-card{ position:relative; text-align:left; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:18px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); margin-bottom:14px; }
.tsrk-dup-card-head{ display:flex; align-items:center; gap:12px; }
.tsrk-dup-card-head img,.tsrk-dup-avatar{ width:48px; height:48px; border-radius:14px; object-fit:cover; flex:none; }
.tsrk-dup-avatar{ display:grid; place-items:center; font-weight:800; font-size:20px; background:linear-gradient(145deg,#3B6BFF,#2354E6); }
.tsrk-dup-card-head strong{ display:block; font-size:15.5px; }
.tsrk-dup-card-head span{ font-size:12.5px; color:#B8CBF2; }
.tsrk-dup-card-head div{ flex:1; min-width:0; }
.tsrk-dup-live{ flex:none; font-size:10.5px !important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#0B3D2B !important; background:#5CE0A8; padding:4px 9px; border-radius:999px; }
.tsrk-dup-stats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:14px 0; }
.tsrk-dup-stats div{ background:rgba(8,28,58,.45); border-radius:12px; padding:10px; text-align:center; }
.tsrk-dup-stats b{ display:block; font-size:20px; }
.tsrk-dup-stats small{ font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:#9DB5E6; }
.tsrk-dup-admins{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.tsrk-dup-admins li{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; background:rgba(8,28,58,.45); border-radius:12px; padding:10px 12px; }
.tsrk-dup-person b{ display:block; font-size:14px; }
.tsrk-dup-person small{ font-size:12px; color:#9DB5E6; }
.tsrk-dup-btn{ display:inline-block; text-decoration:none !important; font-weight:700; font-size:13px; padding:10px 16px; border-radius:999px; transition:transform .15s ease, box-shadow .15s ease; }
.tsrk-dup-btn:hover{ transform:translateY(-1px); }
.tsrk-dup-wa{ background:#25D366; color:#06301A !important; box-shadow:0 8px 20px -8px rgba(37,211,102,.7); }
.tsrk-dup-gold{ background:linear-gradient(145deg,#FFE29A,#E0A93B); color:#3A2500 !important; box-shadow:0 8px 22px -8px rgba(224,169,59,.8); }
.tsrk-dup-social{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.tsrk-dup-social a{ font-size:12px; color:#CFE0FF !important; text-decoration:none !important; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:6px 12px; }
.tsrk-dup-link{ display:inline-block; margin-top:12px; font-size:13px; font-weight:700; color:#FFD97A !important; text-decoration:none !important; }
.tsrk-dup-super{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; text-align:left; background:linear-gradient(135deg, rgba(255,214,102,.14), rgba(255,255,255,.05)); border:1px solid rgba(255,214,102,.35); border-radius:18px; padding:16px 18px; }
.tsrk-dup-super small{ display:block; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#FFD97A; }
.tsrk-dup-super b{ display:block; font-size:15px; margin-top:2px; }
.tsrk-dup-super span{ font-size:12.5px; color:#B8CBF2; }
.tsrk-dup-back{ position:relative; display:inline-block; margin-top:18px; font-size:12.5px; color:#9DB5E6 !important; text-decoration:none !important; }
@keyframes tsrkDupIn{ from{ opacity:0; transform:translateY(14px) scale(.98); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .tsrk-dup{ animation:none; } }
@media (max-width:520px){ .tsrk-dup{ padding:26px 16px 20px; border-radius:20px; } .tsrk-dup-title{ font-size:22px; } .tsrk-dup-btn{ width:100%; text-align:center; } }