/* ═══════════════════════════════════════════
   MULTILING STUDIO — SHARED CSS
   Used by all service gig pages
═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Inter:wght@300;400;500;600&family=Tajawal:wght@300;400;500;700&display=swap');

/* ── TOKENS ──────────────────────────────── */
:root {
  --c-bg:#091624; --c-surface:#0F2236; --c-surface2:#162E47;
  --c-border:#1E3E5A; --c-text:#DDE8F2; --c-muted:#7494B0;
  --c-gold:#D4A843; --c-gold-dim:#B8902E;
  --c-gold-glow:rgba(212,168,67,.13);
  --f-d:'Cormorant Garamond',Georgia,serif;
  --f-b:'Inter',system-ui,sans-serif;
  --f-a:'Tajawal',Arial,sans-serif;
  --max-w:1280px; --nav-h:72px; --r:8px; --rl:14px;
  --tf:.15s ease; --tb:.25s ease;
  --ts:.42s cubic-bezier(.4,0,.2,1);
}
[data-theme="light"] {
  --c-bg:#EEF3F9; --c-surface:#FFFFFF; --c-surface2:#E2EBF5;
  --c-border:#C8D8EA; --c-text:#091624; --c-muted:#5A7290;
  --c-gold:#B8760A; --c-gold-dim:#9A6208;
  --c-gold-glow:rgba(184,118,10,.1);
}

/* ── RESET ───────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{
  background:var(--c-bg);color:var(--c-text);
  font-family:var(--f-b);line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;padding-top:var(--nav-h);
  transition:background var(--ts),color var(--ts);
}
[dir="rtl"] body{font-family:var(--f-a);letter-spacing:0;line-height:2;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{cursor:pointer;font-family:inherit;border:none;background:none;}
ul{list-style:none;}
input,textarea,select{font-family:inherit;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--c-bg);}
::-webkit-scrollbar-thumb{background:var(--c-gold);border-radius:3px;}

/* ── CURSOR ──────────────────────────────── */
.cursor{position:fixed;width:7px;height:7px;background:var(--c-gold);
  border-radius:50%;pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);transition:opacity .3s;}
.cursor-ring{position:fixed;width:30px;height:30px;
  border:1.5px solid var(--c-gold);border-radius:50%;
  pointer-events:none;z-index:9998;transform:translate(-50%,-50%);
  transition:width .3s,height .3s,opacity .3s;opacity:.45;}
@media(hover:none){.cursor,.cursor-ring{display:none;}}

/* ── HEADER ──────────────────────────────── */
.site-header{
  position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:500;
  background:rgba(9,22,36,.93);border-bottom:1px solid var(--c-border);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  transition:transform .4s ease,background var(--ts),border-color var(--ts);
}
[data-theme="light"] .site-header{background:rgba(238,243,249,.93);}
.site-header.nav-hide{transform:translateY(-100%);}
.site-header::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--c-gold),transparent);
  opacity:.6;
}
.navbar{
  max-width:var(--max-w);margin:0 auto;height:100%;padding:0 28px;
  display:flex;align-items:center;gap:28px;
}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nav-logo img{width:42px;height:42px;flex-shrink:0;}
.nav-logo__text{display:flex;flex-direction:column;line-height:1.15;}
.nav-logo__name{font-family:var(--f-d);font-size:1.2rem;font-weight:700;
  color:var(--c-text);letter-spacing:-.02em;}
.nav-logo__name span{color:var(--c-gold);}
.nav-logo__tag{font-size:.6rem;color:var(--c-muted);letter-spacing:.05em;}
.nav-links{display:flex;align-items:center;gap:2px;flex:1;}
.nav-link{
  padding:7px 12px;font-size:.875rem;font-weight:500;
  color:var(--c-muted);letter-spacing:.02em;border-radius:var(--r);
  transition:color var(--tb),background var(--tb);
  position:relative;white-space:nowrap;
  display:flex;align-items:center;gap:4px;
}
.nav-link:hover,.nav-link.active{color:var(--c-text);background:var(--c-gold-glow);}
.nav-link::after{
  content:'';position:absolute;bottom:5px;left:12px;right:12px;
  height:1px;background:var(--c-gold);transform:scaleX(0);
  transition:transform var(--tb);
}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);}
.nav-chevron{width:12px;height:12px;transition:transform var(--tb);flex-shrink:0;}
.svc-btn.open .nav-chevron{transform:rotate(180deg);}
.nav-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.ctrl-btn{
  padding:7px 11px;font-size:.8rem;font-weight:500;color:var(--c-muted);
  border-radius:var(--r);transition:color var(--tb),background var(--tb);
  display:flex;align-items:center;gap:5px;white-space:nowrap;
}
.ctrl-btn:hover{color:var(--c-text);background:var(--c-surface2);}
.ctrl-btn--lang{border:1px solid var(--c-border);font-weight:600;font-size:.76rem;}
.ctrl-btn--cta{
  background:var(--c-gold);color:#091624;font-weight:700;
  padding:8px 18px;letter-spacing:.04em;font-size:.82rem;
  transition:background var(--tb),transform var(--tf),box-shadow var(--tb);
}
.ctrl-btn--cta:hover{
  background:var(--c-gold-dim);color:#091624;
  transform:translateY(-1px);box-shadow:0 4px 18px rgba(212,168,67,.3);
}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;margin-left:auto;}
.hamburger span{display:block;width:22px;height:2px;background:var(--c-text);
  border-radius:2px;transition:transform var(--tb),opacity var(--tb);}
.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.is-open span:nth-child(2){opacity:0;}
.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── MEGA MENU ───────────────────────────── */
.mega-wrap{
  position:fixed;top:var(--nav-h);left:0;right:0;z-index:490;
  background:var(--c-surface);border-bottom:1px solid var(--c-border);
  box-shadow:0 24px 60px rgba(0,0,0,.55);backdrop-filter:blur(22px);
  overflow:hidden;max-height:0;opacity:0;
  transition:max-height var(--ts),opacity .3s ease;
}
[data-theme="light"] .mega-wrap{background:rgba(255,255,255,.97);}
.mega-wrap.is-open{max-height:75vh;opacity:1;overflow-y:auto;}
.mega-inner{max-width:var(--max-w);margin:0 auto;padding:40px 28px 50px;}
.mega-label{
  font-size:.68rem;font-weight:700;color:var(--c-gold);letter-spacing:.16em;
  text-transform:uppercase;padding-bottom:14px;margin-bottom:26px;
  border-bottom:1px solid var(--c-border);display:block;
}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 42px;}
.mega-col{display:flex;flex-direction:column;gap:6px;}
.mega-col__head{
  display:flex;align-items:center;gap:8px;font-size:.77rem;font-weight:700;
  color:var(--c-text);text-transform:uppercase;letter-spacing:.07em;
  padding-bottom:9px;margin-bottom:3px;border-bottom:1px solid var(--c-border);
}
.mega-col a{font-size:.85rem;color:var(--c-muted);padding:3px 0;display:block;
  transition:color var(--tf),transform var(--tf);}
.mega-col a:hover{color:var(--c-gold);transform:translateX(5px);}
[dir="rtl"] .mega-col a:hover{transform:translateX(-5px);}

/* ── MOBILE MENU ─────────────────────────── */
.mob-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.65);
  backdrop-filter:blur(5px);z-index:590;opacity:0;
  pointer-events:none;transition:opacity var(--tb);
}
.mob-overlay.is-open{opacity:1;pointer-events:all;}
.mob-menu{
  position:fixed;top:0;right:-105%;width:min(380px,100vw);height:100vh;
  background:var(--c-surface);z-index:600;overflow-y:auto;
  display:flex;flex-direction:column;padding:72px 20px 36px;
  border-left:1px solid var(--c-border);transition:right var(--ts);gap:3px;
}
[dir="rtl"] .mob-menu{
  right:auto;left:-105%;border-left:none;
  border-right:1px solid var(--c-border);transition:left var(--ts);
}
.mob-menu.is-open{right:0;}
[dir="rtl"] .mob-menu.is-open{left:0;}
.mob-close{
  position:absolute;top:18px;right:18px;width:34px;height:34px;
  border-radius:50%;background:var(--c-surface2);color:var(--c-text);
  display:flex;align-items:center;justify-content:center;font-size:1rem;
}
[dir="rtl"] .mob-close{right:auto;left:18px;}
.mob-link{
  padding:12px 14px;font-size:.96rem;font-weight:500;
  color:var(--c-muted);border-radius:var(--r);
  transition:color var(--tf),background var(--tf);display:block;
}
.mob-link:hover,.mob-link.active{color:var(--c-text);background:var(--c-surface2);}
.mob-acc-btn{
  width:100%;text-align:left;padding:12px 14px;font-size:.96rem;
  font-weight:500;color:var(--c-muted);border-radius:var(--r);
  transition:color var(--tf),background var(--tf);
  display:flex;align-items:center;justify-content:space-between;
}
[dir="rtl"] .mob-acc-btn{text-align:right;}
.mob-acc-btn:hover{color:var(--c-text);background:var(--c-surface2);}
.mob-acc-btn .ch{font-size:.8rem;transition:transform var(--tb);}
.mob-acc-btn.is-open .ch{transform:rotate(180deg);}
.mob-acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.mob-acc-body.is-open{max-height:700px;}
.mob-sec-wrap{margin-left:14px;padding-left:12px;border-left:2px solid var(--c-border);margin-bottom:4px;}
[dir="rtl"] .mob-sec-wrap{margin-left:0;margin-right:14px;padding-left:0;padding-right:12px;border-left:none;border-right:2px solid var(--c-border);}
.mob-sec-btn{
  width:100%;text-align:left;padding:8px 8px;font-size:.84rem;
  font-weight:600;color:var(--c-text);display:flex;
  align-items:center;justify-content:space-between;gap:8px;
}
[dir="rtl"] .mob-sec-btn{text-align:right;}
.mob-sec-btn .sch{font-size:.75rem;transition:transform var(--tb);}
.mob-sec-btn.is-open .sch{transform:rotate(180deg);}
.mob-sec-body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.mob-sec-body.is-open{max-height:500px;}
.mob-svc-link{display:block;padding:6px 8px;font-size:.81rem;color:var(--c-muted);transition:color var(--tf);}
.mob-svc-link:hover{color:var(--c-gold);}
.mob-controls{margin-top:auto;padding-top:18px;border-top:1px solid var(--c-border);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

/* ── FOOTER ──────────────────────────────── */
.site-footer{background:var(--c-surface);border-top:1px solid var(--c-border);}
.site-footer::before{
  content:'';display:block;height:2px;
  background:linear-gradient(90deg,transparent,var(--c-gold),transparent);
  opacity:.45;
}
.ft-contact{max-width:var(--max-w);margin:0 auto;padding:80px 28px 68px;}
.ft-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.ft-left h2{
  font-family:var(--f-d);font-size:clamp(2rem,4.5vw,3.2rem);
  font-weight:700;line-height:1.05;color:var(--c-text);margin-bottom:8px;
}
.ft-sub{font-size:.68rem;font-weight:700;color:var(--c-gold);
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;display:block;}
.ft-left p{color:var(--c-muted);font-size:.9rem;max-width:380px;margin-bottom:32px;line-height:1.75;}
.ft-info{display:flex;flex-direction:column;gap:16px;}
.ft-info__item{display:flex;align-items:center;gap:12px;}
.ft-ico{
  width:40px;height:40px;border-radius:50%;background:var(--c-gold-glow);
  border:1px solid rgba(212,168,67,.28);
  display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;
}
.ft-lbl{font-size:.82rem;font-weight:600;color:var(--c-text);margin-bottom:2px;}
.ft-val{font-size:.8rem;color:var(--c-muted);}
.ft-val a{color:var(--c-gold);}
.c-form{display:flex;flex-direction:column;gap:12px;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.f-in,.f-sel,.f-ta{
  width:100%;padding:12px 15px;background:var(--c-surface2);
  border:1px solid var(--c-border);border-radius:var(--r);
  color:var(--c-text);font-size:.875rem;outline:none;
  transition:border-color var(--tb),box-shadow var(--tb);
  appearance:none;-webkit-appearance:none;
}
.f-in::placeholder,.f-ta::placeholder{color:var(--c-muted);}
.f-in:focus,.f-sel:focus,.f-ta:focus{
  border-color:var(--c-gold);box-shadow:0 0 0 3px var(--c-gold-glow);
}
.f-sel{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237494B0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer;
}
[dir="rtl"] .f-sel{background-position:left 14px center;padding-right:15px;padding-left:40px;}
.f-ta{resize:vertical;min-height:100px;}
.f-sel option,.f-sel optgroup{background:var(--c-surface2);color:var(--c-text);}
.btn-send{
  width:100%;padding:14px;background:var(--c-gold);color:#091624;
  font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  border-radius:var(--r);
  transition:background var(--tb),transform var(--tf),box-shadow var(--tb);
}
.btn-send:hover{background:var(--c-gold-dim);transform:translateY(-1px);box-shadow:0 4px 20px rgba(212,168,67,.28);}
.ft-bottom{border-top:1px solid var(--c-border);padding:26px 28px;}
.ft-bottom__row{
  max-width:var(--max-w);margin:0 auto;display:flex;
  align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;
}
.ft-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.ft-logo img{width:36px;height:36px;}
.ft-logo__text{display:flex;flex-direction:column;line-height:1.2;}
.ft-logo__name{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--c-text);}
.ft-logo__name span{color:var(--c-gold);}
.ft-logo__tag{font-family:var(--f-d);font-style:italic;font-size:.7rem;color:var(--c-gold);}
.ft-social{display:flex;align-items:center;gap:9px;}
.ft-social a{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--c-border);
  display:flex;align-items:center;justify-content:center;color:var(--c-muted);
  transition:border-color var(--tb),color var(--tb),background var(--tb),transform var(--tf);
}
.ft-social a:hover{border-color:var(--c-gold);color:var(--c-gold);background:var(--c-gold-glow);transform:translateY(-2px);}
.ft-copy{width:100%;text-align:center;font-size:.76rem;color:var(--c-muted);padding-top:16px;border-top:1px solid var(--c-border);margin-top:6px;}

/* ── RESPONSIVE ──────────────────────────── */
@media(max-width:1024px){
  .nav-links{display:none;}
  .hamburger{display:flex;margin-left:auto;}
  .nav-controls{display:none !important;}
  .mega-wrap{display:none;}
}
@media(max-width:768px){
  .ft-grid{grid-template-columns:1fr;gap:44px;}
  .f-row{grid-template-columns:1fr;}
  .mega-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:520px){
  .navbar{padding:0 16px;gap:10px;}
  .ft-bottom__row{flex-direction:column;align-items:flex-start;}
  .ft-contact{padding:60px 16px 52px;}
}

/* ═══════════════════════════════════════════
   UPDATE 1: LOGO CIRCLE (dark mode DP style)
═══════════════════════════════════════════ */
.logo-circle {
  width: 46px; height: 46px; border-radius: 50%;
  background: #FFFFFF; padding: 4px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background var(--ts), box-shadow var(--ts);
}
[data-theme="dark"] .logo-circle {
  box-shadow: 0 0 0 2px rgba(255,255,255,.15), 0 2px 12px rgba(0,0,0,.4);
}
[data-theme="light"] .logo-circle {
  background: transparent; padding: 0; box-shadow: none;
}
.logo-circle img { width: 100%; height: 100%; border-radius: 50%; }
.ft-logo .logo-circle { width: 38px; height: 38px; padding: 3px; }

/* ═══════════════════════════════════════════
   UPDATE 2: LIGHT MODE PREMIUM IMPROVEMENTS
═══════════════════════════════════════════ */
[data-theme="light"] {
  --c-bg: #F2F5FB;
  --c-surface: #FFFFFF;
  --c-surface2: #E8EEF8;
  --c-border: #C4D0E8;
  --c-text: #0D1E3A;
  --c-muted: #526080;
  --c-gold: #C4861A;
  --c-gold-dim: #A66E10;
  --c-gold-glow: rgba(196,134,26,.12);
}
[data-theme="light"] .site-header {
  background: rgba(242,245,251,.95);
  box-shadow: 0 1px 20px rgba(13,30,58,.08);
}
[data-theme="light"] .site-header::before { opacity: .4; }
[data-theme="light"] .mega-wrap { box-shadow: 0 12px 40px rgba(13,30,58,.1); }
[data-theme="light"] .mob-menu { box-shadow: -8px 0 32px rgba(13,30,58,.1); }
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active { background: var(--c-gold-glow); }

/* ═══════════════════════════════════════════
   UPDATE 3: STICKY WIDGET
═══════════════════════════════════════════ */
.sticky-widget {
  position: fixed;
  bottom: 80px; right: 20px;
  z-index: 800;
  display: flex; flex-direction: column; align-items: flex-end; gap: 8px;
}
[dir="rtl"] .sticky-widget { right: auto; left: 20px; align-items: flex-start; }

.sw-toggle {
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--c-gold); color: #091624;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; cursor: pointer; border: none;
  box-shadow: 0 4px 20px rgba(212,168,67,.4);
  transition: transform var(--tf), box-shadow var(--tb);
}
.sw-toggle:hover { transform: scale(1.1); box-shadow: 0 6px 26px rgba(212,168,67,.5); }

.sw-panel {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: 14px;
  padding: 18px 20px;
  width: 280px;
  box-shadow: 0 8px 36px rgba(0,0,0,.25);
  opacity: 0; transform: translateX(20px) scale(.96);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}
[dir="rtl"] .sw-panel { transform: translateX(-20px) scale(.96); }
.sw-panel.visible {
  opacity: 1; transform: translateX(0) scale(1); pointer-events: all;
}
.sw-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 10px;
}
.sw-head span { font-size: .82rem; font-weight: 700; color: var(--c-gold); }
.sw-close {
  background: none; border: none; color: var(--c-muted);
  font-size: .9rem; cursor: pointer; padding: 2px;
  transition: color var(--tf);
}
.sw-close:hover { color: var(--c-text); }
.sw-text { font-size: .8rem; color: var(--c-muted); line-height: 1.65; margin-bottom: 14px; }
.sw-cta {
  display: block; width: 100%; padding: 10px;
  background: var(--c-gold); color: #091624;
  text-align: center; font-size: .8rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; border-radius: var(--r);
  transition: background var(--tb);
}
.sw-cta:hover { background: var(--c-gold-dim); }

/* ═══════════════════════════════════════════
   UPDATE 4: HERO PROGRESS BARS
═══════════════════════════════════════════ */
.hero-bars {
  position: absolute; bottom: 24px; left: 50%;
  transform: translateX(-50%);
  display: flex; gap: 10px; z-index: 10;
  align-items: flex-end;
}
.h-bar-item {
  width: 76px; cursor: pointer; text-align: center;
}
.h-bar-lbl {
  display: block; font-size: .52rem; font-weight: 600;
  color: rgba(255,255,255,.35); text-transform: uppercase;
  letter-spacing: .08em; margin-bottom: 5px;
  transition: color .3s; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.h-bar-item.active .h-bar-lbl { color: var(--c-gold); }
.h-bar-track {
  height: 3px; background: rgba(255,255,255,.18); border-radius: 2px; overflow: hidden;
}
.h-bar-fill {
  height: 100%; width: 0%; background: var(--c-gold); border-radius: 2px;
}
.h-bar-item.active .h-bar-fill { animation: barFill 5s linear forwards; }
@keyframes barFill { from{width:0%} to{width:100%} }

/* ═══════════════════════════════════════════
   UPDATE 5: GIG LANG SELECTOR + TESTIMONIALS
═══════════════════════════════════════════ */
.lang-selector {
  padding: 14px 24px 0;
}
.lang-selector__label {
  font-size: .72rem; font-weight: 600; color: var(--c-muted);
  text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; display: block;
}
.lang-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.lang-chip {
  display: flex; align-items: center; gap: 5px;
  padding: 4px 10px; border-radius: 16px;
  border: 1px solid var(--c-border); cursor: pointer;
  font-size: .75rem; color: var(--c-muted); background: var(--c-surface2);
  transition: all var(--tf); user-select: none;
}
.lang-chip input[type="checkbox"] { display: none; }
.lang-chip.selected { border-color: var(--c-gold); color: var(--c-gold); background: var(--c-gold-glow); }

.gig-reviews { padding: 40px 28px 0; max-width: 1280px; margin: 0 auto; }
.gig-reviews h3 {
  font-family: var(--f-d); font-size: 1.6rem; font-weight: 700;
  color: var(--c-text); margin-bottom: 20px; padding-bottom: 10px;
  border-bottom: 1px solid var(--c-border);
}
.gig-rev-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-bottom: 20px; }
.gig-rev-card {
  background: var(--c-surface); border: 1px solid var(--c-border);
  border-radius: 12px; padding: 20px;
}
.gig-rev-stars { color: var(--c-gold); font-size: .85rem; margin-bottom: 8px; }
.gig-rev-text { font-size: .83rem; color: var(--c-muted); line-height: 1.75; font-style: italic; margin-bottom: 14px; }
.gig-rev-name { font-size: .8rem; font-weight: 600; color: var(--c-text); }
.gig-rev-role { font-size: .72rem; color: var(--c-muted); }
.gig-see-more {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .82rem; font-weight: 600; color: var(--c-gold);
  transition: gap var(--tf);
}
.gig-see-more:hover { gap: 10px; }
@media(max-width:768px){ .gig-rev-grid{grid-template-columns:1fr;} }

/* ── MOBILE: hide extra nav buttons ───── */
@media(max-width:1024px){
  .ctrl-btn--cta { display:none !important; }
}
/* ── HERO FADE: always dark ─────────── */
.hs-fade {
  background: linear-gradient(transparent, #091624) !important;
}

/* ── MOBILE PROGRESS BARS ───────────────── */
@media(max-width:600px){
  .hero-bars { gap:4px; bottom:14px; }
  .h-bar-item { width:42px; }
  .h-bar-lbl  { display:none; }
  .h-bar-track{ height:4px; }
}
@media(max-width:400px){
  .h-bar-item { width:32px; }
}