/* PHOTOSESSION.CSS */
body { background:var(--bg); padding-bottom:40px; }

.photo-header {
  position:relative; width:100%; overflow:hidden;
}
.photo-header img { width:100%; display:block; border-radius:0 0 20px 20px; }
.photo-header .overlay {
  position:absolute; inset:0;
  background:linear-gradient(to bottom,rgba(7,16,30,0.2),rgba(7,16,30,0.88));
  border-radius:0 0 20px 20px;
  display:flex; flex-direction:column;
  align-items:center; justify-content:flex-end;
  padding:0 20px 22px;
}
.photo-header .overlay h1 {
  font-size:24px; font-weight:900; color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,0.8); margin-bottom:4px; text-align:center;
}
.photo-header .overlay p { font-size:13px; color:rgba(255,255,255,0.65); text-align:center; }

/* Info strip */
.info-strip {
  display:flex; align-items:center; gap:8px;
  background:rgba(245,197,66,0.08); border:1px solid rgba(245,197,66,0.2);
  border-radius:12px; margin:14px 12px 0; padding:12px 16px;
  font-size:13px; color:var(--gold); font-weight:600; line-height:1.5;
}
.info-strip .info-icon { font-size:20px; flex-shrink:0; }

/* Actors list */
.actors-list {
  padding:14px 12px; display:flex; flex-direction:column; gap:14px;
}

.actor-card {
  display:flex; align-items:center; gap:14px;
  background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:18px; overflow:hidden; cursor:pointer;
  transition:transform 0.2s, box-shadow 0.2s;
  box-shadow:0 4px 20px rgba(0,0,0,0.4);
  text-decoration:none;
}
.actor-card:active { transform:scale(0.97); }
.actor-card:hover  { box-shadow:0 4px 28px rgba(0,212,255,0.18); border-color:rgba(0,212,255,0.35); }

.actor-photo {
  width:100px; height:120px; object-fit:cover; flex-shrink:0;
  border-radius:0;
}

.actor-info { flex:1; padding:14px 4px 14px 0; }
.actor-name { font-size:17px; font-weight:900; color:var(--text); margin-bottom:4px; }
.actor-role {
  font-size:13px; color:var(--cyan); font-weight:600;
  margin-bottom:10px;
  text-shadow:0 0 10px rgba(0,212,255,0.3);
}
.actor-price {
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(245,197,66,0.12); border:1px solid rgba(245,197,66,0.3);
  border-radius:8px; padding:5px 12px;
  font-size:15px; font-weight:900; color:var(--gold);
}
.actor-price span { font-size:11px; color:var(--muted); font-weight:600; }

.actor-arrow {
  font-size:20px; color:var(--muted);
  padding:0 16px 0 4px; flex-shrink:0;
}